/* ============================================================
   arcanebet-casino.us.com — global stylesheet
   Tokens → shell → hero → content components → footer → responsive
   ============================================================ */

:root{
  /* surfaces */
  --bg:#0B1020;
  --surface:#131A2E;
  --raised:#1C2540;
  --line:#2A3454;
  --line-soft:#212B47;

  /* type colours */
  --text:#E6EBF5;
  --text-dim:#98A3BE;
  --text-mute:#6E7A96;

  /* accents */
  --gold:#E3A93C;
  --gold-hi:#F5C55E;
  --violet:#8B6FE8;
  --violet-dim:#6B54BC;
  --mint:#46D6A8;
  --coral:#FF6B7E;
  --sand:#E8B05C;

  /* tinted fills */
  --violet-fill:rgba(139,111,232,.11);
  --mint-fill:rgba(70,214,168,.10);
  --coral-fill:rgba(255,107,126,.10);
  --sand-fill:rgba(232,176,92,.10);
  --gold-fill:rgba(227,169,60,.09);

  /* families */
  --display:'Bricolage Grotesque',Georgia,serif;
  --body:'Instrument Sans',system-ui,-apple-system,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,monospace;

  /* scale */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px;
  --s6:32px; --s7:48px; --s8:64px; --s9:96px;

  --f-xs:12px; --f-sm:14px; --f-base:16.5px; --f-md:18px;
  --f-lg:22px; --f-xl:28px; --f-2xl:36px; --f-3xl:clamp(30px,5.2vw,54px);

  --col:min(740px,100%);
  --wide:min(1180px,100%);
  --r:3px;
  --ring:2px solid var(--gold-hi);
}

*,*::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(--bg);color:var(--text);
  font:var(--f-base)/1.68 var(--body);
  font-feature-settings:"ss01","cv01";
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;width:100%;height:auto;display:block}
a{color:var(--gold-hi);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}
:focus-visible{outline:var(--ring);outline-offset:3px;border-radius:2px}
h1,h2,h3,h4,p,li,td,th,summary,figcaption{overflow-wrap:break-word;word-break:normal}

/* ---------- skip link ---------- */
.skip{
  position:absolute;left:var(--s4);top:-100px;z-index:200;
  background:var(--gold);color:#150E00;padding:var(--s3) var(--s5);
  font:600 var(--f-sm)/1 var(--body);border-radius:var(--r);transition:top .16s;
}
.skip:focus{top:var(--s4)}

/* ============ SHELL ============ */
.wrap{width:var(--wide);margin-inline:auto;padding-inline:var(--s5)}

.site-head{
  position:sticky;top:0;z-index:100;
  background:rgba(11,16,32,.93);
  backdrop-filter:saturate(160%) blur(14px);
  border-bottom:1px solid var(--line);
}
.head-in{display:flex;align-items:center;gap:var(--s5);min-height:66px;min-width:0}
.brand{display:flex;align-items:center;gap:var(--s3);flex:0 0 auto;min-width:0}
.brand:hover{text-decoration:none}
.brand-mark{
  width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;
  background:linear-gradient(145deg,var(--violet),var(--violet-dim));
  color:#fff;font:800 15px/1 var(--display);border-radius:var(--r);
}
.brand-txt{min-width:0}
.brand-txt b{display:block;font:700 var(--f-sm)/1.15 var(--display);letter-spacing:-.01em;color:var(--text)}
.brand-txt span{display:block;font:400 10px/1.3 var(--mono);color:var(--text-mute);letter-spacing:.09em;text-transform:uppercase}

.nav-toggle{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.burger{
  margin-left:auto;display:none;align-items:center;gap:var(--s2);
  border:1px solid var(--line);background:var(--surface);color:var(--text);
  padding:9px 13px;border-radius:var(--r);cursor:pointer;
  font:500 var(--f-xs)/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;
}
.burger:hover{border-color:var(--violet)}
.nav-toggle:focus-visible + .burger{outline:var(--ring);outline-offset:3px}
.burger i{display:block;width:15px;height:9px;position:relative}
.burger i::before,.burger i::after,.burger i em{
  content:"";position:absolute;left:0;right:0;height:1.5px;background:currentColor;
}
.burger i::before{top:0}.burger i em{top:3.75px}.burger i::after{bottom:0}

.site-nav{margin-left:auto;min-width:0}
.site-nav ul{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s4);list-style:none;margin:0;padding:0}
.site-nav a{
  display:block;padding:6px 2px;color:var(--text-dim);
  font:500 var(--f-sm)/1.4 var(--body);border-bottom:2px solid transparent;
}
.site-nav a:hover{color:var(--text);text-decoration:none;border-bottom-color:var(--line)}
.site-nav a[aria-current="page"]{color:var(--violet);border-bottom-color:var(--violet)}

/* ============ HERO ============ */
.hero{border-bottom:1px solid var(--line);background:
  radial-gradient(1100px 460px at 80% -12%,rgba(139,111,232,.17),transparent 62%),
  radial-gradient(760px 340px at 8% 0%,rgba(227,169,60,.08),transparent 60%);
  padding:var(--s7) 0 var(--s6);
}
.eyebrow{
  display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);align-items:center;
  font:500 var(--f-xs)/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;
  color:var(--text-mute);margin-bottom:var(--s5);
}
.eyebrow b{color:var(--violet);font-weight:500}
.eyebrow .age{color:var(--coral)}
.hero h1{
  font:800 var(--f-3xl)/1.06 var(--display);letter-spacing:-.03em;
  margin:0 0 var(--s4);max-width:16ch;max-width:min(20ch,100%);
}
.hero .lede{font-size:var(--f-md);color:var(--text-dim);max-width:62ch;margin:0 0 var(--s6)}

/* verification strip — signature element */
.vstrip{
  display:flex;flex-wrap:wrap;gap:0;border:1px solid var(--line);
  background:var(--surface);margin:0 0 var(--s6);
}
.vstrip div{
  flex:1 1 min(100%,200px);min-width:0;padding:var(--s3) var(--s4);
  border-right:1px solid var(--line);
}
.vstrip div:last-child{border-right:0}
.vstrip dt{font:500 10px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-mute);margin:0 0 3px}
.vstrip dd{margin:0;font:500 var(--f-sm)/1.35 var(--mono);color:var(--text)}
.vstrip dd.ok{color:var(--mint)} .vstrip dd.no{color:var(--coral)}

/* primary CTA — whole block is the link */
.cta-main{
  display:block;background:linear-gradient(150deg,var(--raised),var(--surface));
  border:1px solid var(--line);border-left:4px solid var(--gold);
  padding:var(--s5) var(--s5) 0;color:inherit;margin:0 0 var(--s4);
  transition:border-color .18s,transform .18s;
}
.cta-main:hover{text-decoration:none;border-color:var(--gold);transform:translateY(-2px)}
.cta-main:hover .cta-btn{background:var(--gold-hi)}
.cta-kicker{font:500 var(--f-xs)/1.4 var(--mono);letter-spacing:.11em;text-transform:uppercase;color:var(--gold);margin:0 0 var(--s3)}
.cta-main h2{font:700 clamp(21px,3vw,30px)/1.15 var(--display);letter-spacing:-.02em;margin:0 0 var(--s3);color:var(--text)}
.cta-main p{color:var(--text-dim);margin:0 0 var(--s5);font-size:var(--f-sm);max-width:58ch}
.cta-btn{
  display:inline-flex;align-items:center;gap:var(--s2);
  background:var(--gold);color:#150E00;padding:13px var(--s5);
  font:600 var(--f-sm)/1 var(--body);border-radius:var(--r);margin-bottom:var(--s5);
}
.cta-facts{display:flex;flex-wrap:wrap;gap:0;border-top:1px solid var(--line);margin:0 calc(var(--s5)*-1)}
.cta-facts div{flex:1 1 min(100%,150px);min-width:0;padding:var(--s3) var(--s5);border-right:1px solid var(--line)}
.cta-facts div:last-child{border-right:0}
.cta-facts b{display:block;font:500 var(--f-md)/1.2 var(--mono);color:var(--gold-hi)}
.cta-facts span{display:block;font-size:var(--f-xs);color:var(--text-mute);margin-top:2px}

.cta-mini{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:var(--s3);margin:0 0 var(--s4)}
.cta-mini a{
  display:block;background:var(--surface);border:1px solid var(--line);
  padding:var(--s4);color:inherit;transition:border-color .18s,background .18s;
}
.cta-mini a:hover{text-decoration:none;border-color:var(--violet);background:var(--raised)}
.cta-mini b{display:block;font:600 var(--f-sm)/1.3 var(--body);color:var(--text);margin-bottom:4px}
.cta-mini span{display:block;font-size:var(--f-xs);color:var(--text-mute)}
.cta-mini em{display:block;font:500 var(--f-xs)/1 var(--mono);color:var(--gold);font-style:normal;margin-top:var(--s3);letter-spacing:.06em}

.cta-fine{font-size:var(--f-xs);color:var(--text-mute);margin:0;max-width:70ch}
.cta-fine a{color:var(--text-dim)}

/* ============ BREADCRUMBS ============ */
.crumbs{padding:var(--s4) 0;border-bottom:1px solid var(--line-soft)}
.crumbs ol{display:flex;flex-wrap:wrap;gap:var(--s2);list-style:none;margin:0;padding:0;font:400 var(--f-xs)/1.6 var(--mono)}
.crumbs li::after{content:"/";margin-left:var(--s2);color:var(--text-mute)}
.crumbs li:last-child::after{content:""}
.crumbs a{color:var(--text-dim)}
.crumbs [aria-current]{color:var(--text-mute)}

/* ============ LAYOUT ============ */
.main{padding:var(--s7) 0 var(--s8)}
.col{width:var(--col);margin-inline:auto;min-width:0}

/* ============ AUTHOR ============ */
.author-card{
  display:flex;gap:var(--s4);align-items:center;flex-wrap:wrap;
  border:1px solid var(--line);background:var(--surface);
  padding:var(--s4);margin:0 0 var(--s6);min-width:0;
}
.author-card img{width:54px;height:54px;flex:0 0 54px;border-radius:50%;object-fit:cover;border:2px solid var(--violet)}
.author-card .who{min-width:0;flex:1 1 200px}
.author-card b{display:block;font:600 var(--f-sm)/1.3 var(--body)}
.author-card span{display:block;font:400 var(--f-xs)/1.5 var(--mono);color:var(--text-mute)}
.author-bio{
  display:flex;gap:var(--s5);flex-wrap:wrap;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  padding:var(--s6) 0;margin:var(--s7) 0;min-width:0;
}
.author-bio img{width:92px;height:92px;flex:0 0 92px;border-radius:50%;object-fit:cover;border:2px solid var(--violet)}
.author-bio .txt{flex:1 1 min(100%,300px);min-width:0}
.author-bio h2{font:700 var(--f-lg)/1.2 var(--display);margin:0 0 2px}
.author-bio .role{font:500 var(--f-xs)/1.5 var(--mono);color:var(--violet);letter-spacing:.06em;text-transform:uppercase;margin:0 0 var(--s4)}
.author-bio p{font-size:var(--f-sm);color:var(--text-dim);margin:0 0 var(--s3)}
.author-bio p:last-child{margin-bottom:0}

/* ============ PROSE ============ */
.ab h2{
  font:700 clamp(22px,3.3vw,31px)/1.16 var(--display);letter-spacing:-.022em;
  margin:var(--s8) 0 var(--s4);padding-top:var(--s4);border-top:1px solid var(--line);
}
.ab h2:first-child{margin-top:0;border-top:0;padding-top:0}
.ab h3{font:600 var(--f-lg)/1.28 var(--display);letter-spacing:-.012em;margin:var(--s6) 0 var(--s3)}
.ab h4{font:600 var(--f-md)/1.3 var(--body);margin:var(--s5) 0 var(--s3);color:var(--text)}
.ab p{margin:0 0 var(--s4)}
.ab strong{color:#fff;font-weight:600}

/* lead callout */
.ab-answer{
  background:var(--violet-fill);border:1px solid var(--violet-dim);border-left:4px solid var(--violet);
  padding:var(--s5);margin:0 0 var(--s5);font-size:var(--f-md);
}
.ab-answer strong{color:var(--text)}

/* verdict plate */
.ab-verdict{
  background:var(--coral-fill);border:1px solid var(--coral);
  padding:var(--s5);margin:0 0 var(--s5);
  font:600 var(--f-lg)/1.35 var(--display);letter-spacing:-.01em;
}

/* stat grids */
.ab-stats,.ab-facts,.ab-need,.ab-cards,.ab-nav,.ab-mech,.ab-fork,.ab-cols,.ab-wallet,.ab-pc{
  display:grid;gap:var(--s3);margin:var(--s5) 0;min-width:0;
}
.ab-stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.ab-stats div{background:var(--surface);padding:var(--s4);min-width:0}
.ab-stats b{display:block;font:500 var(--f-lg)/1.2 var(--mono);color:var(--gold-hi)}
.ab-stats span{display:block;font-size:var(--f-xs);color:var(--text-mute);margin-top:4px}

.ab-facts,.ab-need,.ab-mech,.ab-cols,.ab-wallet,.ab-pc{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}
.ab-fork{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.ab-cards,.ab-nav{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}
.ab-facts>div,.ab-need>div,.ab-mech>div,.ab-cols>div,.ab-wallet>div,.ab-cards>div,.ab-pc>div,.ab-fork>div{
  background:var(--surface);border:1px solid var(--line);padding:var(--s4);min-width:0;font-size:var(--f-sm);
}
.ab-facts>div{border-left:3px solid var(--violet)}
.ab-fork>div:first-child{border-left:3px solid var(--mint)}
.ab-fork>div:last-child{border-left:3px solid var(--sand)}
.ab-need>div b,.ab-facts>div b,.ab-mech>div b,.ab-cards>div b,.ab-wallet .h{display:block;font:600 var(--f-sm)/1.3 var(--body);color:var(--gold-hi);margin-bottom:5px}
.ab-nav a{background:var(--surface);border:1px solid var(--line);padding:var(--s4);color:inherit;font-size:var(--f-sm);min-width:0}
.ab-nav a:hover{text-decoration:none;border-color:var(--violet)}
.ab-nav a b{display:block;color:var(--gold-hi);margin-bottom:3px}
.ab-pc>div h4{margin-top:var(--s3)}

/* score block */
.ab-score{border:1px solid var(--line);background:var(--surface);padding:var(--s5);margin:var(--s5) 0;min-width:0}
.ab-score .tot{font:800 var(--f-2xl)/1 var(--display);letter-spacing:-.04em;color:var(--gold-hi);margin-bottom:var(--s4)}
.ab-score .tot span{font:400 var(--f-md)/1 var(--mono);color:var(--text-mute)}
.ab-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,2fr) 40px;gap:var(--s3);align-items:center;margin:var(--s2) 0;font-size:var(--f-sm);min-width:0}
.ab-bar>span:first-child{color:var(--text-dim);min-width:0}
.ab-bar>span:last-child{font:500 var(--f-sm)/1 var(--mono);text-align:right;color:var(--gold-hi)}
.ab-bar i{display:block;height:6px;background:var(--raised);border-radius:99px;overflow:hidden;min-width:0}
.ab-bar i em{display:block;height:100%;background:linear-gradient(90deg,var(--violet),var(--gold));border-radius:99px}

/* notes */
.ab-note{border:1px solid var(--violet-dim);border-left:4px solid var(--violet);background:var(--violet-fill);padding:var(--s4) var(--s5);margin:var(--s5) 0;font-size:var(--f-sm)}
.ab-note.warn{border-color:var(--sand);background:var(--sand-fill)}
.ab-note.risk{border-color:var(--coral);background:var(--coral-fill)}
.ab-note.good{border-color:var(--mint);background:var(--mint-fill)}
.ab-note b:first-child{color:#fff}
.ab-note p{margin:.5em 0 0}
.ab-note p:first-of-type{margin-top:.5em}

/* bridge / read-more inline */
.ab-bridge{border:1px solid var(--line);border-left:4px solid var(--gold);background:var(--surface);padding:var(--s4) var(--s5);margin:var(--s5) 0;font-size:var(--f-sm)}

/* tables */
.ab-scroll{overflow-x:auto;margin:var(--s5) 0;border:1px solid var(--line);background:var(--surface);min-width:0;-webkit-overflow-scrolling:touch}
.ab table{border-collapse:collapse;width:100%;font-size:var(--f-sm);margin:0;min-width:560px}
.ab th{
  background:var(--raised);text-align:left;padding:var(--s3) var(--s4);
  border-bottom:1px solid var(--line);border-right:1px solid var(--line);
  font:500 var(--f-xs)/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);
  vertical-align:bottom;
}
.ab td{padding:var(--s3) var(--s4);border-bottom:1px solid var(--line-soft);border-right:1px solid var(--line-soft);vertical-align:top}
.ab th:last-child,.ab td:last-child{border-right:0}
.ab tbody tr:last-child td{border-bottom:0}
.ab tbody tr:hover{background:rgba(139,111,232,.05)}
.ab caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* value chips */
.ab .yes,.ab .no,.ab .mid{font:500 var(--f-xs)/1.4 var(--mono);padding:2px 7px;border-radius:2px;white-space:nowrap;display:inline-block}
.ab .yes{background:var(--mint-fill);color:var(--mint)}
.ab .no{background:var(--coral-fill);color:var(--coral)}
.ab .mid{background:var(--sand-fill);color:var(--sand)}

/* lists */
.ab-check{list-style:none;padding:0;margin:var(--s4) 0}
.ab-check li{padding:6px 0 6px 28px;position:relative;font-size:var(--f-sm)}
.ab-check li::before{content:"✓";position:absolute;left:0;top:6px;color:var(--mint);font:600 var(--f-sm)/1.6 var(--mono)}
.ab-check.x li::before{content:"✕";color:var(--coral)}

.ab-steps{counter-reset:s;list-style:none;padding:0;margin:var(--s5) 0}
.ab-steps li{counter-increment:s;position:relative;padding:0 0 var(--s4) 46px;font-size:var(--f-sm)}
.ab-steps li::before{
  content:counter(s,decimal-leading-zero);position:absolute;left:0;top:0;
  width:30px;height:30px;display:grid;place-items:center;
  background:var(--raised);border:1px solid var(--violet);color:var(--violet);
  font:500 var(--f-xs)/1 var(--mono);border-radius:50%;
}
.ab-steps b{display:block;color:#fff;margin-bottom:2px}

.ab-tl{list-style:none;padding:0;margin:var(--s5) 0;border-left:1px solid var(--line)}
.ab-tl li{position:relative;padding:0 0 var(--s4) var(--s5);font-size:var(--f-sm)}
.ab-tl li::before{content:"";position:absolute;left:-4.5px;top:9px;width:8px;height:8px;border-radius:50%;background:var(--gold)}

.ab-ladder,.ab-order{list-style:none;padding:0;margin:var(--s5) 0}
.ab-ladder li,.ab-order li{border-left:2px solid var(--violet);padding:0 0 var(--s4) var(--s4);margin-left:var(--s2);font-size:var(--f-sm)}
.ab-ladder li b,.ab-order li b{display:block;color:#fff;margin-bottom:3px}
.ab-ladder li span{display:block;color:var(--text-dim)}

.ab-tiers{list-style:none;padding:0;margin:var(--s5) 0;border:1px solid var(--line);background:var(--surface)}
.ab-tiers li{display:flex;flex-wrap:wrap;gap:var(--s4);padding:var(--s3) var(--s4);border-bottom:1px solid var(--line-soft);font-size:var(--f-sm);min-width:0}
.ab-tiers li:last-child{border-bottom:0}
.ab-tiers li b{flex:0 0 60px;font:500 var(--f-md)/1.3 var(--mono);color:var(--gold-hi)}
.ab-tiers li span{flex:1 1 min(100%,180px);min-width:0}

/* chip rows */
.ab-studios,.ab-leagues,.ab-vip{display:flex;flex-wrap:wrap;gap:var(--s2);margin:var(--s5) 0;min-width:0}
.ab-studios span,.ab-leagues span{
  border:1px solid var(--line);background:var(--surface);padding:5px 11px;
  font:400 var(--f-xs)/1.5 var(--mono);color:var(--text-dim);
}
.ab-vip span{
  flex:1 1 56px;text-align:center;background:var(--raised);border-bottom:2px solid var(--violet);
  padding:var(--s3) var(--s1);font:500 var(--f-sm)/1 var(--mono);color:var(--gold-hi);
}

/* source line */
.ab small.src,.srcline{display:block;font:400 var(--f-xs)/1.6 var(--mono);color:var(--text-mute);margin:calc(var(--s5)*-1 + 4px) 0 var(--s5)}

/* figure */
.ab-fig{margin:var(--s6) 0;border:1px solid var(--line);background:var(--surface)}
.ab-fig img{width:100%;height:auto}
.ab-fig figcaption{padding:var(--s3) var(--s4);font:400 var(--f-xs)/1.6 var(--mono);color:var(--text-mute);border-top:1px solid var(--line)}

/* FAQ accordion */
.ab-faq{margin:var(--s5) 0;border:1px solid var(--line);background:var(--surface)}
.ab-faq details{border-bottom:1px solid var(--line-soft)}
.ab-faq details:last-child{border-bottom:0}
.ab-faq summary{
  padding:var(--s4);cursor:pointer;font:600 var(--f-sm)/1.5 var(--body);
  list-style:none;display:flex;gap:var(--s3);align-items:flex-start;min-width:0;
}
.ab-faq summary::-webkit-details-marker{display:none}
.ab-faq summary::before{content:"+";flex:0 0 auto;color:var(--violet);font:500 var(--f-md)/1.35 var(--mono)}
.ab-faq details[open] summary::before{content:"–"}
.ab-faq summary:hover{background:var(--raised)}
.ab-faq p{padding:0 var(--s4) var(--s4) 40px;margin:0;font-size:var(--f-sm);color:var(--text-dim)}

/* responsible-gambling plate */
.ab-help,.rg-plate{
  border:1px solid var(--sand);background:var(--sand-fill);
  padding:var(--s4) var(--s5);margin:var(--s6) 0;font-size:var(--f-sm);
}
.ab-help b:first-child,.rg-plate b:first-child{display:block;color:var(--sand);margin-bottom:var(--s2);font:600 var(--f-sm)/1.4 var(--body)}

/* disclaimer plate */
.ab-disc,.disclose{
  border:1px solid var(--line);background:var(--surface);
  padding:var(--s4) var(--s5);margin:var(--s6) 0 0;
  font-size:var(--f-xs);color:var(--text-mute);
}

/* ============ READ NEXT ============ */
.readnext{margin:var(--s8) 0 0;padding-top:var(--s5);border-top:1px solid var(--line)}
.readnext h2{font:700 var(--f-lg)/1.2 var(--display);margin:0 0 var(--s4)}
.readnext ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}
.readnext li{min-width:0}
.readnext a{display:block;background:var(--surface);border:1px solid var(--line);padding:var(--s4);color:inherit;height:100%}
.readnext a:hover{text-decoration:none;border-color:var(--violet);background:var(--raised)}
.readnext b{display:block;font:600 var(--f-sm)/1.35 var(--body);color:var(--gold-hi);margin-bottom:5px}
.readnext span{display:block;font-size:var(--f-xs);color:var(--text-mute)}

/* ============ FOOTER ============ */
.site-foot{border-top:1px solid var(--line);background:var(--surface);padding:var(--s7) 0 var(--s6);margin-top:var(--s8)}
.foot-cols{display:grid;gap:var(--s5);grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));margin-bottom:var(--s6)}
.foot-cols>div{min-width:0}
.foot-cols h3{font:500 var(--f-xs)/1.5 var(--mono);letter-spacing:.11em;text-transform:uppercase;color:var(--violet);margin:0 0 var(--s3)}
.foot-cols ul{list-style:none;margin:0;padding:0}
.foot-cols li{margin-bottom:var(--s2)}
.foot-cols a{color:var(--text-dim);font-size:var(--f-sm)}
.foot-cols p{font-size:var(--f-sm);color:var(--text-dim);margin:0 0 var(--s3)}
.foot-note{border-top:1px solid var(--line);padding-top:var(--s5);font-size:var(--f-xs);color:var(--text-mute)}
.foot-note p{margin:0 0 var(--s3);max-width:90ch}
.foot-note p:last-child{margin-bottom:0}
.foot-note strong{color:var(--text-dim)}

/* ============ RESPONSIVE ============ */
@media (max-width:860px){
  .burger{display:inline-flex}
  .site-nav{
    flex:1 1 100%;order:3;max-height:0;overflow:hidden;
    transition:max-height .22s ease;margin-left:0;
  }
  .nav-toggle:checked ~ .site-nav{max-height:640px}
  .site-nav ul{flex-direction:column;gap:0;padding-bottom:var(--s4)}
  .site-nav li{border-top:1px solid var(--line-soft)}
  .site-nav a{padding:var(--s3) 0;border-bottom:0}
  .site-nav a[aria-current="page"]{border-bottom:0;padding-left:var(--s3);border-left:2px solid var(--violet)}
  .head-in{flex-wrap:wrap}
  .hero{padding:var(--s6) 0 var(--s5)}
  .main{padding:var(--s6) 0 var(--s7)}
  .ab h2{margin-top:var(--s7)}
}
@media (max-width:560px){
  :root{--f-base:16px;--s7:36px;--s8:48px}
  .wrap{padding-inline:var(--s4)}
  .cta-main{padding:var(--s4) var(--s4) 0}
  .cta-facts{margin:0 calc(var(--s4)*-1)}
  .cta-facts div{padding:var(--s3) var(--s4)}
  .ab-bar{grid-template-columns:1fr;gap:var(--s1)}
  .ab-bar>span:last-child{text-align:left}
  .author-bio img{width:64px;height:64px;flex:0 0 64px}
}
@media (max-width:400px){
  :root{--f-3xl:clamp(26px,8vw,32px);--f-2xl:28px;--f-lg:19px}
  .wrap{padding-inline:var(--s3)}
  .vstrip div{flex:1 1 100%;border-right:0;border-bottom:1px solid var(--line)}
  .vstrip div:last-child{border-bottom:0}
  .cta-facts div{flex:1 1 100%;border-right:0;border-bottom:1px solid var(--line)}
  .cta-facts div:last-child{border-bottom:0}
  .ab-steps li{padding-left:38px}
  .ab-steps li::before{width:26px;height:26px}
  .ab-faq summary{padding:var(--s3)}
  .ab-faq p{padding:0 var(--s3) var(--s3) 34px}
  .ab-tiers li b{flex:1 1 100%}
  .brand-txt span{display:none}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
  .cta-main:hover{transform:none}
}

@media print{
  .site-head,.hero,.readnext,.site-foot,.crumbs{display:none}
  body{background:#fff;color:#000}
}