/* Slot Anatomy (casinospringbok.info) - light encyclopedia. Ivory reading column, white diagram plates with
   bronze rules, lobby-green masthead, Springbok gold-bar CTAs. Mobile first. */
:root{
  --ivory:#f7f3e3;--ivory-2:#efe8cf;--paper:#fffdf6;--white:#fff;
  --ink:#13250d;--ink-2:#2a3a22;--muted:#5d5a4a;--leaf:#235200;--green:#225314;--deep:#0d1a07;--deep-2:#13250d;
  --bronze:#af7c40;--bronze-d:#8a5f2c;--rule:#d8ccab;--rule-2:#ece3c8;--gold:#e9b949;--gold-l:#f6e7a1;--cream:#f5edab;--maroon:#7a1f12;--lime:#c3e890;
  --bar:linear-gradient(to bottom,#ffffb0 0%,#fff 11%,#fffec7 53%,#ce9e63 54%,#fedc8b 78%,#fffac4 100%);
  --bar-hover:linear-gradient(to bottom,#ffffb0 0%,#fff 11%,#fffec7 53%,#e9a552 54%,#ffd08a 78%,#fffac4 100%);
  --f-head:"Fjalla One","Arial Narrow",Arial,sans-serif;--f-body:"Open Sans",Arial,Helvetica,sans-serif;
  --wrap:1180px;--r:12px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:16px}
body{margin:0;background:var(--ivory);color:var(--ink);font:400 16px/1.65 var(--f-body);overflow-x:hidden}
img,svg{max-width:100%;height:auto}
img{display:block}
a{color:var(--leaf);text-decoration:underline;text-decoration-color:rgba(175,124,64,.7);text-underline-offset:3px;text-decoration-thickness:1.5px}
a:hover{color:#163600;text-decoration-color:var(--leaf)}
:focus-visible{outline:3px solid #7a5a1f;outline-offset:2px;border-radius:4px}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 16px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--gold);color:var(--deep);padding:10px 16px;border-radius:8px;font-weight:700}
.skip:focus{left:12px}
h1,h2,h3,h4{font-family:var(--f-head);font-weight:400;text-transform:uppercase;line-height:1.12;letter-spacing:.01em;color:var(--ink);margin:0 0 .5em}
h1{font-size:34px}
h2{font-size:27px}
h3{font-size:20px;margin-top:1.4em}
p{margin:0 0 14px}
ul,ol{padding-left:22px;margin:0 0 16px}
li{margin:6px 0}
code{font-family:var(--f-head);letter-spacing:.04em}
.ic{display:inline-block;vertical-align:-3px;flex:none}
.micro{font-size:12.5px;color:var(--muted);line-height:1.4}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 20px;border-radius:10px;font:400 18px/1.1 var(--f-head);text-transform:uppercase;letter-spacing:.03em;text-decoration:none;cursor:pointer;border:0;transition:filter .15s,box-shadow .15s,background .15s}
.btn-gold{background:var(--bar);color:#235200;box-shadow:inset 0 0 0 2px rgba(0,0,0,.45),0 0 8px 1px rgba(255,255,190,.5);text-shadow:1px 1px 3px rgba(255,249,161,.9)}
.btn-gold:hover{background:var(--bar-hover);color:#235200;box-shadow:inset 0 0 0 2px rgba(0,0,0,.5),0 0 12px 2px rgba(255,255,190,.75)}
.btn-line{background:transparent;color:var(--leaf);box-shadow:inset 0 0 0 2px var(--leaf)}
.btn-line:hover{background:var(--leaf);color:var(--cream)}
.btn-ghost{background:transparent;color:var(--gold-l);box-shadow:inset 0 0 0 2px rgba(246,231,161,.7);font-size:16px}
.btn-ghost:hover{background:rgba(246,231,161,.12);color:#fff}
.btn-block{width:100%}
.aff-inline{font-weight:600}

/* ---------- top strip and masthead ---------- */
.topstrip{background:#0a1405;color:#e6dfbd;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:600}
.ts-in{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:32px}
.ts-in p{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
.ts-name{font-family:var(--f-head);font-weight:400;font-size:14px;letter-spacing:.08em;color:var(--cream)}
.ts-rg{color:var(--gold-l);margin-left:12px;text-decoration-color:rgba(246,231,161,.5)}
.ts-rg:hover{color:#fff}
.ts-badge{background:var(--lime);color:var(--deep-2);padding:1px 7px;border-radius:4px;font-weight:700}
.ts-in .ts-hide-s{display:none}
.masthead{background:linear-gradient(180deg,#2d6a1a 0%,#225314 52%,#1a440e 100%);border-bottom:3px solid var(--bronze);box-shadow:inset 0 -1px 0 var(--gold)}
.mh-in{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;padding-bottom:10px}
.brand{display:flex;align-items:center;gap:16px;text-decoration:none;min-width:0}
.logo-plate{display:inline-flex;background:#0a1405;border:1px solid var(--bronze);border-radius:10px;padding:5px 10px;box-shadow:inset 0 0 0 1px rgba(233,185,73,.25),0 2px 10px rgba(0,0,0,.25)}
.logo-plate img{width:108px;height:auto}
.brand-txt{display:none}
.brand-name{display:block;font:400 30px/1 var(--f-head);text-transform:uppercase;color:var(--cream);letter-spacing:.03em}
.brand-sub{display:block;font-size:13px;color:var(--lime);margin-top:4px;letter-spacing:.01em}
.mh-cta{display:flex;flex-direction:column;align-items:center;gap:3px}
.mh-cta .micro{color:#d9e8c6;font-size:11px}
.btn-head{font-size:16px;padding:9px 14px;min-height:44px}
.btn-head .ic{display:none}

/* ---------- concept index rail ---------- */
.index-rail{background:var(--ivory-2);border-bottom:1px solid var(--rule)}
.rail-in{display:flex;align-items:center;gap:12px}
.rail-k{display:none;margin:0;font:400 13px var(--f-head);letter-spacing:.14em;color:var(--bronze);text-transform:uppercase}
.rail{position:relative;display:flex;gap:8px;list-style:none;margin:0;padding:8px 0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:1;min-width:0}
.rail::-webkit-scrollbar{display:none}
.rail li{margin:0;flex:none}
.chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:5px 14px 5px 6px;border:1px solid var(--rule);background:var(--white);border-radius:999px;font-size:14px;font-weight:600;color:var(--ink);text-decoration:none;white-space:nowrap}
.chip:hover{border-color:var(--bronze);color:var(--ink)}
.chip-l{display:inline-grid;place-items:center;min-width:32px;height:32px;padding:0 6px;border-radius:999px;background:var(--bronze);color:#fff;font:400 15px var(--f-head);letter-spacing:.02em}
.chip.is-cur{background:var(--green);border-color:var(--green);color:var(--cream)}
.chip.is-cur .chip-l{background:var(--gold);color:var(--deep)}
.chip-rg .chip-l{background:var(--maroon)}

/* ---------- shared heads ---------- */
.kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 12px;font:400 14px/1.2 var(--f-head);letter-spacing:.09em;text-transform:uppercase;color:var(--bronze-d)}
.kl{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 7px;border-radius:7px;background:var(--green);color:var(--gold-l);font-size:15px;letter-spacing:.03em}
.kicker-dark{color:var(--gold-l)}
.kicker-dark .kl{background:var(--gold);color:var(--deep)}
.lede{font-size:16px;line-height:1.6;color:var(--ink-2)}
.lede p:first-child{font-weight:600;color:var(--ink)}
.meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;font-size:13.5px;color:var(--muted);margin:6px 0 14px}
.meta .ic{color:var(--bronze)}
.crumbs ol{display:flex;flex-wrap:wrap;gap:4px;list-style:none;padding:0;margin:0 0 14px;font-size:13.5px;color:var(--muted)}
.crumbs li{margin:0}
.crumbs li+li::before{content:"/";margin:0 6px 0 2px;color:var(--rule)}
.crumbs a{color:var(--muted)}
h1 .hl{color:var(--leaf);box-shadow:inset 0 -.2em 0 var(--gold-l)}

/* ---------- home hero ---------- */
.hero{background:radial-gradient(120% 90% at 85% 10%,#fffbea 0,rgba(255,251,234,0) 60%),var(--ivory);border-bottom:1px solid var(--rule);padding:22px 0 34px}
.hero-in{display:grid;gap:28px}
.hero h1{font-size:35px;line-height:1.04;margin-bottom:14px}
.hero-cta{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 8px}
.hero-art{position:relative;padding-top:64px;max-width:560px}
.hero-collage{position:absolute;top:0;right:10px;width:92px;transform:rotate(5deg);border:4px solid #fff;border-radius:6px;box-shadow:0 10px 24px -10px rgba(19,37,13,.55);z-index:2}
.hero-plate .plate-head{padding-right:118px}
.hero-plate{position:relative;z-index:1;margin:0;background:var(--white);border:1px solid var(--bronze);border-radius:14px;box-shadow:0 18px 40px -24px rgba(19,37,13,.55);overflow:hidden}
.hp-art{padding:10px 10px 4px;background:linear-gradient(rgba(175,124,64,.08) 1px,transparent 1px) 0 0/22px 22px,linear-gradient(90deg,rgba(175,124,64,.08) 1px,transparent 1px) 0 0/22px 22px,var(--paper)}
.hp-art svg{display:block;width:100%}
.hp-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 14px 12px;border-top:1px dashed var(--rule)}
.hp-key{display:flex;flex-wrap:wrap;gap:6px 16px;list-style:none;margin:0;padding:0;font-size:14px;font-weight:600;flex:1;min-width:0}
.hp-key li{display:flex;align-items:center;gap:7px;margin:0}

/* hero reels: spin once, then the payline draws and the markers appear */
.hero-reels .strip{animation:reelspin .75s cubic-bezier(.2,.9,.3,1) both}
.hero-reels .strip-2{animation-duration:.88s}.hero-reels .strip-3{animation-duration:1.01s}.hero-reels .strip-4{animation-duration:1.14s}.hero-reels .strip-5{animation-duration:1.27s}
.hero-reels .hero-line{stroke-dasharray:100;animation:drawline .5s 1.3s both}
.hero-reels .mk{transform-box:fill-box;transform-origin:center;animation:pop .3s both}
.hero-reels .marks .mk:nth-child(1){animation-delay:1.55s}.hero-reels .marks .mk:nth-child(2){animation-delay:1.65s}.hero-reels .marks .mk:nth-child(3){animation-delay:1.75s}.hero-reels .marks .mk:nth-child(4){animation-delay:1.85s}
.hero-reels.again .strip,.hero-reels.again .hero-line,.hero-reels.again .mk{animation-name:none}
@keyframes reelspin{from{transform:translateY(-292px)}to{transform:none}}
@keyframes drawline{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes pop{from{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}
.spin-again{margin-left:auto;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:8px;border:1px solid var(--bronze);background:var(--white);color:var(--ink);font:400 14px var(--f-head);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.spin-again:hover{background:var(--ivory-2)}

/* ---------- plates (signature diagrams) ---------- */
.plate{margin:28px 0;background:var(--white);border:1px solid var(--bronze);border-radius:14px;overflow:hidden;box-shadow:0 14px 34px -26px rgba(19,37,13,.6)}
.plate-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:10px 16px;border-bottom:1px solid var(--bronze);background:linear-gradient(#fffdf6,#f6efd8);font:400 14px/1.3 var(--f-head);text-transform:uppercase;letter-spacing:.06em}
.plate-no{color:var(--bronze-d);letter-spacing:.12em}
.plate-title{color:var(--ink)}
.plate-art{padding:12px;background:linear-gradient(rgba(175,124,64,.08) 1px,transparent 1px) 0 0/22px 22px,linear-gradient(90deg,rgba(175,124,64,.08) 1px,transparent 1px) 0 0/22px 22px,var(--paper)}
.plate-art svg{display:block;width:100%;max-width:640px;margin:0 auto}
.callouts{list-style:none;margin:0;padding:14px 16px 6px;display:grid;gap:10px 24px;border-top:1px dashed var(--rule);font-size:14.5px;line-height:1.5}
.callouts li{display:flex;gap:10px;margin:0}
.callouts a{white-space:nowrap;font-weight:600}
.co-n{flex:none;display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--bronze);color:#fff;font:400 14px var(--f-head);box-shadow:0 0 0 2px #fff,0 0 0 3px var(--bronze)}
.plate figcaption{font-size:13px;color:var(--muted);padding:10px 16px 14px;border-top:1px solid var(--rule-2);line-height:1.5}
.plate-note{color:#77705a}

/* ---------- home offers band ---------- */
.offers{background:linear-gradient(180deg,#13250d 0%,#0d1a07 100%);color:#efeedd;padding:34px 0;border-bottom:3px solid var(--bronze)}
.offers h2{color:var(--cream);font-size:28px}
.offers-copy p{color:#d7e3c6}
.offers-copy a{color:var(--gold-l)}
.offers-in{display:grid;gap:22px}
.offers-cards{display:grid;gap:18px;align-items:start}

/* welcome card */
.welcome{background:linear-gradient(160deg,#21501300 0,#1f4a12 0,#0f2008 100%);border:1px solid var(--gold);border-radius:16px;padding:16px;color:#f1eed8;box-shadow:inset 0 0 0 4px rgba(233,185,73,.08)}
.wc-art{width:100%;max-width:227px;border-radius:8px;margin:0 0 12px;border:1px solid rgba(233,185,73,.45)}
.wc-k{margin:0;font:400 13px var(--f-head);text-transform:uppercase;letter-spacing:.1em;color:var(--gold-l)}
.wc-big{margin:2px 0 8px;font:400 19px/1.1 var(--f-head);text-transform:uppercase;color:var(--cream)}
.wc-big span{display:block;font-size:48px;line-height:1;background:linear-gradient(180deg,#fff8c8 0%,#f3d06a 52%,#c58d36 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgba(0,0,0,.35))}
.wc-steps{list-style:none;padding:0;margin:0 0 6px;font-size:14.5px}
.wc-steps li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:6px 0;border-bottom:1px solid rgba(246,231,161,.16);margin:0}
.wc-steps b{font-family:var(--f-head);font-weight:400;text-transform:uppercase;letter-spacing:.05em;color:var(--gold-l);min-width:96px}
.wc-steps code,.tk-code-dark code{color:var(--gold-l)}
.wc-steps code{background:rgba(246,231,161,.1);border:1px dashed rgba(233,185,73,.7);border-radius:5px;padding:0 6px;font-size:14px}

/* tickets (tap-to-copy coupons) */
.ticket{--tk-bg:#fff;position:relative;border:1px solid var(--bronze);border-radius:14px;padding:16px 18px;color:var(--ink);background:radial-gradient(circle at 0 58%,transparent 11px,var(--tk-bg) 11.5px) left/51% 100% no-repeat,radial-gradient(circle at 100% 58%,transparent 11px,var(--tk-bg) 11.5px) right/51% 100% no-repeat}
.ticket-dark{--tk-bg:#13250d;color:#efeedd;border-color:var(--gold)}
.tk-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px}
.tk-kind{font:400 12.5px var(--f-head);text-transform:uppercase;letter-spacing:.08em;background:var(--bronze);color:#fff;padding:2px 8px;border-radius:4px}
.ticket-dark .tk-kind{background:var(--gold);color:var(--deep)}
.tk-checked{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--muted)}
.ticket-dark .tk-checked{color:#bfd2a8}
.tk-offer{font:400 21px/1.15 var(--f-head);text-transform:uppercase;margin:10px 0 2px;letter-spacing:.01em}
.ticket-dark .tk-offer{color:var(--cream)}
.tk-code{display:flex;align-items:center;gap:10px;border:2px dashed var(--bronze);border-radius:10px;padding:5px 5px 5px 12px;background:#fffdf3;margin:12px 0}
.tk-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.tk-code code{flex:1;min-width:0;font-size:clamp(16px,4.6vw,21px);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}
.tk-code-dark,.ticket-dark .tk-code{background:rgba(0,0,0,.28);border-color:var(--gold)}
.tk-code-dark .tk-label,.ticket-dark .tk-label{color:#c8d9b1}
.ticket-dark .tk-code code{color:var(--gold-l)}
.tk-copy{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:40px;min-width:44px;padding:0 12px;border-radius:8px;border:0;background:var(--green);color:var(--cream);font:600 13px var(--f-body);cursor:pointer}
.tk-copy:hover{background:var(--leaf)}
.tk-copy.is-done{background:var(--bronze);color:#fff}
.tk-terms{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin:12px 0 0}
.tk-terms div{min-width:0}
.tk-terms dt{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}
.tk-terms dd{margin:1px 0 0;font-size:13.5px;font-weight:600;line-height:1.35}
.tk-terms-dark dt,.ticket-dark .tk-terms dt{color:#bcd3a4}
.tk-note{font-size:13px;background:#fff3d6;color:var(--ink);border-left:3px solid var(--bronze);padding:7px 10px;border-radius:0 6px 6px 0;margin:12px 0 0}
.ticket-dark .tk-note{background:rgba(246,231,161,.1);color:#f1eed8}
.tk-fine{font-size:12.5px;line-height:1.45;color:var(--muted);margin:10px 0 0}
.ticket-dark .tk-fine,.welcome .tk-fine{color:#c3d3ae}
.ticket-dark a:not(.btn),.welcome a:not(.btn){color:var(--gold-l)}
.ticket-off{background:var(--white)}

/* ---------- body sections ---------- */
.home-body{padding-top:8px;padding-bottom:20px}
.hsec,.sec{margin:38px 0}
.hsec h2,.sec h2,.faq h2,.sources h2,.related h2{position:relative;padding-top:16px}
.hsec h2::before,.sec h2::before,.faq h2::before,.sources h2::before,.related h2::before{content:"";position:absolute;left:0;top:0;width:52px;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--bronze) 0 70%,var(--gold) 70%)}
.hsec>p,.hsec>ul,.hsec>ol,.hsec>h2,.hsec>h3,.hsec>.callout,.hsec>.glance{max-width:46rem}
.sec>p,.sec>ul,.sec>ol{max-width:46rem}
.steps{list-style:none;padding:0;margin:18px 0;counter-reset:st;max-width:46rem}
.steps>li{position:relative;counter-increment:st;padding:0 0 18px 54px;margin:0}
.steps>li::before{content:counter(st);position:absolute;left:0;top:0;width:38px;height:38px;border-radius:50%;background:var(--green);color:var(--gold-l);font:400 18px/38px var(--f-head);text-align:center;box-shadow:0 0 0 3px var(--ivory),0 0 0 4px var(--bronze)}
.steps>li::after{content:"";position:absolute;left:18px;top:44px;bottom:2px;width:2px;background:var(--rule)}
.steps>li:last-child::after{display:none}
.steps>li>b:first-child,.steps>li>strong:first-child{display:block;font:400 18px/1.25 var(--f-head);text-transform:uppercase;letter-spacing:.02em;padding-top:7px;margin-bottom:2px}
.callout{background:var(--white);border:1px solid var(--rule);border-left:5px solid var(--bronze);border-radius:0 10px 10px 0;padding:14px 18px;margin:18px 0}
.callout p:last-child{margin:0}
.callout-warn{border-left-color:var(--maroon);background:#fbf0ec}
.callout>b:first-child,.callout>strong:first-child{display:block;font:400 16px var(--f-head);text-transform:uppercase;letter-spacing:.05em;color:var(--bronze-d);margin-bottom:4px}
.callout-warn>b:first-child,.callout-warn>strong:first-child{color:var(--maroon)}
.formula{font:400 22px/1.3 var(--f-head);letter-spacing:.03em;text-align:center;background:var(--paper);border:1px dashed var(--bronze);border-radius:10px;padding:14px;margin:18px 0;color:var(--leaf)}
.keyfigs{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:18px 0;padding:0;list-style:none}
.keyfigs li{margin:0;background:var(--white);border:1px solid var(--rule);border-top:4px solid var(--green);border-radius:10px;padding:12px 14px;font-size:13.5px;color:var(--muted)}
.keyfigs b{display:block;font:400 30px/1.05 var(--f-head);color:var(--ink);margin-bottom:4px}
.pair{display:grid;gap:14px;margin:18px 0}
.pair>div,.trio>div{background:var(--white);border:1px solid var(--rule);border-radius:12px;padding:14px 16px}
.pair>div>h3:first-child,.trio>div>h3:first-child{margin-top:0}
.trio{display:grid;gap:14px;margin:18px 0}
.trio .mini{width:40px;height:40px;margin-bottom:8px}
.trio>div>.mini+h3{margin-top:0}
.hsec>.spotter{max-width:none}
.glance{background:#fbf6e6;border:1px solid #e3cfa8;border-left:5px solid var(--green);border-radius:0 12px 12px 0;padding:14px 18px;margin:22px 0}
.glance-h{display:flex;align-items:center;gap:8px;font:400 15px var(--f-head);text-transform:uppercase;letter-spacing:.08em;color:var(--leaf);margin:0 0 6px}
.glance ul{margin:0;padding-left:20px}
.glance li::marker{color:var(--bronze)}

/* inline fact chips and cites */
.src{display:inline-block;font-size:11.5px;font-weight:600;line-height:1.5;padding:0 6px;border-radius:4px;background:#efe6cc;color:#5b4520;text-decoration:none;vertical-align:1px;white-space:nowrap}
.src:hover{background:var(--bronze);color:#fff}
.ticket-dark .src,.welcome .src,.sia .src,.rgband .src{background:rgba(246,231,161,.16);color:var(--gold-l)}

/* tables */
.tbl{overflow-x:auto;border:1px solid var(--rule);border-radius:12px;background:var(--white);margin:18px 0 6px;-webkit-overflow-scrolling:touch}
.tbl table{width:100%;border-collapse:collapse;font-size:14.5px;line-height:1.45}
.tbl th,.tbl td{padding:10px 12px;border-bottom:1px solid var(--rule-2);text-align:left;vertical-align:top}
.tbl thead th{background:var(--deep-2);color:var(--gold-l);font:400 13.5px var(--f-head);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.tbl tbody th{font-weight:600}
.tbl tbody tr:last-child>*{border-bottom:0}
.tbl tbody tr:nth-child(even){background:#fcf9ef}
.tbl caption{caption-side:bottom;text-align:left;font-size:13px;color:var(--muted);padding:8px 12px}
.tbl .num{text-align:right;font-variant-numeric:tabular-nums}
.tbl td.na{color:var(--muted)}
sup.sb{font:700 9.5px/1 var(--f-body);background:var(--bronze);color:#fff;padding:2px 4px;border-radius:3px;margin-left:4px;letter-spacing:.04em;vertical-align:2px}
.tbl-note{font-size:13px;color:var(--muted);margin:6px 0 18px;max-width:46rem}

/* uses lists and volatility bands */
.uses{background:var(--white);border:1px solid var(--rule);border-radius:12px;padding:14px 16px 4px;margin:18px 0}
.uses-h{margin:0 0 10px;font-size:15px}
.uses-h b{font:400 22px var(--f-head);color:var(--leaf);margin-right:4px}
.chips-plain{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0 0 10px}
.chips-plain li{margin:0;background:#f6efd9;border:1px solid var(--rule);border-radius:999px;padding:3px 11px;font-size:13.5px;font-weight:600}
.bands{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 6px}
.band{background:var(--white);border:1px solid var(--rule);border-top:5px solid var(--lime);border-radius:10px;padding:10px 12px}
.band-2{border-top-color:#6d9f56}.band-3{border-top-color:var(--bronze)}.band-4{border-top-color:var(--maroon)}
.band-h{display:flex;align-items:center;gap:8px;margin:0 0 6px;font:400 17px var(--f-head);text-transform:uppercase}
.band-meter{display:inline-flex;align-items:flex-end;gap:2px;height:16px}
.band-meter i{display:block;width:4px;background:var(--green);border-radius:1px}
.band-meter i:nth-child(1){height:5px}.band-meter i:nth-child(2){height:9px}.band-meter i:nth-child(3){height:12px}.band-meter i:nth-child(4){height:16px;background:var(--maroon)}
.band-n{margin-left:auto;font-size:13px;background:var(--ivory-2);border-radius:999px;padding:0 8px}
.band ul{list-style:none;padding:0;margin:0;font-size:13.5px;line-height:1.4}
.band li{margin:4px 0}

/* game spec card */
.gamecard{display:grid;grid-template-columns:92px 1fr;gap:14px;background:var(--white);border:1px solid var(--bronze);border-radius:14px;padding:14px;margin:20px 0;align-items:start}
.gc-art{width:92px;border-radius:9px;box-shadow:0 8px 18px -10px rgba(19,37,13,.6)}
.gc-type{display:grid;place-items:center;aspect-ratio:3/4;background:linear-gradient(160deg,#1f4a12,#0d1a07);color:var(--gold-l);font:400 15px/1.15 var(--f-head);text-transform:uppercase;text-align:center;padding:8px;border:1px solid var(--gold)}
.gc-k{margin:0;font:400 12px var(--f-head);letter-spacing:.12em;text-transform:uppercase;color:var(--bronze-d)}
.gc-name{margin:0;font:400 23px/1.1 var(--f-head);text-transform:uppercase}
.gc-meta{margin:2px 0 6px;font-size:13px;color:var(--muted)}
.gc-specs{list-style:none;padding:0;margin:0;font-size:14px;line-height:1.45}
.gc-specs li{padding:6px 0;border-bottom:1px dashed var(--rule-2);margin:0}
.gc-src{font-size:12.5px;color:var(--muted);margin:8px 0 0}
.tag{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:0 6px;border-radius:4px;vertical-align:1px;white-space:nowrap}
.tag-lobby{background:#e5efd6;color:#235200}
.tag-sb{background:#f6e3c4;color:#6b4a14}

/* entry cards */
.entries{display:grid;gap:12px;list-style:none;padding:0;margin:18px 0}
.entries li{margin:0}
.entry{position:relative;display:grid;grid-template-columns:40px 1fr;gap:2px 14px;height:100%;background:var(--white);border:1px solid var(--rule);border-top:4px solid var(--bronze);border-radius:12px;padding:14px 16px;text-decoration:none;color:var(--ink);overflow:hidden;transition:transform .15s,border-color .15s,box-shadow .15s}
.entry:hover{border-color:var(--bronze);transform:translateY(-2px);box-shadow:0 12px 24px -18px rgba(19,37,13,.7);color:var(--ink)}
.entry .mini{grid-row:1/span 3;width:40px;height:40px}
.en-l{position:absolute;right:12px;top:4px;font:400 44px/1 var(--f-head);color:#efe6cc;pointer-events:none}
.en-name{position:relative;font:400 19px/1.15 var(--f-head);text-transform:uppercase}
.en-blurb{position:relative;font-size:14.5px;line-height:1.45;color:var(--muted)}
.en-go{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:600;color:var(--leaf);margin-top:4px}
.entries-sm .entry{padding:12px 14px}

/* lobby spotter */
.spotter{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;list-style:none;padding:0;margin:18px 0}
.spotter li{margin:0}
.sp{position:relative;display:flex;flex-direction:column;height:100%;background:var(--deep);border:1px solid #2c4a1d;border-radius:12px;overflow:hidden;color:var(--cream);text-decoration:none;transition:transform .15s,box-shadow .15s}
a.sp:hover{transform:translateY(-3px);box-shadow:0 16px 26px -16px rgba(0,0,0,.7);color:var(--cream)}
.sp-art{width:100%;aspect-ratio:3/4;object-fit:cover}
.sp-tag{position:absolute;top:8px;left:8px;font:400 12px var(--f-head);letter-spacing:.06em;text-transform:uppercase;background:var(--bar);color:#235200;padding:3px 8px;border-radius:5px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.4)}
.sp-name{font:400 17px/1.15 var(--f-head);text-transform:uppercase;padding:10px 10px 0}
.sp-facts{font-size:12.5px;color:#c3d3ae;padding:3px 10px 4px}
.sp-go{margin-top:auto;font-size:13px;font-weight:600;color:var(--gold-l);padding:4px 10px 12px}
.spot-cta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}

/* mid-page CTA band */
.cta-band{display:grid;gap:16px;background:linear-gradient(135deg,#1f4a12 0%,#0d1a07 70%);border:1px solid var(--gold);border-radius:16px;padding:18px;margin:30px 0;color:#efeedd}
.cta-k{margin:0;font:400 13px var(--f-head);letter-spacing:.12em;text-transform:uppercase;color:var(--lime)}
.cta-h{margin:2px 0 8px;font:400 26px/1.1 var(--f-head);text-transform:uppercase;color:var(--cream)}
.cta-copy p:last-child{color:#d4e0c2;font-size:15px;margin:0}

/* see it in action */
.sia{margin:40px 0;border-radius:18px;border:1px solid var(--gold);background:radial-gradient(90% 120% at 0 0,#2a5f18 0,rgba(42,95,24,0) 55%),linear-gradient(135deg,#13250d,#0d1a07 65%);color:#ecf0de;padding:20px;box-shadow:0 22px 40px -28px rgba(0,0,0,.8)}
.sia-in{display:grid;gap:18px}
.sia-pic{display:flex;justify-content:center}
.sia-art{width:130px;transform:rotate(-3deg);border:4px solid var(--gold-l);border-radius:10px;box-shadow:0 14px 26px -12px rgba(0,0,0,.8)}
.sia-wide{width:210px}
.sia-k{margin:0;font:400 14px var(--f-head);letter-spacing:.14em;text-transform:uppercase;color:var(--lime)}
.sia h2{color:var(--cream);font-size:32px;margin:2px 0 10px;padding:0}
.sia h2::before{display:none}
.sia-chips{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0 0 12px}
.sia-chips li{margin:0;font-size:13px;font-weight:600;padding:3px 10px;border-radius:999px;border:1px solid rgba(246,231,161,.4);background:rgba(255,255,255,.06)}
.sia-copy p{color:#dfe7d0}
.sia-copy a:not(.btn){color:var(--gold-l)}
.sia-when{display:flex;gap:8px;align-items:flex-start;font-size:14px;background:rgba(246,231,161,.08);border-radius:8px;padding:8px 10px}
.sia-act{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:14px 0 0}
.sia-act .micro{color:#bcd0a4}

/* FAQ, sources, related */
.faq{margin:40px 0}
.faq details{background:var(--white);border:1px solid var(--rule);border-radius:10px;margin:10px 0}
.faq summary{position:relative;list-style:none;cursor:pointer;padding:13px 48px 13px 16px;font-weight:600;font-size:16.5px;line-height:1.4;min-height:48px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:14px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;background:var(--ivory-2);color:var(--bronze-d);font:400 20px/26px var(--f-head);text-align:center}
.faq details[open] summary::after{content:"\2212"}
.faq-a{padding:0 16px 6px;color:var(--ink-2)}
.sources{margin:40px 0 24px;font-size:14.5px}
.sources .last{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:14px}
.sources .last .ic{color:var(--bronze)}
.sources ol{padding-left:24px}
.sources li::marker{color:var(--bronze-d);font-weight:700}
.related{margin:36px 0 12px}
.back{font-weight:600;margin:14px 0 0}
.back a{display:inline-flex;align-items:center;gap:8px}

/* ---------- explainer pages ---------- */
.entry-head{background:linear-gradient(180deg,#fffbeb,var(--ivory));border-bottom:1px solid var(--rule);padding:16px 0 20px}
.eh-in{position:relative}
.eh-mark{display:none}
.entry-head h1{font-size:32px;line-height:1.06;max-width:22em}
.entry-head .lede{max-width:46rem}
.head-cta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:4px 0 0}
.entry-cols{display:grid;gap:0;padding-bottom:40px}
.entry-main{min-width:0}
.entry-side{display:none}
.toc-m{margin:20px 0 0;background:var(--white);border:1px solid var(--rule);border-radius:10px}
.toc-m summary{cursor:pointer;padding:12px 16px;font:400 15px var(--f-head);text-transform:uppercase;letter-spacing:.08em;color:var(--leaf);min-height:44px}
.toc-m ol,.toc ol{margin:0;padding:0 16px 12px 36px;font-size:14.5px}
.toc-m li,.toc li{margin:5px 0}
.toc-m li::marker,.toc li::marker{color:var(--bronze-d);font-family:var(--f-head)}
.toc a,.toc-m a{color:var(--ink);text-decoration:none}
.toc a:hover,.toc-m a:hover{color:var(--leaf);text-decoration:underline}
.toc{background:var(--white);border:1px solid var(--rule);border-top:4px solid var(--green);border-radius:12px;padding:12px 0 4px}
.toc-h{margin:0 16px 6px;font:400 14px var(--f-head);text-transform:uppercase;letter-spacing:.1em;color:var(--bronze-d)}
.toc ol{padding-left:34px}

/* ---------- utility pages ---------- */
.util-head{background:linear-gradient(180deg,#fffbeb,var(--ivory));border-bottom:1px solid var(--rule);padding:16px 0 18px}
.util-head h1{font-size:32px;max-width:22em}
.util-head .lede{max-width:46rem}
.util-body{display:grid;gap:24px;padding-bottom:40px}
.util-main{min-width:0;max-width:48rem}
.util-main .sec{margin:30px 0}
.help-grid{display:grid;gap:10px;margin:18px 0}
.m-restraint .util-head{background:linear-gradient(180deg,#f3f1e2,var(--ivory))}

/* help tiles (RG band and RG page) */
.help-tile{display:flex;align-items:center;gap:14px;min-height:66px;padding:12px 16px;border-radius:12px;background:var(--deep-2);border:1px solid #2f5a1e;color:#e9eedb;text-decoration:none;font-size:13.5px;line-height:1.35}
.help-tile:hover{background:#1b3511;color:#fff}
.help-tile .ic{color:var(--gold)}
.help-tile b{display:block;font:400 23px/1.1 var(--f-head);letter-spacing:.04em;color:var(--gold-l)}
.help-crisis{border-color:#8a3a2a}
.help-crisis .ic{color:#f0a48f}

/* home RG band */
.rgband{background:linear-gradient(180deg,#13250d,#0b1606);color:#e6ecd9;padding:60px 0;border-top:3px solid var(--bronze)}
.rgb-in{display:grid;gap:26px}
.rgb-k{margin:0 0 8px;font:400 14px var(--f-head);letter-spacing:.14em;text-transform:uppercase;color:var(--lime)}
.rgband h2{color:var(--gold-l);font-size:34px;padding:0}
.rgband h2::before{display:none}
.rgb-copy p{max-width:40rem}
.rgb-list{list-style:none;padding:0;margin:16px 0 20px;max-width:40rem}
.rgb-list li{display:flex;align-items:flex-start;gap:10px;margin:10px 0}
.rgb-list .ic{color:var(--gold);margin-top:3px}
.rgband .btn-line{color:var(--gold-l);box-shadow:inset 0 0 0 2px var(--gold)}
.rgband .btn-line:hover{background:var(--gold);color:var(--deep)}
.rgb-help{display:grid;gap:10px;align-content:start}

/* 404 */
.nf-in{display:grid;gap:26px;padding:28px 16px 48px}
.nf-links{list-style:none;padding:0;margin:20px 0;display:grid;gap:8px}
.nf-links li{margin:0}
.nf-links a{display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 14px;background:var(--white);border:1px solid var(--rule);border-radius:10px;font-weight:600;text-decoration:none;color:var(--ink)}
.nf-links a:hover{border-color:var(--bronze)}

/* ---------- footer ---------- */
.foot{background:#080c03;color:#a9bd8f;font-size:14.5px}
.foot a{color:#dbe6c8}
.foot a:hover{color:#fff}
.foot-rg{background:var(--deep-2);border-top:3px solid var(--bronze);padding:14px 0}
.frg-in{display:flex;align-items:center;gap:14px}
.frg-age{flex:none;display:grid;place-items:center;width:54px;height:54px;margin:0;border-radius:50%;background:var(--maroon);border:2px solid var(--gold);color:#fff;font:400 20px var(--f-head)}
.frg-txt{margin:0;color:#e6ecd9;font-size:14px;line-height:1.55}
.frg-txt b{color:var(--gold-l)}
.frg-txt a{color:var(--gold-l);font-weight:600;white-space:nowrap}
.foot-cols{display:grid;gap:26px;padding-top:30px;padding-bottom:26px}
.fc p{margin:0 0 10px}
.fc-name{font:400 24px var(--f-head);text-transform:uppercase;color:var(--cream);letter-spacing:.03em}
.fc-h{font:400 14px var(--f-head);text-transform:uppercase;letter-spacing:.12em;color:var(--gold-l)}
.fc ul{list-style:none;padding:0;margin:0}
.fc li{margin:0}
.fc li a{display:inline-block;padding:5px 0}
.foot-logo{display:inline-block;margin:2px 0 12px}
.foot .foot-logo img{width:140px}
.foot-logo.logo-plate{padding:6px 12px;background:#13250d}
.fc-play .micro{color:#7f9a62;margin-top:8px}
.foot-base{border-top:1px solid #1d2a14;padding-top:16px;padding-bottom:22px;font-size:12.5px;color:#7f9a62}
.foot-base p{margin:0}

/* ---------- sticky phone bar and toast ---------- */
.sticky{display:none}
.toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);z-index:60;width:max-content;max-width:calc(100% - 32px);background:var(--deep-2);color:var(--cream);border:1px solid var(--gold);border-radius:10px;padding:12px 16px;font-size:14.5px;font-weight:600;line-height:1.4;box-shadow:0 14px 30px -10px rgba(0,0,0,.6)}
.toast[hidden]{display:none}
@media (max-width:767px){
  .has-sticky{padding-bottom:78px}
  .has-sticky .sticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;align-items:center;gap:12px;padding:8px 14px calc(8px + env(safe-area-inset-bottom));background:rgba(10,20,5,.97);border-top:2px solid var(--gold);box-shadow:0 -8px 22px -12px rgba(0,0,0,.7)}
  .st-txt{flex:1;min-width:0;margin:0;line-height:1.25}
  .st-txt b{display:block;font:400 19px var(--f-head);text-transform:uppercase;color:var(--gold-l);letter-spacing:.02em}
  .st-txt span{display:block;font-size:12.5px;color:#c9d8b5}
  .btn-sticky{padding:10px 18px;font-size:17px}
}

/* ---------- larger screens ---------- */
@media (min-width:560px){
  .spotter{grid-template-columns:repeat(3,1fr)}
  .entries{grid-template-columns:repeat(2,1fr)}
  .gamecard{grid-template-columns:120px 1fr;gap:18px;padding:16px}
  .gc-art{width:120px}
  .callouts{grid-template-columns:1fr 1fr}
  .pair{grid-template-columns:1fr 1fr}
  .help-grid{grid-template-columns:1fr 1fr}
}
@media (min-width:768px){
  .ts-in .ts-hide-s{display:inline}
  .ts-in p.ts-hide-s{display:flex}
  .brand-txt{display:block}
  .logo-plate img{width:150px}
  .logo-plate{padding:6px 12px}
  .mh-in{padding-top:14px;padding-bottom:14px}
  .btn-head{font-size:18px;padding:10px 20px;min-height:48px}
  .btn-head .ic{display:inline-block}
  .rail-k{display:block}
  h1{font-size:44px}
  h2{font-size:31px}
  .hero{padding:40px 0 50px}
  .hero h1{font-size:50px}
  .entry-head{padding:22px 0 28px}
  .entry-head h1,.util-head h1{font-size:44px}
  .lede{font-size:18px}
  .offers{padding:44px 0}
  .offers-cards{grid-template-columns:1fr 1fr}
  .bands{grid-template-columns:repeat(4,1fr)}
  .spotter{grid-template-columns:repeat(6,1fr)}
  .cta-band{grid-template-columns:1.1fr .9fr;align-items:center;padding:22px 24px}
  .sia{padding:26px}
  .sia-in{grid-template-columns:150px 1fr;align-items:start}
  .sia-pic{display:block}
  .sia-offer{grid-column:1/-1}
  .rgb-in{grid-template-columns:1.25fr .75fr;align-items:center;gap:40px}
  .rgband{padding:60px 0}
  .rgband h2{font-size:44px}
  .foot-cols{grid-template-columns:1.5fr 1fr 1fr 1fr}
  .nf-in{grid-template-columns:1.2fr .8fr;align-items:start;padding-top:40px}
  .toast{bottom:28px}
}
@media (min-width:1024px){
  .rail{flex-wrap:wrap;overflow:visible;gap:7px}
  .chip{padding:4px 12px 4px 5px;font-size:13.5px;gap:7px}
  .chip-l{min-width:28px;height:28px;font-size:14px}
  .chip-rg{display:none}
  .eh-mark{display:grid;position:absolute;right:16px;top:8px;width:196px;height:196px;place-items:center;align-content:center;gap:2px;background:var(--white);border:1px solid var(--bronze);border-radius:18px;box-shadow:0 0 0 6px var(--ivory),0 0 0 7px var(--rule),0 18px 34px -24px rgba(19,37,13,.6)}
  .eh-mark .mini{width:44px;height:44px}
  .eh-letter{font:400 92px/1 var(--f-head);color:var(--green)}
  .eh-of{font:400 13px var(--f-head);letter-spacing:.14em;text-transform:uppercase;color:var(--bronze-d)}
  .entry-head .eh-in>*:not(.eh-mark){max-width:calc(100% - 240px)}
  .hero-in{grid-template-columns:1.02fr .98fr;align-items:center;gap:48px}
  /* Collage sits top-right as a print the plate overlaps only at one corner, so most of the official art shows. */
  .hero-art{max-width:none;padding-top:176px;padding-right:118px}
  .hero-collage{width:250px;right:0;top:0;transform:rotate(4deg);z-index:0;border-width:6px}
  .hp-key{gap:6px 12px}
  .hero-plate .plate-head{padding-right:16px}
  .offers-in{grid-template-columns:.8fr 2.2fr;align-items:start;gap:34px}
  .offers-cards{grid-template-columns:1.05fr .95fr}
  .entries{grid-template-columns:repeat(3,1fr)}
  .entries-sm{grid-template-columns:repeat(2,1fr)}
  .entry-cols{grid-template-columns:minmax(0,1fr) 300px;gap:44px}
  /* The side rail sits outside <main> (so its offer card and contents list are not counted as page copy) and is
     placed over the empty second grid column with CSS anchor positioning. Browsers without it skip the rail. */
  .entry-page{position:relative}
  .side-slot{anchor-name:--side}
  @supports (anchor-name:--a){
    .entry-side{display:block;position:absolute;top:anchor(--side top);bottom:anchor(--side bottom);left:anchor(--side left);right:anchor(--side right);padding-top:28px}
    .side-stick{position:sticky;top:16px}
  }
  .welcome-side{margin-top:16px}
  .welcome-side .wc-art{display:none}
  .toc-m{display:none}
  .sia-in{grid-template-columns:150px 1fr 290px}
  .sia-offer{grid-column:auto}
  .util-body{grid-template-columns:minmax(0,48rem) 1fr}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .spin-again{display:none}
}
.ticket-slim .tk-code code{font-size:18px}
.ticket-slim .tk-copy span{display:none}
.sia-act .btn{text-align:center}
.btn-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:20px 0}
.sia-type{display:grid;place-items:center;align-content:center;gap:8px;width:130px;aspect-ratio:3/4;background:linear-gradient(160deg,#2a5f18,#0d1a07);color:var(--gold-l);font:400 20px/1.1 var(--f-head);text-transform:uppercase;text-align:center;padding:10px}
.sia-type-k{font-size:11px;letter-spacing:.14em;color:var(--lime)}
@media (min-width:768px){.sia-type{width:150px}}
.rgb-signs{grid-column:1/-1;border-top:1px solid rgba(246,231,161,.18);padding-top:22px}
.rgb-signs-h{font:400 15px var(--f-head);letter-spacing:.12em;text-transform:uppercase;color:var(--lime);margin:0 0 12px}
.rgb-signs ul{display:grid;grid-template-columns:1fr 1fr;gap:10px;list-style:none;padding:0;margin:0}
.rgb-signs li{margin:0;background:rgba(255,255,255,.04);border:1px solid rgba(246,231,161,.22);border-radius:12px;padding:16px 14px 18px;font-size:15px;line-height:1.4;color:#eef2e2;min-height:120px}
.sg-n{display:block;font:400 26px/1 var(--f-head);color:var(--gold);margin-bottom:8px}
@media (min-width:768px){
  .rgband{padding:84px 0}
  .rgband h2{font-size:56px}
  .rgb-in{row-gap:44px}
  .rgb-signs ul{grid-template-columns:repeat(4,1fr);gap:14px}
  .rgb-signs li{min-height:128px;font-size:16px;padding:18px}
  .sg-n{font-size:34px}
  .rgb-help .help-tile{min-height:92px}
  .rgb-help .help-tile b{font-size:30px}
}
@media (max-width:767px){.rgb-help .help-tile{min-height:80px}.rgb-signs li{min-height:132px}.rgband h2{font-size:38px}}
.welcome .tk-code code,.ticket-dark .tk-code code{color:var(--gold-l)}
.util-side{display:none}
@media (min-width:1024px){.util-side{display:block;padding-top:30px}.glance-card{position:sticky;top:16px;background:var(--white);border:1px solid var(--rule);border-top:4px solid var(--bronze);border-radius:12px;padding:14px 18px 6px;max-width:320px;margin-left:auto}.glance-card .toc-h{margin:0 0 8px}.glance-card dl{margin:0}.glance-card dl div{padding:8px 0;border-top:1px solid var(--rule-2)}.glance-card dt{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.glance-card dd{margin:2px 0 0;font-size:14.5px;font-weight:600}}

/* ---------- architect pass 2: home rail, feature cards, "more" links, help card ---------- */
.more{display:inline-flex;align-items:center;gap:4px;font-weight:600;white-space:nowrap}
.more .ic{color:var(--bronze)}
.fcards{display:grid;gap:12px;margin:18px 0;max-width:none}
.fcard{position:relative;background:var(--white);border:1px solid var(--rule);border-top:4px solid var(--bronze);border-radius:12px;padding:16px 16px 12px}
.fcard .mini{width:44px;height:44px;margin-bottom:6px}
.fcard h3{margin:4px 0 6px;font-size:19px}
.fcard p{font-size:15px;line-height:1.55;margin:0 0 10px}
.fcard .more{font-size:14.5px}
.home-rail{display:none}
.lobby-card{margin-top:16px;background:linear-gradient(160deg,#1f4a12 0,#0d1a07 100%);border:1px solid var(--gold);border-radius:14px;padding:14px 16px 12px;color:#e9eedb}
.lc-k{margin:0 0 8px;font:400 13px var(--f-head);letter-spacing:.12em;text-transform:uppercase;color:var(--lime)}
.lc-figs{display:grid;grid-template-columns:1fr 1fr;gap:8px;list-style:none;padding:0;margin:0 0 10px}
.lc-figs li{margin:0;background:rgba(0,0,0,.25);border:1px solid rgba(233,185,73,.35);border-radius:10px;padding:8px 10px;font-size:12.5px;line-height:1.3;color:#cfdcbc}
.lc-figs b{display:block;font:400 28px/1.05 var(--f-head);background:linear-gradient(180deg,#fff8c8 0%,#f3d06a 55%,#c58d36 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.lc-note{font-size:12.5px;line-height:1.45;color:#c3d3ae;margin:0 0 12px}
.lobby-card .micro{color:#bcd0a4;margin:8px 0 0;text-align:center}
.help-card{position:sticky;top:16px;max-width:320px;margin-left:auto;background:var(--deep-2);border:1px solid #2f5a1e;border-top:4px solid var(--gold);border-radius:12px;padding:14px 16px 12px;color:#e9eedb}
.help-card .toc-h{margin:0 0 10px;color:var(--gold-l)}
.hc-age{float:right;display:grid;place-items:center;width:40px;height:40px;margin:-2px 0 0 8px;border-radius:50%;background:var(--maroon);border:2px solid var(--gold);color:#fff;font:400 15px var(--f-head)}
.hc-line{display:flex;align-items:center;gap:10px;min-height:56px;padding:8px 0;border-top:1px solid rgba(246,231,161,.16);color:#e9eedb;text-decoration:none;font-size:13px;line-height:1.3}
.hc-line:hover{color:#fff}
.hc-line .ic{color:var(--gold)}
.hc-line b{display:block;font:400 22px/1.1 var(--f-head);letter-spacing:.03em;color:var(--gold-l)}
.hc-crisis .ic{color:#f0a48f}
.hc-slogan{margin:8px 0 0;padding-top:10px;border-top:1px solid rgba(246,231,161,.16);font:400 15px var(--f-head);letter-spacing:.06em;text-transform:uppercase;color:var(--gold-l)}
@media (min-width:768px){
  .fcards,.trio{grid-template-columns:repeat(3,1fr)}
}
@media (min-width:1024px){
  .home-body{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:48px;align-items:start}
  .home-main{min-width:0}
  .home-rail{display:block;position:sticky;top:16px;padding-top:38px}
  .home-rail .toc ol{font-size:14px}
}
.welcome-side .tk-code .tk-label{display:none}
.welcome-side .tk-code code{font-size:19px}
.welcome-side .tk-copy span{display:none}

/* Audit fixes, 11 October 2026 */
.factline{background:var(--white);border:1px solid var(--rule);border-left:5px solid var(--bronze);border-radius:0 10px 10px 0;padding:12px 16px;max-width:46rem}
.spin-again{min-height:44px}
@media (pointer:coarse){.src{position:relative}.src::after{content:"";position:absolute;inset:-12px -4px}}
.lede-more p:first-child{font-weight:400;color:var(--ink-2)}
@media (max-width:767px){
  .entry-head .eh-in{display:flex;flex-direction:column}
  .entry-head .lede{order:1}
  .entry-head .head-cta{order:2;margin:0 0 12px}
  .entry-head .lede-more{order:3}
  .entry-head .meta{order:4}
}
@media (min-width:1024px){
  /* 7 entry cards in three columns: the lone last card spans the row instead of sitting alone in a corner. */
  .home-main .entries li:last-child:nth-child(3n+1){grid-column:1/-1}
}