/* ===========================================================
   RoyalGame guide — design system
   Palette: purple structure · yellow action · light-green accent
   Fonts: Kanit (display) · Urbanist (body) · Ubuntu Mono (labels)
   =========================================================== */
:root{
  --purple-900:#1b1030; --purple-800:#2b1a47; --purple-700:#3a2360;
  --purple-500:#6d3bd1; --purple-400:#8a5be0; --purple-100:#efe8fb;
  --yellow:#ffcf24; --yellow-600:#f2b705; --yellow-dk:#c9910a;
  --green:#8ff0b4; --green-600:#3fbf78; --green-900:#12492f; --green-050:#eafaf0;
  --ink:#1d1330; --dim:#5b5170; --faint:#8a7ea3;
  --bg:#fbfaff; --surface:#ffffff; --line:#e7deef; --line2:#d8cbe8;
  --bad:#c23b33; --bad-bg:#fbeceb; --bad-line:#efc3bf;
  --warn:#9a6a12; --warn-bg:#fdf5e2;
  --r:14px; --r-sm:9px; --shadow:0 10px 30px rgba(43,26,71,.10);
  --disp:"Kanit",system-ui,sans-serif; --body:"Urbanist",system-ui,sans-serif; --mono:"Ubuntu Mono",monospace;
  --s1:.35rem; --s2:.6rem; --s3:1rem; --s4:1.5rem; --s5:2.25rem; --s6:3.25rem;
  --maxw:1120px;
}
*{box-sizing:border-box}
html,body{overflow-x:clip;margin:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--disp);line-height:1.12;color:var(--purple-800);overflow-wrap:break-word}
p,li,td,th,summary,figcaption{overflow-wrap:break-word}
a{color:var(--purple-500);font-weight:600;text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-999px;top:0;background:var(--yellow);color:var(--purple-900);padding:10px 16px;border-radius:0 0 var(--r-sm) 0;font-weight:700;z-index:100}
.skip:focus{left:0}
:where(a,button,label,input,summary):focus-visible{outline:3px solid var(--purple-500);outline-offset:2px;border-radius:4px}

/* ---------- header ---------- */
.site-head{position:sticky;top:0;z-index:50;background:var(--purple-800);color:#fff;box-shadow:0 2px 0 var(--yellow)}
.head-inner{display:flex;align-items:center;gap:16px;min-height:62px;position:relative}
.brand{display:inline-flex;align-items:center;gap:9px;font-family:var(--disp);font-weight:800;font-size:1.15rem;color:#fff;text-transform:uppercase;letter-spacing:.02em}
.brand:hover{text-decoration:none;color:var(--yellow)}
.chip{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--yellow),var(--yellow-600));box-shadow:0 0 0 3px rgba(143,240,180,.5)}
.mainnav{margin-left:auto}
.mainnav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.mainnav a{display:block;color:#eadffb;font-weight:600;font-size:.95rem;padding:8px 11px;border-radius:8px}
.mainnav a:hover{background:var(--purple-700);color:#fff;text-decoration:none}
.mainnav a[aria-current="page"]{color:var(--purple-900);background:var(--yellow)}
.navtoggle{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:44px;height:44px;margin:0;opacity:0;cursor:pointer;z-index:3}
.burger{display:none;position:absolute;right:16px;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:9px;background:var(--purple-700);align-items:center;justify-content:center;flex-direction:column;gap:4px;z-index:2}
.burger span{width:22px;height:2px;background:#fff;border-radius:2px}
.navtoggle:focus-visible + .burger{outline:3px solid var(--yellow);outline-offset:2px}
@media(max-width:880px){
  .burger{display:flex}
  .mainnav{position:absolute;top:62px;left:0;right:0;background:var(--purple-800);margin:0;display:none;border-top:1px solid var(--purple-700)}
  .navtoggle:checked ~ .mainnav{display:block}
  .mainnav ul{flex-direction:column;gap:0;padding:6px 16px 14px}
  .mainnav a{padding:12px 10px;border-bottom:1px solid var(--purple-700)}
}

/* ---------- hero (CTA-only first screen) ---------- */
section.hero{background:
   radial-gradient(1000px 420px at 85% -30%,rgba(109,59,209,.55),transparent 60%),
   radial-gradient(700px 360px at -10% 10%,rgba(143,240,180,.18),transparent 55%),
   linear-gradient(180deg,var(--purple-900),var(--purple-800));
  color:#f3ecff;padding:var(--s5) 0 var(--s6)}
.hero-eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;color:var(--green);margin:0 0 var(--s2);display:inline-flex;align-items:center;gap:9px}
.hero-eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 3px rgba(255,207,36,.25)}
section.hero h1{color:#fff;font-size:clamp(2rem,5.2vw,3.3rem);font-weight:800;margin:.1em 0 .3em;max-width:16ch}
.hero-sub{color:#d9ccf3;font-size:1.1rem;max-width:60ch;margin:0 0 var(--s4)}

/* main CTA "play ticket" — whole block is one link */
.cta-main{display:flex;flex-direction:column;gap:8px;background:linear-gradient(180deg,#fff,#f7f2ff);border:1px solid var(--line2);border-radius:var(--r);padding:20px;max-width:560px;color:var(--ink);box-shadow:var(--shadow);transition:transform .18s,border-color .18s,box-shadow .18s;position:relative;overflow:hidden}
.cta-main::after{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--yellow),var(--green))}
.cta-main:hover{transform:translateY(-3px);border-color:var(--purple-400);box-shadow:0 16px 40px rgba(43,26,71,.18);text-decoration:none}
.cta-main:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.cta-eyebrow{font-family:var(--mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.1em;color:var(--purple-500)}
.cta-h{font-family:var(--disp);font-weight:800;font-size:1.5rem;color:var(--purple-800);line-height:1.1}
.cta-sub{color:var(--dim);font-size:.98rem}
.cta-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;font-family:var(--disp);font-weight:800;font-size:1.15rem;text-transform:uppercase;letter-spacing:.03em;color:var(--purple-900);
  background:linear-gradient(180deg,var(--yellow),var(--yellow-600));border-radius:11px;box-shadow:0 6px 0 var(--yellow-dk),0 12px 22px rgba(201,145,10,.35);margin-top:4px}
.cta-main:active .cta-btn{transform:translateY(3px);box-shadow:0 3px 0 var(--yellow-dk)}
.cta-facts{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.cta-facts span{min-width:0;flex:1 1 auto;text-align:center;font-family:var(--mono);font-size:.78rem;background:var(--green-050);border:1px solid #cdeed7;color:var(--green-900);border-radius:8px;padding:6px 8px}

/* three secondary tiles */
.tiles-cta{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));margin-top:var(--s3)}
.tile-cta{display:flex;flex-direction:column;gap:6px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);border-radius:var(--r-sm);padding:14px;color:#f3ecff;transition:transform .18s,border-color .18s}
.tile-cta:hover{transform:translateY(-2px);border-color:var(--green);text-decoration:none}
.tile-cta:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.tc-h{font-family:var(--disp);font-weight:700;font-size:1.08rem;color:#fff}
.tc-d{font-size:.9rem;color:#d4c7ef;flex:1}
.tc-btn{display:flex;align-items:center;justify-content:center;min-height:44px;font-family:var(--disp);font-weight:700;text-transform:uppercase;font-size:.92rem;letter-spacing:.02em;color:var(--purple-900);background:var(--green);border-radius:9px;box-shadow:0 4px 0 var(--green-600)}
.tile-cta:active .tc-btn{transform:translateY(2px);box-shadow:0 2px 0 var(--green-600)}
.disclose{font-size:.82rem;color:#c6b7e6;margin-top:var(--s3)}
.disclose a{color:var(--green)}

/* ---------- main / article ---------- */
main{padding:var(--s5) 0 var(--s6)}
.crumbs{margin:0 0 var(--s3)}
.crumbs ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0;font-family:var(--mono);font-size:.82rem;color:var(--faint)}
.crumbs li+li::before{content:"/";margin-right:8px;color:var(--line2)}
.article{max-width:800px}
.article h2{font-size:1.65rem;margin:2em 0 .5em;padding-top:.4em;border-top:3px solid var(--green);display:inline-block}
.article h3{font-size:1.2rem;color:var(--purple-700);margin:1.4em 0 .3em}
.article p{margin:.7em 0}
.article ul,.article ol{margin:.7em 0;padding-left:1.2em}
.article li{margin:.35em 0}
.content-fig{margin:1em 0 1.4em;border-radius:var(--r);overflow:hidden;border:1px solid var(--line)}
.content-fig img{width:100%;height:auto;background:var(--purple-100)}
.content-fig figcaption{font-size:.82rem;color:var(--faint);padding:8px 12px;background:var(--surface)}

/* tables */
.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-sm);margin:1.1em 0;-webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%;font-size:.95rem;min-width:520px}
th,td{text-align:left;padding:10px 13px;border-bottom:1px solid var(--line);vertical-align:top}
thead th,tr:first-child th{background:var(--purple-800);color:#fff;font-family:var(--disp);font-weight:600;font-size:.9rem}
tbody tr:nth-child(even),tr:nth-child(even){background:#faf7fe}

/* generic content components ported into the system */
.val,.cta-facts{list-style:none}
.article .val{display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:1em 0;font-size:.85rem;font-family:var(--mono)}
.article .val span{background:var(--purple-100);border:1px solid var(--line2);border-radius:8px;padding:6px 11px}
.article .val b{color:var(--purple-500)}
.grid{display:grid;gap:14px;min-width:0}
.g3{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}
.g5{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))}
.card{min-width:0;border:1px solid var(--line);border-radius:var(--r-sm);padding:15px;background:var(--surface)}
.card h4{margin:0 0 6px;color:var(--yellow-dk);font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}
.card h3{margin:.1em 0 .3em;font-size:1.05rem}
.tier{display:flex;gap:8px;flex-wrap:wrap;margin:1em 0}
.tier span{flex:1;min-width:min(100%,110px);text-align:center;border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 6px;font-size:.85rem;background:var(--surface)}
.tier span b{display:block;color:var(--purple-500)}
.badges{display:flex;gap:9px;flex-wrap:wrap;margin:1em 0}
.badge{border:1px solid var(--green-600);color:var(--green-900);background:var(--green-050);border-radius:20px;padding:5px 13px;font-size:.82rem;font-weight:700}
.note{background:var(--green-050);border-left:4px solid var(--green-600);border-radius:var(--r-sm);padding:12px 15px;font-size:.95rem;margin:1.1em 0}
.warn,.teaser{background:var(--warn-bg);border-left:4px solid var(--warn);border-radius:var(--r-sm);padding:12px 15px;font-size:.95rem;margin:1.1em 0}
.demo,.bonus,.crab{border:1px solid var(--yellow-600);background:#fff9e6;border-radius:var(--r-sm);padding:14px;margin:1.1em 0}
.demo b,.bonus b,.crab b{color:var(--yellow-dk)}
.mock{display:flex;gap:16px;align-items:center;flex-wrap:wrap;background:var(--purple-100);border-radius:var(--r);padding:16px;margin:1em 0}
.phone{width:96px;height:180px;border:4px solid var(--purple-800);border-radius:18px;flex:0 0 auto;background:linear-gradient(160deg,var(--purple-700),var(--purple-400))}
.steps{counter-reset:s;margin:1.1em 0;padding:0;list-style:none}
.steps li{counter-increment:s;position:relative;padding:13px 13px 13px 54px;border:1px solid var(--line);border-radius:var(--r-sm);margin:9px 0;background:var(--surface)}
.steps li::before{content:counter(s);position:absolute;left:13px;top:13px;width:30px;height:30px;background:var(--purple-500);color:#fff;border-radius:50%;text-align:center;line-height:30px;font-weight:700;font-family:var(--disp)}
.check,.tips{list-style:none;padding:0;margin:1.1em 0}
.check li{padding:9px 8px 9px 30px;position:relative;border-bottom:1px dotted var(--line)}
.check li::before{content:"\2666";position:absolute;left:6px;color:var(--yellow-dk);font-size:.7rem;top:13px}
.tips li{padding:11px 12px 11px 40px;position:relative;border:1px solid var(--line);border-radius:var(--r-sm);margin:8px 0;background:var(--surface)}
.tips li::before{content:"\2192";position:absolute;left:14px;color:var(--purple-500);font-weight:700}
.coins,.prov,.chips{display:flex;gap:8px;flex-wrap:wrap;margin:.9em 0}
.coins span,.prov span,.chips span{border:1px solid var(--line);border-radius:20px;padding:5px 12px;font-size:.85rem;background:var(--surface)}
.status{display:flex;gap:0;margin:1.1em 0;flex-wrap:wrap}
.status div{flex:1;min-width:min(100%,120px);text-align:center;padding:11px;border:1px solid var(--line);font-size:.85rem;font-weight:700}
.status div:nth-child(1){background:var(--warn-bg);color:var(--warn);border-radius:var(--r-sm) 0 0 var(--r-sm)}
.status div:nth-child(2){background:var(--purple-100)}
.status div:nth-child(3){background:var(--green-050);color:var(--green-900);border-radius:0 var(--r-sm) var(--r-sm) 0}
.timeline,.cal{display:flex;gap:6px;flex-wrap:wrap;margin:1em 0}
.timeline span,.cal span{flex:1;min-width:min(100%,90px);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:9px;font-size:.75rem;text-align:center}
.timeline span b,.cal span b{display:block;color:var(--yellow-dk)}
.os,.mech{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));margin:1em 0}
.os .card h3,.mech .card h3{margin-top:0;color:var(--yellow-dk);font-size:1rem}
.promo{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));margin:1em 0}
.promo .card{text-align:center;font-size:.9rem}
.promo .card b{display:block;color:var(--yellow-dk)}
.board{border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;margin:1em 0}
.board .row{display:flex;justify-content:space-between;padding:9px 14px;border-bottom:1px solid var(--line);font-size:.92rem}
.board .row:nth-child(odd){background:#faf7fe}
.board .row b{color:var(--yellow-dk)}
.tiles{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));margin:1em 0}
.tile{border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;background:var(--surface);min-width:0}
.tile .thumb{height:66px;background:linear-gradient(135deg,var(--purple-700),var(--purple-400))}
.tile .b{padding:9px 11px}.tile b{color:var(--purple-700)}.tile small{color:var(--dim);display:block}
.cats{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));margin:1em 0}
.cats a{border:1px solid var(--line);border-radius:var(--r-sm);padding:14px;background:var(--surface);text-align:center;display:block;color:var(--purple-800);font-family:var(--disp);font-weight:700}
.cats a:hover{border-color:var(--yellow-600);text-decoration:none}
.cats a span{display:block;font-size:.78rem;color:var(--dim);font-weight:400;font-family:var(--body);margin-top:4px}
.jack{margin:1em 0;padding-left:1.2em}
.article .foot{border-top:1px solid var(--line);margin-top:1.6em;padding:14px 16px;font-size:.82rem;color:var(--dim);background:var(--bad-bg);border:1px solid var(--bad-line);border-radius:var(--r-sm)}
.article .foot b{color:var(--bad)}
/* in-content buttons (from homepage/mobile lead blocks) */
.article .hero{background:linear-gradient(160deg,var(--purple-800),var(--purple-700));color:#efe6ff;border-radius:var(--r);padding:20px;margin:0 0 1.2em}
.article .hero p{color:#e0d4f7}
.article .cta{display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;border-radius:10px;background:var(--yellow);color:var(--purple-900);font-family:var(--disp);font-weight:700;text-transform:uppercase;font-size:.9rem;margin:6px 8px 0 0;box-shadow:0 4px 0 var(--yellow-dk)}
.article .cta:hover{text-decoration:none;transform:translateY(-1px)}
.article .cta.sec{background:transparent;color:#fff;border:1px solid var(--green);box-shadow:none}

/* details / FAQ accordion */
details{border:1px solid var(--line);border-radius:var(--r-sm);margin:9px 0;background:var(--surface)}
summary{cursor:pointer;padding:13px 15px;font-weight:700;color:var(--purple-800);font-family:var(--disp);list-style:none}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";float:right;color:var(--purple-500);font-weight:800}
details[open] summary::after{content:"\2013"}
details[open] summary{border-bottom:1px solid var(--line)}
details p{padding:11px 15px;margin:0;color:var(--dim)}

/* author */
.author-card{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;margin:0 0 var(--s4);max-width:800px}
.au-photo{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:0 0 auto;border:2px solid var(--yellow)}
.au-meta{display:flex;flex-direction:column;font-size:.9rem;min-width:0}
.au-meta strong{font-family:var(--disp);font-size:1.05rem;color:var(--purple-800)}
.au-meta span{color:var(--dim)}
.au-date{font-family:var(--mono);font-size:.76rem;color:var(--faint)}
.author-bio{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap;background:var(--purple-100);border-radius:var(--r);padding:20px;margin:var(--s5) 0 0;max-width:800px}
.au-photo-lg{width:96px;height:96px;border-radius:50%;object-fit:cover;flex:0 0 auto;border:3px solid var(--yellow)}
.author-bio>div{min-width:0;flex:1}
.au-name{margin:0;font-size:1.3rem}
.au-role{font-family:var(--mono);font-size:.82rem;color:var(--purple-500);margin:.2em 0 .6em}
.author-bio p{font-size:.95rem;color:var(--ink);margin:.5em 0}

/* read next */
.readnext{max-width:800px;margin:var(--s5) 0 0}
.readnext h2{font-size:1.3rem;border-top:3px solid var(--yellow);display:inline-block;padding-top:.3em}
.rn-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));margin-top:var(--s3)}
.rn-card{display:flex;flex-direction:column;gap:5px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:14px;transition:transform .16s,border-color .16s}
.rn-card:hover{transform:translateY(-2px);border-color:var(--purple-400);text-decoration:none}
.rn-h{font-family:var(--disp);font-weight:700;color:var(--purple-800)}
.rn-d{font-size:.88rem;color:var(--dim)}

/* footer */
.site-foot{background:var(--purple-900);color:#d9ccf3;margin-top:var(--s6);padding:var(--s5) 0 var(--s4)}
.foot-inner{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}
.site-foot .brand{color:#fff}
.fbrand p{font-size:.9rem;color:#b7a6d9;margin:.6em 0 0}
.fcol h3{color:#fff;font-size:1rem;margin:0 0 .5em}
.fcol ul{list-style:none;margin:0;padding:0}
.fcol li{margin:.3em 0}
.fcol a{color:#d9ccf3;font-weight:500}
.fcol a:hover{color:var(--yellow)}
.restrict{margin-top:var(--s4);padding-top:var(--s3);border-top:1px solid var(--purple-700);font-size:.82rem;color:#b7a6d9}
.restrict strong{color:#fff}
.afd{margin-top:.6em}
.copy{margin-top:.8em;font-family:var(--mono);font-size:.76rem;color:#8f7fb5}

/* sticky mobile CTA bar */
.mbar{display:none}
@media(max-width:700px){
  body{padding-bottom:74px}
  .mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:45;align-items:center;gap:10px;
    background:linear-gradient(180deg,var(--purple-700),var(--purple-800));border-top:2px solid var(--yellow);
    padding:9px 14px;color:#fff;box-shadow:0 -6px 20px rgba(27,16,48,.35)}
  .mbar:hover{text-decoration:none}
  .mbar-cap{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.15}
  .mbar-cap b{font-family:var(--disp);font-size:.95rem;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mbar-cap small{font-family:var(--mono);font-size:.68rem;color:var(--green)}
  .mbar-btn{flex:0 0 auto;display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;
    font-family:var(--disp);font-weight:800;text-transform:uppercase;font-size:.95rem;color:var(--purple-900);
    background:linear-gradient(180deg,var(--yellow),var(--yellow-600));border-radius:10px;box-shadow:0 4px 0 var(--yellow-dk)}
}

/* stack key/value tables on narrow screens */
@media(max-width:700px){
  .tbl-wrap{border:none;overflow-x:visible}
  table{min-width:0;border:0}
  table tr:first-child th{display:none}
  table tr{display:block;border:1px solid var(--line);border-radius:var(--r-sm);margin:0 0 10px;background:var(--surface);overflow:hidden}
  table tr:nth-child(even){background:var(--surface)}
  table td{display:flex;justify-content:space-between;gap:14px;border:0;border-bottom:1px solid var(--line);padding:9px 12px}
  table td:last-child{border-bottom:0}
  table td::before{content:attr(data-label);font-weight:700;color:var(--purple-700);font-family:var(--disp);flex:0 0 auto;max-width:52%}
  table td[data-label=""]::before,table td:not([data-label])::before{content:""}
}

/* 400px refinements */
@media(max-width:400px){
  body{font-size:16px}
  .wrap{padding:0 14px}
  section.hero{padding:var(--s4) 0 var(--s5)}
  .cta-main{padding:16px}
  .cta-h{font-size:1.3rem}
  .cta-facts span{font-size:.72rem;padding:5px 6px}
  .mbar{padding:7px 10px;gap:8px}
  .mbar-cap b{font-size:.85rem}
  .mbar-cap small{font-size:.62rem}
  .mbar-btn{min-height:44px;padding:0 12px;font-size:.85rem}
}

/* motion / reduced */
@media(prefers-reduced-motion:reduce){
  *{transition:none!important;scroll-behavior:auto!important}
  .cta-main:hover,.tile-cta:hover,.rn-card:hover,.article .cta:hover{transform:none}
  .cta-main:active .cta-btn,.tile-cta:active .tc-btn{transform:none}
}