/* ══════════════════════════════════════════════════════════════════════════
   /case-study/royal-ace-online-casino-case-study — page-isolated stylesheet
   AISHTMLNEWDESIGN-556  (meta + schema: AISHTMLNEWDESIGN-284)

   Visual direction: "HOUSE EDGE".

   This case study is not about a night at the table — it is about UPTIME,
   PAYMENT RAILS, COMPLIANCE and ENCRYPTION. So the register is the pit boss's
   side of the room, not the player's: a ledger, a brass rail and a stake
   plaque, in three materials and one signal.

     · BONE    — warm floor bone (#f7f4ef), the page's DOMINANT surface and the
                 ground under every prose section.
     · PLUM    — a deep charcoal-plum (#241b26) used for exactly two bands as
                 punctuation, deepening to INK (#15101a) for the results.
     · JADE    — one signal (#0b6f57 on light, #4fd3a5 on plum). It is the only
                 hue that ever carries an action. No second action colour.

   ACE RED (#b3182b) exists only as an index mark on the challenge plaques and
   the result column rule, at 20px and below. It never becomes a surface.

   Deliberately NOT felt green as a ground: /roulette-game-development already
   owns "DEALER'S FELT", and two casino pages reading as one template is the
   exact failure rule 6 exists to prevent. Jade appears here only as a small
   signal on bone and plum, never as the field.

   Composition motif: the RAIL (a doubled hairline that opens each band), the
   STAKE PLAQUE (a squared chip carrying a numeral or a figure) and the LEDGER
   ROW. Sections are composed as a centred hero, a jump list, an asymmetric
   label/prose split, a numbered plaque rail, a three-column mapping table, a
   stake row, a numbered reason grid and an address grid — no two sections
   repeat a layout, and there is no three-up feature-card grid anywhere.

   Every rule is scoped to #page-case-study-royal-ace-online-casino-case-study, so this file can never touch the shared
   header/footer, owned by /assets/css/ais-*.css + ais-header.js / ais-footer.js.
   The UA body-margin reset is NOT restated here — /assets/css/ais-layout.css
   owns it (skill section 33).

   Design contract (frontend-design SKILL.md):
     · rule  1 — Inter is the primary family
     · rule  2 — nothing below 16px, anywhere, including labels and captions
     · rule 23 — no slate-gray body copy on light surfaces (#2a2430 floor)
     · rule 24 — image-free full-bleed hero, static gradient, centred column
     · rule 25 — one CTA per section, every label unique page-wide
     · rule 26 — no running animation: zero @keyframes, zero 'infinite'
   ══════════════════════════════════════════════════════════════════════════ */

#page-case-study-royal-ace-online-casino-case-study{
  --bone:#f7f4ef;
  --bone-2:#efe9e0;
  --paper:#ffffff;
  --line:#ded5c8;
  --line-strong:#c3b6a3;
  --plum:#241b26;
  --plum-2:#332639;
  --ink:#15101a;
  --body:#2a2430;            /* AA on bone            */
  --body-light:#e4dce8;      /* AA on plum            */
  --strong:#191325;
  --jade:#0b6f57;            /* the one signal, AA on bone */
  --jade-2:#0e8a6c;
  --jade-soft:#4fd3a5;       /* the signal on plum    */
  --ace:#b3182b;             /* index mark only       */

  --wrap:1240px;
  --gut:clamp(20px,4vw,40px);
  --r:12px;

  font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  color:var(--body);
  background:var(--bone);
  -webkit-font-smoothing:antialiased;
  font-size:17px;
  line-height:1.72;
}
#page-case-study-royal-ace-online-casino-case-study *,#page-case-study-royal-ace-online-casino-case-study *::before,#page-case-study-royal-ace-online-casino-case-study *::after{box-sizing:border-box;}
#page-case-study-royal-ace-online-casino-case-study p{margin:0 0 18px;font-size:17px;line-height:1.78;}
#page-case-study-royal-ace-online-casino-case-study p:last-child{margin-bottom:0;}
#page-case-study-royal-ace-online-casino-case-study ul,#page-case-study-royal-ace-online-casino-case-study ol{margin:0;padding:0;list-style:none;}
#page-case-study-royal-ace-online-casino-case-study img{max-width:100%;height:auto;}
#page-case-study-royal-ace-online-casino-case-study .rago-wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut);}

/* ── shared type ─────────────────────────────────────────────────────────── */
#page-case-study-royal-ace-online-casino-case-study .rago-eyebrow{
  margin:0 0 12px;font-size:16px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--jade);
}
#page-case-study-royal-ace-online-casino-case-study .rago-eyebrow--light{color:var(--jade-soft);}
#page-case-study-royal-ace-online-casino-case-study .rago-h2{
  margin:0;font-size:clamp(31px,3.6vw,46px);line-height:1.16;
  letter-spacing:-.02em;font-weight:800;color:var(--strong);
}
#page-case-study-royal-ace-online-casino-case-study .rago-h2--light{color:#fbf7fd;}
#page-case-study-royal-ace-online-casino-case-study .rago-h2--centre{text-align:center;}
#page-case-study-royal-ace-online-casino-case-study .rago-head{max-width:900px;margin:0 0 clamp(32px,4vw,52px);}
#page-case-study-royal-ace-online-casino-case-study .rago-link{
  color:var(--jade);font-weight:600;border-bottom:1px solid rgba(11,111,87,.42);
  transition:color .16s ease,border-color .16s ease;
}
#page-case-study-royal-ace-online-casino-case-study .rago-link:hover,#page-case-study-royal-ace-online-casino-case-study .rago-link:focus-visible{color:var(--ace);border-bottom-color:var(--ace);}
#page-case-study-royal-ace-online-casino-case-study :focus-visible{outline:3px solid var(--jade-2);outline-offset:3px;border-radius:4px;}

/* ── buttons ─────────────────────────────────────────────────────────────── */
#page-case-study-royal-ace-online-casino-case-study .rago-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:52px;padding:14px 30px;border:1px solid transparent;border-radius:999px;
  font:inherit;font-size:17px;font-weight:700;cursor:pointer;text-align:center;
  transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,color .16s ease;
}
#page-case-study-royal-ace-online-casino-case-study .rago-btn--jade{background:var(--jade-soft);color:#0d2a22;box-shadow:0 8px 22px -12px rgba(0,0,0,.7);}
#page-case-study-royal-ace-online-casino-case-study .rago-btn--jade:hover{background:#7ce6c1;transform:translateY(-2px);}
#page-case-study-royal-ace-online-casino-case-study .rago-btn--jade:active{transform:translateY(0);box-shadow:none;}
#page-case-study-royal-ace-online-casino-case-study .rago-btn--ink{background:var(--plum);color:#fbf7fd;box-shadow:0 8px 22px -14px rgba(36,27,38,.9);}
#page-case-study-royal-ace-online-casino-case-study .rago-btn--ink:hover{background:var(--jade);transform:translateY(-2px);}
#page-case-study-royal-ace-online-casino-case-study .rago-btn--ink:active{transform:translateY(0);box-shadow:none;}
#page-case-study-royal-ace-online-casino-case-study .rago-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;}
#page-case-study-royal-ace-online-casino-case-study .rago-cta-row{margin-top:clamp(30px,3.6vw,44px);display:flex;justify-content:center;}
#page-case-study-royal-ace-online-casino-case-study .rago-cta-row--left{justify-content:flex-start;margin-top:26px;}

/* ── HERO — rule 24 ──────────────────────────────────────────────────────
   Full-bleed. STATIC gradient over plum; no image, no url(), no motion. The
   brass-free double rail at the foot is two gradients, not an asset. -------- */
#page-case-study-royal-ace-online-casino-case-study .rago-hero{
  position:relative;width:100%;
  padding:clamp(72px,8.5vw,124px) 24px clamp(80px,8.5vw,132px);
  background:linear-gradient(163deg,var(--ink) 0%,var(--plum) 48%,var(--plum-2) 100%);
  color:var(--body-light);overflow:hidden;
}
#page-case-study-royal-ace-online-casino-case-study .rago-hero::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:6px;
  background:linear-gradient(90deg,var(--jade-soft) 0 22%,rgba(79,211,165,.25) 22% 100%);
}
#page-case-study-royal-ace-online-casino-case-study .rago-hero__inner{position:relative;z-index:1;max-width:900px;margin-inline:auto;text-align:center;}
#page-case-study-royal-ace-online-casino-case-study .rago-hero__tag{
  margin:0 0 18px;display:inline-block;padding:8px 20px;
  border:1px solid rgba(79,211,165,.5);border-radius:999px;
  font-size:16px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--jade-soft);
}
#page-case-study-royal-ace-online-casino-case-study .rago-hero h1{
  margin:0 0 24px;font-size:clamp(36px,5vw,62px);line-height:1.08;
  letter-spacing:-.025em;font-weight:800;color:#fdfaff;
}
#page-case-study-royal-ace-online-casino-case-study .rago-hero__copy{
  margin:0 auto 34px;max-width:830px;
  font-size:clamp(17px,1.5vw,19px);line-height:1.76;color:var(--body-light);
}
#page-case-study-royal-ace-online-casino-case-study .rago-hero__note{
  margin:38px 0 14px;font-size:16px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--jade-soft);
}
#page-case-study-royal-ace-online-casino-case-study .rago-hero__tech{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 12px;}
#page-case-study-royal-ace-online-casino-case-study .rago-hero__tech li{
  padding:9px 18px;border:1px solid rgba(228,220,232,.24);border-radius:8px;
  background:rgba(255,255,255,.05);font-size:16px;font-weight:600;color:#f1eaf4;
}

/* ── breadcrumb ──────────────────────────────────────────────────────────── */
#page-case-study-royal-ace-online-casino-case-study .rago-crumbbar{background:var(--bone);border-bottom:1px solid var(--line);}
#page-case-study-royal-ace-online-casino-case-study .rago-crumb{
  display:flex;align-items:center;flex-wrap:wrap;gap:8px;
  padding:18px 0;font-size:16px;color:#4d4553;
}
#page-case-study-royal-ace-online-casino-case-study .rago-crumb a{color:var(--jade);font-weight:600;}
#page-case-study-royal-ace-online-casino-case-study .rago-crumb a:hover{color:var(--ace);}
#page-case-study-royal-ace-online-casino-case-study .rago-crumb span[aria-current]{color:var(--strong);font-weight:600;}

/* ── section shells ──────────────────────────────────────────────────────── */
#page-case-study-royal-ace-online-casino-case-study .rago-sec{padding:clamp(56px,7vw,104px) 0;}
#page-case-study-royal-ace-online-casino-case-study .rago-sec--bone{background:var(--bone);}
#page-case-study-royal-ace-online-casino-case-study .rago-sec--plum{background:var(--plum);color:var(--body-light);}
#page-case-study-royal-ace-online-casino-case-study .rago-sec--ink{background:var(--ink);color:var(--body-light);}
#page-case-study-royal-ace-online-casino-case-study .rago-sec--plum p,#page-case-study-royal-ace-online-casino-case-study .rago-sec--ink p{color:var(--body-light);}

/* ── contents / jump list ────────────────────────────────────────────────── */
#page-case-study-royal-ace-online-casino-case-study .rago-toc{background:var(--bone-2);padding:clamp(40px,4.6vw,64px) 0;}
#page-case-study-royal-ace-online-casino-case-study .rago-toc__h{
  margin:0 0 24px;font-size:clamp(24px,2.4vw,30px);
  font-weight:800;letter-spacing:-.01em;color:var(--strong);
}
#page-case-study-royal-ace-online-casino-case-study .rago-toc__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px 26px;}
#page-case-study-royal-ace-online-casino-case-study .rago-toc__list a{
  display:flex;align-items:center;gap:14px;padding:14px 16px;
  border:1px solid var(--line);border-radius:10px;background:var(--paper);
  font-size:17px;font-weight:600;color:var(--strong);
  transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease;
}
#page-case-study-royal-ace-online-casino-case-study .rago-toc__list a:hover,#page-case-study-royal-ace-online-casino-case-study .rago-toc__list a:focus-visible{
  border-color:var(--jade);transform:translateY(-2px);
  box-shadow:0 10px 24px -18px rgba(36,27,38,.9);
}
#page-case-study-royal-ace-online-casino-case-study .rago-chip{
  flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:30px;border-radius:5px;background:var(--plum);
  color:var(--jade-soft);font-size:16px;font-weight:700;
}

/* ── About the client — asymmetric label / prose split ───────────────────── */
#page-case-study-royal-ace-online-casino-case-study .rago-split{
  display:grid;grid-template-columns:minmax(220px,.62fr) minmax(0,1.38fr);
  gap:clamp(28px,4vw,64px);align-items:start;
}
#page-case-study-royal-ace-online-casino-case-study .rago-split__label{padding-top:6px;border-top:3px solid var(--jade);}
#page-case-study-royal-ace-online-casino-case-study .rago-split__label .rago-eyebrow{margin-top:16px;}
#page-case-study-royal-ace-online-casino-case-study .rago-split__body p{font-size:clamp(17px,1.4vw,18px);}

/* ── Challenges — numbered stake plaques on a rail ───────────────────────── */
#page-case-study-royal-ace-online-casino-case-study .rago-rail{display:grid;gap:0;border-top:1px solid rgba(228,220,232,.2);}
#page-case-study-royal-ace-online-casino-case-study .rago-plaque{
  display:grid;grid-template-columns:auto minmax(0,1fr);
  gap:clamp(18px,2.4vw,34px);align-items:start;
  padding:clamp(22px,2.6vw,32px) 0;border-bottom:1px solid rgba(228,220,232,.2);
}
#page-case-study-royal-ace-online-casino-case-study .rago-plaque__n{
  display:inline-flex;align-items:center;justify-content:center;
  width:56px;height:44px;border-radius:6px;
  background:var(--bone);border-left:5px solid var(--ace);
  color:var(--strong);font-size:19px;font-weight:800;
}
#page-case-study-royal-ace-online-casino-case-study .rago-plaque:nth-child(even) .rago-plaque__n{border-left-color:var(--jade-soft);}
#page-case-study-royal-ace-online-casino-case-study .rago-plaque h4{
  margin:0 0 8px;font-size:clamp(20px,2vw,25px);line-height:1.3;
  font-weight:700;color:#fbf7fd;
}
#page-case-study-royal-ace-online-casino-case-study .rago-plaque p{margin:0;max-width:70ch;}
#page-case-study-royal-ace-online-casino-case-study .rago-plaque .rago-link{color:var(--jade-soft);border-bottom-color:rgba(79,211,165,.5);}
#page-case-study-royal-ace-online-casino-case-study .rago-plaque .rago-link:hover{color:#7ce6c1;border-bottom-color:#7ce6c1;}

/* ── Solution — three-column mapping table ───────────────────────────────── */
#page-case-study-royal-ace-online-casino-case-study .rago-map{border:1px solid var(--line);border-radius:var(--r);background:var(--paper);overflow:hidden;}
#page-case-study-royal-ace-online-casino-case-study .rago-map__head{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--plum);}
#page-case-study-royal-ace-online-casino-case-study .rago-map__head span{
  padding:16px clamp(16px,1.8vw,24px);font-size:16px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;color:var(--jade-soft);
}
/* The body cells already carry a 1px --line hairline between columns, but the
   header bar carried none, so both column rules started BELOW the plum band
   instead of running the table's full height. Same token, so it is literally
   the same hairline continued upward; at 24% it sits on plum at roughly the
   weight --line has on the body's bone fill rather than glaring against it.
   The header is display:none in the stacked layout, so this needs no mobile
   counterpart. (requested 2026-09-19) */
#page-case-study-royal-ace-online-casino-case-study .rago-map__head span + span{box-shadow:inset 4px 0 0 var(--jade);}
#page-case-study-royal-ace-online-casino-case-study .rago-map__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);}
#page-case-study-royal-ace-online-casino-case-study .rago-map__row:nth-child(even){background:#fcfaf7;}
#page-case-study-royal-ace-online-casino-case-study .rago-map__c{padding:clamp(18px,2vw,26px) clamp(16px,1.8vw,24px);border-left:1px solid var(--line);}
#page-case-study-royal-ace-online-casino-case-study .rago-map__c:first-child{border-left:0;}
#page-case-study-royal-ace-online-casino-case-study .rago-map__c p{margin:0;font-size:16px;line-height:1.7;}
/* The jade bar sat only at Solution|Result, so that boundary read as a real
   divider while Challenge|Solution had just the 1px --line hairline — the two
   gaps did not match. Both interior boundaries now carry the same bar.
   (requested 2026-09-19; supersedes the header-only hairline below) */
#page-case-study-royal-ace-online-casino-case-study .rago-map__c + .rago-map__c{box-shadow:inset 4px 0 0 var(--jade);}
#page-case-study-royal-ace-online-casino-case-study .rago-map__c--res p{font-weight:600;color:var(--strong);}
#page-case-study-royal-ace-online-casino-case-study .rago-map__k{display:none;}

/* ── Measurable results — stake plaques. Static figures (rule 26). ───────── */
#page-case-study-royal-ace-online-casino-case-study .rago-stakes{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:clamp(16px,2vw,26px);}
#page-case-study-royal-ace-online-casino-case-study .rago-stake{
  padding:clamp(24px,2.6vw,34px);border:1px solid rgba(79,211,165,.28);border-radius:var(--r);
  background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));
}
#page-case-study-royal-ace-online-casino-case-study .rago-stake__n{
  display:block;margin-bottom:10px;font-size:clamp(42px,4.6vw,58px);line-height:1;
  font-weight:800;letter-spacing:-.03em;color:var(--jade-soft);font-variant-numeric:tabular-nums;
}
#page-case-study-royal-ace-online-casino-case-study .rago-stake p{margin:0;font-size:17px;line-height:1.6;}

/* ── Why AIS — numbered reasons ──────────────────────────────────────────── */
#page-case-study-royal-ace-online-casino-case-study .rago-reasons{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:0;
  border-top:3px solid var(--plum);
}
#page-case-study-royal-ace-online-casino-case-study .rago-reason{padding:clamp(30px,3vw,44px) clamp(20px,2vw,30px) clamp(24px,2.6vw,34px);border-right:1px solid var(--line);}
#page-case-study-royal-ace-online-casino-case-study .rago-reason:last-child{border-right:0;}
#page-case-study-royal-ace-online-casino-case-study .rago-reason__n{
  display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;margin-bottom:18px;border-radius:6px;
  background:var(--plum);color:var(--jade-soft);font-size:18px;font-weight:800;
}
#page-case-study-royal-ace-online-casino-case-study .rago-reason h4{margin:0 0 10px;font-size:clamp(20px,1.9vw,23px);line-height:1.3;font-weight:700;color:var(--strong);}
#page-case-study-royal-ace-online-casino-case-study .rago-reason p{margin:0;font-size:17px;}

/* ── Client quote ────────────────────────────────────────────────────────── */
#page-case-study-royal-ace-online-casino-case-study .rago-quote{
  margin:clamp(26px,3vw,40px) auto 0;max-width:880px;
  padding:clamp(28px,3.4vw,46px) clamp(24px,3vw,48px);
  border:1px solid rgba(79,211,165,.3);border-left:5px solid var(--jade-soft);
  border-radius:var(--r);background:rgba(255,255,255,.05);
}
#page-case-study-royal-ace-online-casino-case-study .rago-quote p{margin:0;font-size:clamp(19px,2vw,25px);line-height:1.55;font-weight:600;color:#fbf7fd;}

/* ── Area we serve ───────────────────────────────────────────────────────── */
#page-case-study-royal-ace-online-casino-case-study .rago-regions{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:clamp(18px,2.2vw,28px);}
#page-case-study-royal-ace-online-casino-case-study .rago-region{padding:clamp(22px,2.4vw,30px);border:1px solid var(--line);border-radius:var(--r);background:var(--paper);}
#page-case-study-royal-ace-online-casino-case-study .rago-region h3{
  display:flex;align-items:center;gap:10px;margin:0 0 12px;
  font-size:17px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--strong);
}
#page-case-study-royal-ace-online-casino-case-study .rago-tel{display:inline-block;margin-bottom:10px;font-size:18px;font-weight:700;color:var(--jade);}
#page-case-study-royal-ace-online-casino-case-study .rago-tel:hover{color:var(--ace);}
#page-case-study-royal-ace-online-casino-case-study .rago-region p{margin:0;font-size:16px;line-height:1.66;color:#4d4553;}

/* ── responsive ──────────────────────────────────────────────────────────── */
@media (max-width:1024px){
  #page-case-study-royal-ace-online-casino-case-study .rago-split{grid-template-columns:1fr;}
  #page-case-study-royal-ace-online-casino-case-study .rago-reasons{grid-template-columns:repeat(2,minmax(0,1fr));}
  #page-case-study-royal-ace-online-casino-case-study .rago-reason{border-bottom:1px solid var(--line);}
  #page-case-study-royal-ace-online-casino-case-study .rago-reason:nth-child(2n){border-right:0;}
}
@media (max-width:820px){
  /* the mapping table re-composes into one labelled card per row */
  #page-case-study-royal-ace-online-casino-case-study .rago-map{border:0;background:transparent;overflow:visible;}
  #page-case-study-royal-ace-online-casino-case-study .rago-map__head{display:none;}
  #page-case-study-royal-ace-online-casino-case-study .rago-map__row{
    display:block;margin-bottom:16px;border:1px solid var(--line);
    border-radius:var(--r);background:var(--paper);overflow:hidden;
  }
  #page-case-study-royal-ace-online-casino-case-study .rago-map__row:last-child{margin-bottom:0;}
  #page-case-study-royal-ace-online-casino-case-study .rago-map__row:nth-child(even){background:var(--paper);}
  #page-case-study-royal-ace-online-casino-case-study .rago-map__c{border-left:0;border-top:1px solid var(--line);}
  #page-case-study-royal-ace-online-casino-case-study .rago-map__c:first-of-type{border-top:0;}
  /* Stacked, dividers run along the TOP edge. .rago-map__c + .rago-map__c is two
     classes and outranks a single-class .rago-map__c--res, so both selectors are
     matched here and source order decides. */
  #page-case-study-royal-ace-online-casino-case-study .rago-map__c + .rago-map__c{box-shadow:none;}
  #page-case-study-royal-ace-online-casino-case-study .rago-map__c + .rago-map__c--res{box-shadow:inset 0 4px 0 var(--jade);}
  #page-case-study-royal-ace-online-casino-case-study .rago-map__k{
    display:block;margin-bottom:6px;font-size:16px;font-weight:700;
    letter-spacing:.12em;text-transform:uppercase;color:var(--jade);
  }}
@media (max-width:640px){
  #page-case-study-royal-ace-online-casino-case-study{font-size:16px;}
  #page-case-study-royal-ace-online-casino-case-study p{font-size:16px;}
  #page-case-study-royal-ace-online-casino-case-study .rago-hero{padding-inline:20px;}
  #page-case-study-royal-ace-online-casino-case-study .rago-hero__inner{text-align:left;}
  #page-case-study-royal-ace-online-casino-case-study .rago-hero__copy{margin-inline:0;}
  #page-case-study-royal-ace-online-casino-case-study .rago-hero__tech{justify-content:flex-start;}
  #page-case-study-royal-ace-online-casino-case-study .rago-btn{width:100%;}
  #page-case-study-royal-ace-online-casino-case-study .rago-cta-row{justify-content:stretch;}
  #page-case-study-royal-ace-online-casino-case-study .rago-plaque{grid-template-columns:1fr;gap:14px;}
  #page-case-study-royal-ace-online-casino-case-study .rago-reasons{grid-template-columns:1fr;}
  #page-case-study-royal-ace-online-casino-case-study .rago-reason{border-right:0;}
}
@media (prefers-reduced-motion:reduce){
  #page-case-study-royal-ace-online-casino-case-study *,#page-case-study-royal-ace-online-casino-case-study *::before,#page-case-study-royal-ace-online-casino-case-study *::after{animation:none !important;transition-duration:.01ms !important;}
}

/* ── CTA modal — shared shell, identical on every CTA page ──────────────────
   Replicated from /case-study/dicemasters-backgammon-platform-case-study.
   Values were read off that page with design-clone's extract_design.py; do not
   re-tune them per page — the enquiry form must present the same on all URLs. */
#page-case-study-royal-ace-online-casino-case-study .rago-modal{
  color:#2c2419;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:17px;
  line-height:1.72;
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
  align-items:flex-start;
  justify-content:center;
  padding: 100px 20px 20px 20px;
  overflow-y:auto;
  background:rgba(20,13,7,.72);
}
#page-case-study-royal-ace-online-casino-case-study .rago-modal.is-open{display:flex;}
#page-case-study-royal-ace-online-casino-case-study .rago-modal__box{
  /* Pinned so the panel does not inherit each page's own type scale or ink —
     the enquiry shell must present identically on every URL. */
  color:#2c2419;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:17px;
  line-height:1.72;
  position:relative;
  width:100%;
  max-width:620px;
  margin:auto;
  border-radius:16px;
  background:#fff;
  box-shadow:0 30px 80px -30px rgba(0,0,0,.7);
  /* hidden, not auto: this clips the embedded form's square-cornered white
     document to the panel radius, so all FOUR corners stay rounded. */
  overflow:hidden;
}
#page-case-study-royal-ace-online-casino-case-study .rago-modal__x{
  position:absolute;
  top:12px;right:12px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;height:44px;
  border:1px solid #ddd2ba;
  border-radius:50%;
  background:#fff;
  color:#1d1509;
  cursor:pointer;
  transition:background-color .16s ease,color .16s ease;
}
#page-case-study-royal-ace-online-casino-case-study .rago-modal__x:hover{background:#2b1c12;color:#fbf6ec;}
#page-case-study-royal-ace-online-casino-case-study .rago-modal iframe{
  display:block;
  width:100%;
  min-height:860px;
  border:0;
}
@media (max-width:640px){
  /* Keep the radius on phones too — the panel is a card at every width. */
  #page-case-study-royal-ace-online-casino-case-study .rago-modal{padding: 100px 12px 12px 12px;}
  #page-case-study-royal-ace-online-casino-case-study .rago-modal__box{max-width:none;border-radius:14px;}
}