/* ==========================================================================
   magic-red-casino.us.com — single stylesheet
   Tokens → shell → hero/CTA → content components → responsive
   ========================================================================== */

/* ---------- 1. TOKENS ---------- */
:root{
  /* ground */
  --ink:#0B0D12;
  --surface:#12151D;
  --surface-2:#1A1E29;
  --surface-3:#222736;
  --line:#282E3E;
  --line-soft:#1E2331;

  /* type */
  --text:#E8EAF0;
  --text-mid:#AEB6C7;
  --text-dim:#7C869C;

  /* accents — carmine = brand & alert, brass = action only */
  --carmine:#E5352B;
  --carmine-deep:#8E140F;
  --carmine-glow:rgba(229,53,43,.16);
  --brass:#E0B457;
  --brass-deep:#A87F26;

  /* semantic */
  --good:#35C08A;
  --good-bg:rgba(53,192,138,.12);
  --warn:#E5A83B;
  --warn-bg:rgba(229,168,59,.12);
  --bad:#FF6259;
  --bad-bg:rgba(255,98,89,.12);
  --neutral-bg:rgba(174,182,199,.10);

  /* type scale */
  --f-display:'Antonio',Impact,sans-serif;
  --f-body:'Public Sans',system-ui,-apple-system,sans-serif;
  --f-mono:'Martian Mono','Courier New',monospace;

  --t-xs:.72rem;
  --t-sm:.82rem;
  --t-base:1rem;
  --t-md:1.09rem;
  --t-lg:1.35rem;
  --t-xl:1.75rem;
  --t-2xl:2.3rem;
  --t-3xl:clamp(2.4rem,6vw,4.4rem);

  /* space scale */
  --s-1:.25rem; --s-2:.5rem; --s-3:.75rem; --s-4:1rem;
  --s-5:1.5rem; --s-6:2rem; --s-7:3rem; --s-8:4rem; --s-9:6rem;

  --wrap:1180px;
  --col:min(100%,72ch);
  --radius:4px;
  --radius-lg:10px;
  --rail:2px;
}

/* ---------- 2. RESET / BASE ---------- */
*,*::before,*::after{box-sizing:border-box}
html,body{overflow-x:clip}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--ink);color:var(--text);
  font-family:var(--f-body);font-size:var(--t-md);line-height:1.68;
  font-weight:400;-webkit-font-smoothing:antialiased;
}
img{max-width:100%;width:100%;height:auto;display:block}
a{color:var(--brass);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:#F3D08C}
h1,h2,h3,h4{font-family:var(--f-display);font-weight:700;line-height:1.08;letter-spacing:-.005em;margin:0}
p,li,td,th,summary,h1,h2,h3,h4{overflow-wrap:break-word;word-break:normal}
:focus-visible{outline:2px solid var(--brass);outline-offset:3px;border-radius:2px}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}

.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--s-5)}
.skip{position:absolute;left:-9999px;top:0;background:var(--brass);color:#12100A;padding:.7rem 1.1rem;font-family:var(--f-mono);font-size:var(--t-xs);z-index:200}
.skip:focus{left:var(--s-4);top:var(--s-4)}

/* ---------- 3. HEADER / NAV ---------- */
.site-head{
  position:sticky;top:0;z-index:100;
  background:rgba(11,13,18,.94);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.head-bar{display:flex;align-items:center;gap:var(--s-5);min-height:62px}
.brand{display:flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--text);flex:0 0 auto;min-width:0}
.brand__mark{
  width:26px;height:26px;flex:0 0 26px;border-radius:50%;
  background:radial-gradient(circle at 34% 30%,var(--carmine) 0 46%,var(--carmine-deep) 47% 100%);
  box-shadow:0 0 0 1px var(--carmine-deep),0 0 14px var(--carmine-glow);
  position:relative;
}
.brand__mark::after{
  content:"";position:absolute;inset:4px;border-radius:50%;
  border:1px dashed rgba(255,255,255,.42);
}
.brand__name{font-family:var(--f-display);font-size:1.16rem;letter-spacing:.01em;font-weight:700;white-space:nowrap}
.brand__name em{font-style:normal;color:var(--carmine)}

.nav-toggle{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.burger{display:none;cursor:pointer;padding:.55rem;border:1px solid var(--line);border-radius:var(--radius);order:4;margin-left:var(--s-3)}
.burger span{display:block;width:19px;height:2px;background:var(--text);margin:3px 0}
.nav-toggle:focus-visible + .burger{outline:2px solid var(--brass);outline-offset:2px}

.site-nav{margin-left:auto;min-width:0;order:2}
.site-nav ul{display:flex;flex-wrap:wrap;gap:.15rem;list-style:none;margin:0;padding:0}
.site-nav a{
  display:block;padding:.42rem .6rem;font-family:var(--f-mono);font-size:.6rem;
  letter-spacing:.09em;text-transform:uppercase;color:var(--text-mid);
  text-decoration:none;border-radius:var(--radius);border:1px solid transparent;
}
.site-nav a:hover{color:var(--text);background:var(--surface-2)}
.site-nav a[aria-current="page"]{color:var(--text);border-color:var(--carmine-deep);background:var(--carmine-glow)}

/* language switch — header, always visible */
.lang-switch{
  order:3;display:flex;flex:0 0 auto;margin-left:var(--s-4);
  border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
}
.lang-switch a{
  display:block;padding:.34rem .55rem;font-family:var(--f-mono);font-size:.58rem;
  letter-spacing:.1em;color:var(--text-dim);text-decoration:none;background:var(--surface);
  transition:color .15s,background .15s;
}
.lang-switch a + a{border-left:1px solid var(--line)}
.lang-switch a:hover{color:var(--text);background:var(--surface-3)}
.lang-switch a[aria-current="true"]{background:var(--carmine-glow);color:var(--carmine)}
.brand{order:0}

/* ---------- 4. HERO / CTA ---------- */
.hero{
  position:relative;overflow:hidden;
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(900px 420px at 18% -10%,var(--carmine-glow),transparent 62%),
    repeating-linear-gradient(115deg,rgba(255,255,255,.014) 0 2px,transparent 2px 7px),
    linear-gradient(180deg,#0E1119,var(--ink));
  padding-block:var(--s-7) var(--s-6);
}
.hero__eyebrow{
  display:flex;flex-wrap:wrap;gap:.4rem .95rem;align-items:center;
  font-family:var(--f-mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--text-dim);margin-bottom:var(--s-4);
}
.hero__eyebrow b{color:var(--carmine);font-weight:400}
.hero h1{font-size:var(--t-3xl);max-width:19ch;margin-bottom:var(--s-4)}
.hero__lead{font-size:var(--t-lg);color:var(--text-mid);max-width:60ch;margin:0 0 var(--s-6);line-height:1.45}

/* primary CTA — whole block is the link */
.cta-main{
  display:block;text-decoration:none;color:inherit;position:relative;
  border:1px solid var(--brass-deep);border-radius:var(--radius-lg);
  background:linear-gradient(160deg,#221A0E,#14151C 62%);
  padding:var(--s-5);margin-bottom:var(--s-4);
  box-shadow:0 0 0 1px rgba(224,180,87,.09),0 10px 30px rgba(0,0,0,.45);
  transition:border-color .18s,transform .18s,box-shadow .18s;
}
.cta-main::after{
  content:"";position:absolute;inset:0;border-radius:var(--radius-lg);pointer-events:none;
  background:radial-gradient(600px 180px at 82% 0%,rgba(224,180,87,.12),transparent 70%);
}
.cta-main:hover{border-color:var(--brass);transform:translateY(-3px);box-shadow:0 0 0 1px rgba(224,180,87,.3),0 18px 44px rgba(0,0,0,.55)}
.cta-main:focus-visible{outline:3px solid var(--brass);outline-offset:3px}
.cta-main__eyebrow{
  font-family:var(--f-mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--brass);display:block;margin-bottom:.65rem;
}
.cta-main__eyebrow::after{content:" \2197";letter-spacing:0}
.cta-main__title{font-family:var(--f-display);font-size:clamp(1.6rem,4vw,2.4rem);color:#fff;line-height:1.06;margin-bottom:.55rem}
.cta-main__sub{color:var(--text-mid);font-size:var(--t-base);margin:0 0 var(--s-5);max-width:56ch}
.cta-main__btn{
  display:flex;align-items:center;justify-content:center;gap:.7rem;width:100%;
  background:linear-gradient(180deg,#F0CB7E,var(--brass) 55%,#C79A3E);
  color:#171006;font-family:var(--f-display);font-weight:700;
  font-size:clamp(1.1rem,2.6vw,1.4rem);text-transform:uppercase;
  padding:1rem 1.4rem;border-radius:var(--radius);min-height:56px;
  box-shadow:0 4px 0 #8A6A22,0 10px 22px rgba(224,180,87,.22);
  transition:transform .12s,box-shadow .12s,filter .12s;
}
.cta-main:hover .cta-main__btn{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 5px 0 #8A6A22,0 14px 28px rgba(224,180,87,.3)}
.cta-main:active .cta-main__btn{transform:translateY(3px);box-shadow:0 1px 0 #8A6A22}
.cta-facts{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));
  gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);
  margin-top:var(--s-5);overflow:hidden;position:relative;
}
.cta-facts div{background:#15161D;padding:.7rem .85rem;min-width:0}
.cta-facts b{display:block;font-family:var(--f-mono);font-size:.86rem;color:var(--text);font-weight:600;line-height:1.3}
.cta-facts span{display:block;font-size:.7rem;color:var(--text-dim);margin-top:.2rem;line-height:1.35}

/* secondary tiles — each carries a visible button */
.cta-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:var(--s-3)}
.cta-tile{
  display:flex;flex-direction:column;text-decoration:none;color:inherit;min-width:0;
  border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);
  padding:var(--s-4);transition:border-color .18s,background .18s,transform .18s;
}
.cta-tile:hover{border-color:var(--carmine);background:var(--surface-2);transform:translateY(-2px)}
.cta-tile:focus-visible{outline:3px solid var(--brass);outline-offset:3px}
.cta-tile__k{font-family:var(--f-mono);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--carmine);display:block;margin-bottom:.4rem}
.cta-tile__t{font-family:var(--f-display);font-size:1.14rem;color:var(--text);display:block;margin-bottom:.3rem;line-height:1.15}
.cta-tile__d{display:block;font-size:.82rem;color:var(--text-dim);line-height:1.45;margin-bottom:var(--s-4);flex:1 1 auto}
.cta-tile__btn{
  display:flex;align-items:center;justify-content:center;gap:.5rem;
  border:1px solid var(--carmine-deep);border-radius:var(--radius);
  background:var(--carmine-glow);color:#FF8A82;
  font-family:var(--f-mono);font-size:.68rem;font-weight:600;letter-spacing:.08em;
  text-transform:uppercase;padding:.6rem .8rem;min-height:44px;
  transition:background .15s,color .15s;
}
.cta-tile:hover .cta-tile__btn{background:var(--carmine);color:#fff}
.cta-note{margin-top:var(--s-4);font-size:.76rem;color:var(--text-dim);max-width:70ch}
.cta-note a{color:var(--text-mid)}

/* sticky mobile CTA bar — hidden on desktop */
.sticky-cta{display:none}

/* ---------- 5. BREADCRUMBS ---------- */
.crumbs{border-bottom:1px solid var(--line-soft);background:var(--surface)}
.crumbs ol{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:0;padding:.7rem 0;font-family:var(--f-mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase}
.crumbs li+li::before{content:"/";color:var(--text-dim);margin-right:.4rem}
.crumbs a{color:var(--text-dim);text-decoration:none}
.crumbs a:hover{color:var(--brass)}
.crumbs [aria-current]{color:var(--text-mid)}

/* ---------- 6. ARTICLE + VERIFICATION RAIL ---------- */
.main-cols{padding-block:var(--s-7) var(--s-8)}
.article{max-width:var(--col);margin-inline:auto;position:relative;padding-left:var(--s-5)}
.article::before{
  content:"";position:absolute;left:0;top:.4rem;bottom:0;width:var(--rail);
  background:linear-gradient(180deg,var(--carmine) 0 60px,var(--line) 60px 100%);
}
.article > h2{
  font-size:var(--t-2xl);margin:var(--s-8) 0 var(--s-4);position:relative;
  padding-top:var(--s-4);border-top:1px solid var(--line-soft);
}
.article > h2::before{
  content:"";position:absolute;left:calc(var(--s-5) * -1 - 3px);top:calc(var(--s-4) + .55rem);
  width:8px;height:8px;background:var(--carmine);border-radius:50%;
  box-shadow:0 0 0 3px var(--ink);
}
.article > h2:first-of-type{border-top:0;margin-top:var(--s-5)}
.article h3{font-size:var(--t-lg);margin:var(--s-6) 0 var(--s-3);color:var(--text)}
.article h4{font-size:var(--t-base);margin:var(--s-5) 0 var(--s-2);font-family:var(--f-body);font-weight:700}
.article p{margin:0 0 var(--s-4)}
.article ul,.article ol{margin:0 0 var(--s-4);padding-left:1.3rem}
.article li{margin-bottom:.45rem}
.article strong{color:#FFF;font-weight:700}
.lede{font-size:var(--t-lg);color:var(--text-mid);line-height:1.5}
.note{font-size:.86rem;color:var(--text-dim);border-left:2px solid var(--line);padding-left:var(--s-4);margin-bottom:var(--s-5)}
code{font-family:var(--f-mono);font-size:.78em;background:var(--surface-2);border:1px solid var(--line);padding:.1em .38em;border-radius:3px;color:var(--brass)}

/* ---------- 7. DISCLOSURE / RESTRICTIONS PLATE ---------- */
.disclosure{
  border:1px solid var(--line);border-left:3px solid var(--text-dim);
  background:var(--surface);border-radius:var(--radius);
  padding:var(--s-4);margin:0 0 var(--s-6);font-size:.84rem;color:var(--text-mid);
}
.disclosure--critical{border-left-color:var(--carmine)}
.disclosure p{margin:0 0 .6rem}
.disclosure p:last-child{margin-bottom:0}
.age-flag{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;font-size:.8rem}
.badge{
  display:inline-block;font-family:var(--f-mono);font-size:.6rem;letter-spacing:.08em;
  padding:.24rem .5rem;border-radius:3px;background:var(--surface-3);color:var(--text-mid);
  border:1px solid var(--line);
}
.badge--age{border-color:var(--carmine-deep);color:var(--carmine)}
.badge--reg{background:var(--surface-2)}
.badge-row{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 var(--s-5)}

/* ---------- 8. STATUS / ANSWER / CALLOUTS ---------- */
.status-banner{
  border:1px solid var(--warn);background:var(--warn-bg);border-radius:var(--radius);
  padding:.85rem var(--s-4);margin:0 0 var(--s-5);font-size:.84rem;
}
.status-banner p{margin:0;font-family:var(--f-mono);font-size:.72rem;line-height:1.7;color:var(--text)}
.answer-box{
  border:1px solid var(--brass-deep);border-left-width:3px;border-radius:var(--radius);
  background:linear-gradient(150deg,#1A1710,#13151C);
  padding:var(--s-5);margin:0 0 var(--s-5);
}
.answer-box p{margin:0;font-size:var(--t-md)}
.callout{border:1px solid var(--line);border-left:3px solid var(--text-dim);background:var(--surface);border-radius:var(--radius);padding:var(--s-4);margin:0 0 var(--s-5)}
.callout--info{border-left-color:var(--brass)}
.callout--warning{border-left-color:var(--warn);background:var(--warn-bg)}
.callout--critical{border-left-color:var(--carmine);background:var(--carmine-glow)}
.callout p:last-child,.callout ul:last-child,.callout ol:last-child{margin-bottom:0}
.callout h3{margin:0 0 var(--s-3);font-size:var(--t-base);font-family:var(--f-body);font-weight:700}

/* ---------- 9. TABLES ---------- */
.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);margin:0 0 var(--s-5);background:var(--surface)}
table{border-collapse:collapse;width:100%;min-width:520px;font-size:.84rem}
caption{
  caption-side:top;text-align:left;padding:.7rem var(--s-4);
  font-family:var(--f-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--text-dim);border-bottom:1px solid var(--line);
}
thead th{
  background:var(--surface-3);color:var(--text-mid);text-align:left;
  font-family:var(--f-mono);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;
  font-weight:400;padding:.65rem .8rem;vertical-align:bottom;
}
tbody th{text-align:left;font-weight:600;color:var(--text);font-size:.84rem}
td,tbody th{padding:.65rem .8rem;border-top:1px solid var(--line-soft);vertical-align:top}
tbody tr:nth-child(even){background:rgba(255,255,255,.017)}
.cell--yes{color:var(--good)}
.cell--no{color:var(--bad)}
.cell--warn{color:var(--warn)}
.cell--conflict{color:var(--carmine);font-weight:600}
.cell--na{color:var(--text-dim)}
.cell--negative{color:var(--bad);font-weight:700}

/* ---------- 10. PROS & CONS ---------- */
.pros-cons{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:var(--s-4);margin:0 0 var(--s-5)}
.pros-cons__col{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:var(--s-4);min-width:0}
.pros-cons__col h3{margin:0 0 var(--s-3);font-size:var(--t-base);font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;font-weight:600}
.pros-cons__col--pro{border-top:2px solid var(--good)}
.pros-cons__col--pro h3{color:var(--good)}
.pros-cons__col--con{border-top:2px solid var(--bad)}
.pros-cons__col--con h3{color:var(--bad)}
.pros-cons ul{margin:0;padding-left:1.1rem;font-size:.88rem}

/* ---------- 11. STEPS / TIMELINE / RULES ---------- */
.steps{list-style:none;counter-reset:st;padding:0;margin:0 0 var(--s-5)}
.steps > li{counter-increment:st;position:relative;padding:0 0 var(--s-4) 2.6rem;border-left:1px solid var(--line);margin-left:.85rem}
.steps > li::before{
  content:counter(st,decimal-leading-zero);position:absolute;left:-.85rem;top:0;
  width:1.7rem;height:1.7rem;display:grid;place-items:center;border-radius:50%;
  background:var(--surface-3);border:1px solid var(--line);
  font-family:var(--f-mono);font-size:.6rem;color:var(--brass);
}
.steps > li:last-child{border-left-color:transparent;padding-bottom:0}
.timeline{list-style:none;padding:0;margin:0 0 var(--s-5)}
.timeline li{position:relative;padding:0 0 var(--s-4) var(--s-5);border-left:1px solid var(--line);font-size:.9rem}
.timeline li::before{content:"";position:absolute;left:-4px;top:.55rem;width:7px;height:7px;border-radius:50%;background:var(--brass)}
.timeline__date{display:block;font-family:var(--f-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--carmine);margin-bottom:.15rem}
.rules{list-style:none;counter-reset:rl;padding:0;margin:0 0 var(--s-5)}
.rules > li{counter-increment:rl;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:var(--s-4);margin-bottom:var(--s-3)}
.rules > li h3{margin:0 0 .5rem;font-size:var(--t-base);font-family:var(--f-body);font-weight:700}
.rules > li h3::before{content:counter(rl) " · ";font-family:var(--f-mono);color:var(--carmine);font-size:.8em}
.rules p{margin:0;font-size:.9rem;color:var(--text-mid)}

/* ---------- 12. CHECKLIST / SPLIT / SCALE / LIFECYCLE / HOW-TO ---------- */
.checklist{list-style:none;padding:0;margin:0 0 var(--s-5)}
.checklist li{position:relative;padding-left:1.7rem;margin-bottom:.55rem;font-size:.92rem}
.checklist li::before{content:"";position:absolute;left:0;top:.42rem;width:.85rem;height:.85rem;border:1px solid var(--brass-deep);border-radius:2px;background:var(--surface-2)}
.checklist--numbered{counter-reset:ck}
.checklist--numbered li{counter-increment:ck}
.checklist--numbered li::before{content:counter(ck);display:grid;place-items:center;font-family:var(--f-mono);font-size:.55rem;color:var(--brass);border-radius:50%;width:1.1rem;height:1.1rem;top:.3rem;left:0}
.split-path{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:var(--s-3);margin:0 0 var(--s-5)}
.split-path__option{border:1px solid var(--line);border-top:2px solid var(--carmine-deep);border-radius:var(--radius);background:var(--surface);padding:var(--s-4);min-width:0}
.split-path__option h3{margin:0 0 .4rem;font-size:var(--t-base);font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase}
.split-path__option p{margin:0;font-size:.88rem;color:var(--text-mid)}
.scale{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin:0 0 var(--s-5)}
.scale__step{background:var(--surface);padding:var(--s-4);min-width:0}
.scale__step strong{display:block;font-family:var(--f-mono);font-size:.76rem;margin-bottom:.35rem}
.scale__step span{font-size:.82rem;color:var(--text-dim);line-height:1.5}
.scale__step--ok{border-top:2px solid var(--good)}
.scale__step--ok strong{color:var(--good)}
.scale__step--warn{border-top:2px solid var(--warn)}
.scale__step--warn strong{color:var(--warn)}
.scale__step--bad{border-top:2px solid var(--bad)}
.scale__step--bad strong{color:var(--bad)}
.lifecycle{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:var(--s-2);margin:0 0 var(--s-5)}
.lifecycle__step{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:.8rem;min-width:0}
.lifecycle__step strong{display:block;font-family:var(--f-mono);font-size:.68rem;color:var(--text);margin-bottom:.25rem;line-height:1.35}
.lifecycle__step span{font-size:.76rem;color:var(--text-dim);line-height:1.45}
.lifecycle__step--risk{border-color:var(--carmine-deep);background:var(--carmine-glow)}
.lifecycle__step--risk strong{color:var(--carmine)}
.how-to{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:var(--s-4);margin:0 0 var(--s-5)}
.how-to__col{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:var(--s-4);min-width:0}
.how-to__col h3{margin:0 0 var(--s-3);font-size:var(--t-base)}
.format-list,.help-list{list-style:none;padding:0;margin:0 0 var(--s-5)}
.format-list li,.help-list li{border-left:2px solid var(--line);padding:.35rem 0 .35rem var(--s-4);margin-bottom:.5rem;font-size:.9rem}

/* ---------- 13. SCORE BLOCK ---------- */
.score-block{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:var(--s-4);margin:0 0 var(--s-5)}
.score-block h2{font-family:var(--f-mono)!important;font-size:.65rem!important;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin:0 0 var(--s-4)!important;border:0!important;padding:0!important}
.score-block h2::before{display:none!important}
.score-row{display:grid;grid-template-columns:minmax(min(100%,120px),1fr) 2fr auto;gap:.7rem;align-items:center;margin-bottom:.7rem;min-width:0}
.score-row__name{font-size:.82rem;color:var(--text-mid);min-width:0}
.score-row__bar{height:7px;background:var(--surface-3);border-radius:99px;overflow:hidden;min-width:0}
.score-row__bar i{display:block;height:100%;background:linear-gradient(90deg,var(--carmine-deep),var(--brass))}
.score-row__val{font-family:var(--f-mono);font-size:.78rem;color:var(--text);white-space:nowrap}

/* ---------- 14. FIGURE ---------- */
.article figure{margin:0 0 var(--s-6);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface)}
.article figure img{width:100%;height:auto}
.article figcaption{padding:.65rem var(--s-4);font-size:.76rem;color:var(--text-dim);border-top:1px solid var(--line);font-family:var(--f-mono);line-height:1.55}

/* ---------- 15. FAQ ACCORDION ---------- */
.faq{margin:0 0 var(--s-5)}
details{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin-bottom:.5rem;overflow:hidden}
summary{
  cursor:pointer;list-style:none;padding:.85rem var(--s-4);
  font-weight:600;font-size:.95rem;color:var(--text);
  display:flex;gap:.7rem;align-items:flex-start;
}
summary::-webkit-details-marker{display:none}
summary::before{content:"+";font-family:var(--f-mono);color:var(--carmine);flex:0 0 auto;line-height:1.5}
details[open] summary::before{content:"–"}
details[open] summary{border-bottom:1px solid var(--line-soft)}
details > p,details > ul{margin:0;padding:var(--s-4);font-size:.9rem;color:var(--text-mid)}
details > p + p{padding-top:0}
.accordion__item summary{font-weight:600}

/* ---------- 16. AUTHOR ---------- */
.author-card{
  display:flex;gap:var(--s-4);align-items:center;flex-wrap:wrap;
  border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);
  padding:var(--s-4);margin:0 0 var(--s-6);
}
.author-card img,.author-bio img{border-radius:50%;object-fit:cover;flex:0 0 auto;width:52px;height:52px}
.author-card__meta{min-width:0}
.author-card__name{font-family:var(--f-display);font-size:1.1rem;display:block;line-height:1.2}
.author-card__role{font-family:var(--f-mono);font-size:.6rem;letter-spacing:.09em;text-transform:uppercase;color:var(--brass);display:block;margin-top:.2rem}
.author-card__dates{font-size:.76rem;color:var(--text-dim);display:block;margin-top:.3rem}
.author-bio{border:1px solid var(--line);border-top:2px solid var(--carmine-deep);border-radius:var(--radius);background:var(--surface);padding:var(--s-5);margin:var(--s-7) 0 var(--s-6)}
.author-bio img{width:84px;height:84px;margin-bottom:var(--s-3)}
.author-bio h2{font-size:var(--t-lg)!important;margin:0 0 .2rem!important;border:0!important;padding:0!important}
.author-bio h2::before{display:none!important}
.author-bio__role{font-family:var(--f-mono);font-size:.62rem;letter-spacing:.09em;text-transform:uppercase;color:var(--brass);margin:0 0 var(--s-4)}
.author-bio p{font-size:.9rem;color:var(--text-mid);margin:0 0 var(--s-3)}
.author-bio p:last-child{margin-bottom:0}
.byline{border-top:1px solid var(--line);padding-top:var(--s-4);font-size:.84rem;color:var(--text-dim)}
.byline p{margin:0 0 .3rem}

/* ---------- 17. READ NEXT ---------- */
.read-next{max-width:var(--col);margin:var(--s-7) auto 0;padding-left:var(--s-5)}
.read-next > h2{font-family:var(--f-mono);font-size:.65rem;letter-spacing:.13em;text-transform:uppercase;color:var(--text-dim);margin:0 0 var(--s-4)}
.read-next__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:var(--s-3)}
.read-next__card{display:block;text-decoration:none;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:var(--s-4);min-width:0;transition:border-color .18s,background .18s}
.read-next__card:hover{border-color:var(--brass-deep);background:var(--surface-2)}
.read-next__card strong{display:block;font-family:var(--f-display);font-size:1.06rem;color:var(--text);margin-bottom:.35rem;line-height:1.18}
.read-next__card span{display:block;font-size:.82rem;color:var(--text-dim);line-height:1.5}

/* ---------- 18. FOOTER ---------- */
.site-foot{border-top:1px solid var(--line);background:#090B0F;margin-top:var(--s-9);padding-block:var(--s-7) var(--s-5)}
.foot-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:var(--s-5);margin-bottom:var(--s-6)}
.foot-col{min-width:0}
.foot-col h2{font-family:var(--f-mono);font-size:.6rem;letter-spacing:.13em;text-transform:uppercase;color:var(--text-dim);margin:0 0 var(--s-3)}
.foot-col ul{list-style:none;margin:0;padding:0}
.foot-col li{margin-bottom:.4rem}
.foot-col a{color:var(--text-mid);text-decoration:none;font-size:.85rem}
.foot-col a:hover{color:var(--brass)}
.foot-col p{font-size:.82rem;color:var(--text-dim);margin:0 0 .6rem}
.foot-disclosure{border:1px solid var(--line);border-left:3px solid var(--carmine);border-radius:var(--radius);background:var(--surface);padding:var(--s-4);margin-bottom:var(--s-5);font-size:.82rem;color:var(--text-mid)}
.foot-disclosure h2{font-family:var(--f-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--carmine);margin:0 0 var(--s-3)}
.foot-disclosure p{margin:0 0 .55rem}
.foot-disclosure p:last-child{margin-bottom:0}
.foot-base{border-top:1px solid var(--line);padding-top:var(--s-4);display:flex;flex-wrap:wrap;gap:var(--s-4);justify-content:space-between;font-family:var(--f-mono);font-size:.62rem;letter-spacing:.06em;color:var(--text-dim)}

/* ---------- 19. RESPONSIVE ---------- */
@media (max-width:960px){
  .burger{display:block}
  .lang-switch{margin-left:auto}
  .site-nav{
    position:absolute;left:0;right:0;top:100%;
    background:var(--ink);border-bottom:1px solid var(--line);
    max-height:0;overflow:hidden;margin:0;
  }
  .nav-toggle:checked ~ .site-nav{max-height:80vh;overflow-y:auto}
  .site-nav ul{flex-direction:column;gap:0;padding:var(--s-3) var(--s-5) var(--s-5)}
  .site-nav a{padding:.65rem 0;font-size:.68rem;border-bottom:1px solid var(--line-soft);border-radius:0}
  .site-nav a[aria-current="page"]{background:transparent;border-color:var(--line-soft);color:var(--carmine)}
  .head-bar{position:relative}
}
@media (max-width:700px){
  body{font-size:1rem;padding-bottom:68px}
  .sticky-cta{
    display:flex;position:fixed;left:0;right:0;bottom:0;z-index:120;
    align-items:center;gap:var(--s-3);text-decoration:none;
    background:rgba(11,13,18,.97);backdrop-filter:blur(10px);
    border-top:1px solid var(--brass-deep);padding:.55rem var(--s-4);
    box-shadow:0 -6px 24px rgba(0,0,0,.55);
  }
  .sticky-cta__t{
    flex:1 1 auto;min-width:0;font-family:var(--f-mono);font-size:.63rem;
    line-height:1.35;color:var(--text-mid);letter-spacing:.02em;
  }
  .sticky-cta__t b{display:block;color:var(--text);font-size:.72rem;font-weight:600}
  .sticky-cta__b{
    flex:0 0 auto;display:flex;align-items:center;gap:.45rem;min-height:44px;
    background:linear-gradient(180deg,#F0CB7E,var(--brass) 55%,#C79A3E);color:#171006;
    font-family:var(--f-display);font-weight:700;font-size:1rem;text-transform:uppercase;
    padding:.55rem 1rem;border-radius:var(--radius);box-shadow:0 3px 0 #8A6A22;
  }
  .sticky-cta:active .sticky-cta__b{transform:translateY(2px);box-shadow:0 1px 0 #8A6A22}
  .hero{padding-block:var(--s-6) var(--s-5)}
  .hero h1{max-width:100%}
  .hero__lead{font-size:var(--t-base)}
  .article{padding-left:var(--s-4)}
  .article > h2{font-size:1.65rem}
  .article > h2::before{left:calc(var(--s-4) * -1 - 3px)}
  .read-next{padding-left:var(--s-4)}
  .score-row{grid-template-columns:1fr;gap:.3rem}
}
@media (max-width:400px){
  :root{--s-5:1.15rem;--s-6:1.5rem;--s-7:2rem;--s-8:2.5rem;--s-9:3.5rem}
  .wrap{padding-inline:var(--s-4)}
  .brand__name{font-size:1rem}
  .lang-switch a{padding:.34rem .45rem}
  .hero h1{font-size:2.1rem}
  .cta-main{padding:var(--s-4)}
  .cta-main__title{font-size:1.4rem}
  .cta-main__btn{font-size:1.05rem;padding:.9rem 1rem}
  .cta-facts{grid-template-columns:1fr}
  .sticky-cta{padding:.5rem var(--s-4)}
  .sticky-cta__t{font-size:.58rem}
  .sticky-cta__b{font-size:.92rem;padding:.5rem .8rem}
  .author-card{gap:var(--s-3)}
  .foot-base{flex-direction:column;gap:.5rem}
  table{font-size:.78rem;min-width:440px}
}