/* top-picks page CSS, extracted verbatim 2026-08-28. Bump ?v= in the .aspx on ANY change. */

        /* ============================================================
           TOP DAILY EDGES — ad landing, single-minded conversion.
           Tokens (--void/--panel/--model/--book/--accent-grad/--mono…)
           are inherited from Site.Master :root — never redefined here.
           Money is GREEN (--model) only. Action is the blue gradient.
        ============================================================ */

        /* JS sets a few colours inline (var(--green)/--red/--amber…) — alias to the system */
        :root{
            --green:var(--model); --red:var(--book); --amber:var(--gold);
            --muted:var(--ink-faint); --muted2:var(--ink-dim);
        }

        /* Single-minded: strip desktop nav links, keep brand + CTA + hamburger */
        .nav-links{display:none !important;}

        *{box-sizing:border-box;}
        #scrollBody{max-width:780px;margin:0 auto;padding:0 16px 28px;}

        /* ---------------- HERO: promise + proof + one intent ---------------- */
        .hero{text-align:center;padding:46px 8px 6px;position:relative;}
        .hero-pill{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--action-hi);background:rgba(70,140,255,.1);border:1px solid var(--card-edge);padding:7px 14px;border-radius:99px;margin-bottom:22px;}
        .hero-pill .pulse{width:6px;height:6px;border-radius:50%;background:var(--action-hi);box-shadow:0 0 8px var(--accent-glow);animation:bb-pulse 1.8s infinite;}
        @keyframes bb-pulse{0%,100%{opacity:1}50%{opacity:.3}}
        .hero h1{font-family:var(--display);font-weight:700;font-size:clamp(2.2rem,8.4vw,3.15rem);line-height:1.03;letter-spacing:-.03em;color:#fff;margin:0;}
        .hero h1 span{color:var(--action-hi);}
        .hero-sub{color:var(--ink-dim);font-size:1.06rem;margin:16px auto 0;max-width:30ch;line-height:1.55;}
        .hero-sub strong{color:#fff;font-family:var(--mono);font-variant-numeric:tabular-nums;}
        /* model edge total — the money number, green, mono */
        .hero-ev{display:none;margin:18px auto 0;font-family:var(--mono);font-size:.9rem;font-weight:700;color:var(--model);background:var(--model-dim);border:1px solid rgba(52,211,153,.26);border-radius:11px;padding:10px 16px;max-width:max-content;font-variant-numeric:tabular-nums;}

        /* proof strip next to the decision — links to verified results */
        .hero-proof{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:20px auto 4px;}
        .proof-chip{display:inline-flex;align-items:center;gap:8px;background:var(--panel-2);border:1px solid var(--line);border-radius:11px;padding:9px 14px;font-family:var(--mono);font-size:.8rem;color:var(--ink-dim);text-decoration:none;cursor:pointer;transition:.16s;min-height:44px;}
        .proof-chip:hover{border-color:var(--line-strong);color:#fff;}
        .proof-chip .pdot{width:6px;height:6px;border-radius:50%;background:var(--model);box-shadow:0 0 8px var(--model);flex:0 0 auto;}
        .proof-chip .u{color:var(--model);font-weight:700;}
        .proof-chip i{color:var(--ink-faint);}

        /* ---------------- SPORT FILTER (scrollable pills) ---------------- */
        .sport-bar{position:sticky;top:0;z-index:40;background:rgba(10,11,16,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);margin:18px -16px 0;padding:12px 16px;border-bottom:1px solid var(--line);}
        .sport-pills{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
        .sport-pills::-webkit-scrollbar{display:none;}
        @media(min-width:768px){.sport-pills{flex-wrap:wrap;overflow-x:visible;}}
        .sp{flex:0 0 auto;font-family:var(--mono);font-size:.78rem;font-weight:500;color:var(--ink-dim);background:var(--panel);border:1px solid var(--line);border-radius:99px;padding:10px 16px;cursor:pointer;transition:.16s;white-space:nowrap;display:inline-flex;align-items:center;gap:7px;min-height:44px;}
        .sp:hover{border-color:var(--line-strong);color:var(--ink);}
        .sp.active{background:rgba(70,140,255,.14);color:var(--accent-ink);border-color:rgba(70,140,255,.4);font-weight:700;}
        .sp-cnt{font-size:.72rem;opacity:.7;font-variant-numeric:tabular-nums;}
        .sp.active .sp-cnt{opacity:.55;}

        /* ---------------- SPORT GROUP HEADER ---------------- */
        .sport-grp-hdr{display:flex;align-items:center;gap:14px;margin:30px 2px 14px;}
        .sgh-txt{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);}
        .sgh-line{flex:1;height:1px;background:var(--line);}

        /* ---------------- PICK CARDS — ambient-lift ---------------- */
        .picks-list{display:flex;flex-direction:column;gap:13px;padding-top:20px;}
        .card{position:relative;background:var(--panel);border:1px solid var(--card-edge);border-radius:16px;overflow:hidden;box-shadow:0 20px 42px -24px var(--accent-glow);transition:transform .18s,border-color .18s,box-shadow .18s;}
        .card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;background:radial-gradient(120% 80% at 50% -12%,rgba(70,140,255,.10),transparent 60%);}
        .card>*{position:relative;z-index:1;}
        .card:not(.locked):hover{border-color:var(--accent-1);transform:translateY(-2px);box-shadow:0 26px 52px -18px var(--accent-glow);}
        .card-body{padding:18px;}
        .card-row1{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;}
        .card-meta{font-family:var(--mono);font-size:.72rem;color:var(--ink-faint);letter-spacing:.02em;}
        .badge{font-family:var(--mono);font-size:.66rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:5px 9px;border-radius:6px;display:inline-flex;align-items:center;gap:5px;}
        .b-lock{color:var(--gold);background:rgba(245,179,1,.1);border:1px solid rgba(245,179,1,.28);}
        .b-val{color:var(--model);background:var(--model-dim);border:1px solid rgba(52,211,153,.28);}
        .b-rad{color:var(--action-hi);background:rgba(70,140,255,.1);border:1px solid var(--card-edge);}
        .matchup{font-family:var(--display);font-weight:600;font-size:1.2rem;color:#fff;letter-spacing:-.01em;margin-bottom:16px;line-height:1.2;}
        .matchup .vs{color:var(--ink-faint);font-weight:400;font-size:.82em;margin:0 4px;}

        .card-data{display:grid;grid-template-columns:1fr auto auto;gap:12px 18px;align-items:end;}
        .cd-item{display:flex;flex-direction:column;gap:5px;min-width:0;}
        .cd-k{font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);}
        .cd-v{font-family:var(--mono);font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink);font-size:.95rem;}
        .cd-v.pick{white-space:normal;color:#fff;}
        .cd-v.odds{color:var(--ink-dim);text-align:right;}
        /* edge = model output = money = green */
        .cd-v.edge{color:var(--model);text-align:right;font-size:1.08rem;}

        /* locked teaser: frost the data, float one unlock control */
        .blurred{filter:blur(7px);opacity:.55;pointer-events:none;user-select:none;}
        .card.locked{cursor:pointer;box-shadow:none;}
        .card.locked::after{opacity:.5;}
        .card.locked:hover{border-color:var(--accent-1);}
        .lock-ov{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(15,17,24,.1),rgba(15,17,24,.6));}
        .unlock-btn{font-family:var(--ui);font-weight:600;font-size:.88rem;color:#fff;background:var(--accent-grad);border:none;border-radius:10px;padding:13px 20px;min-height:44px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 10px 24px -6px var(--accent-glow);transition:.16s;}
        .unlock-btn:hover{filter:brightness(1.08);transform:translateY(-1px);}

        /* ---------------- MULTIS (theme tokens; matches the singles cards) ---------------- */
        .mc-legs{margin:2px 0 13px;}
        .mc-leg{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;border-top:1px solid var(--card-edge);}
        .mc-leg:first-child{border-top:none;padding-top:3px;}
        .mc-leg-pick{color:var(--ink);font-size:.9rem;line-height:1.35;}
        .mc-leg-g{display:block;color:var(--ink-faint);font-size:.7rem;font-family:var(--mono);letter-spacing:.02em;margin-top:2px;}
        .mc-leg-od{font-family:var(--mono);color:var(--muted);white-space:nowrap;font-size:.85rem;}
        .mc-return{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:11px 14px;background:var(--model-dim);border:1px solid rgba(52,211,153,.28);border-radius:11px;margin-bottom:13px;}
        .mc-ret-k{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);}
        .mc-ret-v{font-family:var(--mono);font-weight:800;font-size:1.16rem;color:var(--model);}
        .mc-data{grid-template-columns:1fr 1fr auto;}

        /* ---------------- LOCK BANNER (frosted, tactile) ---------------- */
        .lock-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(135deg,rgba(70,140,255,.1),var(--panel));border:1px solid var(--card-edge);border-radius:16px;padding:16px 18px;cursor:pointer;transition:.18s;position:relative;overflow:hidden;box-shadow:0 20px 42px -26px var(--accent-glow);}
        .lock-banner::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 6px,rgba(255,255,255,.012) 6px 7px);pointer-events:none;}
        .lock-banner:hover{border-color:var(--accent-1);transform:translateY(-2px);box-shadow:0 22px 44px -18px var(--accent-glow);}
        .lb-l{display:flex;align-items:center;gap:13px;position:relative;}
        .lb-icon{flex:0 0 42px;height:42px;border-radius:11px;background:rgba(70,140,255,.14);border:1px solid var(--card-edge);display:flex;align-items:center;justify-content:center;color:var(--action-hi);font-size:1rem;}
        .lb-main{font-family:var(--ui);font-weight:700;color:#fff;font-size:.98rem;line-height:1.2;}
        .lb-sub{font-family:var(--mono);font-size:.72rem;color:var(--ink-dim);margin-top:3px;}
        .lb-btn{flex:0 0 auto;font-family:var(--ui);font-weight:700;font-size:.84rem;color:#fff;background:var(--accent-grad);border:none;border-radius:10px;padding:12px 20px;min-height:44px;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 6px 16px -4px var(--accent-glow);position:relative;}

        /* ---------------- EMPTY ---------------- */
        .empty{text-align:center;padding:70px 20px;color:var(--ink-faint);}
        .empty i{font-size:2rem;margin-bottom:14px;display:block;color:var(--ink-faint);}
        .empty p{font-family:var(--mono);font-size:.9rem;margin:0;}

        /* ---------------- HOW IT WORKS (demoted explainer, below the picks) -------- */
        .how{margin:46px 0 8px;}
        .how-hdr{text-align:center;margin-bottom:24px;}
        .how-eyebrow{font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);}
        .how-hdr h2{font-family:var(--display);font-weight:700;font-size:clamp(1.5rem,5vw,1.9rem);color:#fff;letter-spacing:-.02em;margin-top:10px;}
        .how-steps{display:grid;gap:12px;}
        @media(min-width:620px){.how-steps{grid-template-columns:repeat(3,1fr);}}
        .step{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px 18px;overflow:hidden;}
        .step-n{font-family:var(--mono);font-weight:700;font-size:.78rem;color:var(--action-hi);background:rgba(70,140,255,.1);border:1px solid var(--card-edge);width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
        .step h3{font-family:var(--ui);font-weight:700;font-size:1rem;color:#fff;margin:0 0 7px;}
        .step p{color:var(--ink-dim);font-size:.9rem;line-height:1.5;margin:0;}
        .step p .m{color:var(--model);font-family:var(--mono);font-weight:700;}

        /* benefits row */
        .benefits{display:grid;gap:10px;margin:30px 0 8px;}
        @media(min-width:560px){.benefits{grid-template-columns:repeat(2,1fr);}}
        .benefit{display:flex;gap:13px;align-items:flex-start;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:16px;}
        .benefit i{flex:0 0 36px;height:36px;border-radius:9px;background:var(--model-dim);border:1px solid rgba(52,211,153,.25);display:flex;align-items:center;justify-content:center;color:var(--model);font-size:.95rem;}
        .benefit b{display:block;font-family:var(--ui);font-weight:700;color:#fff;font-size:.95rem;margin-bottom:3px;}
        .benefit span{color:var(--ink-dim);font-size:.86rem;line-height:1.45;}

        /* FAQ */
        .faq{margin:38px 0 6px;}
        .faq h2{font-family:var(--display);font-weight:700;font-size:clamp(1.5rem,5vw,1.9rem);color:#fff;letter-spacing:-.02em;text-align:center;margin-bottom:22px;}
        .faq details{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:0 18px;margin-bottom:10px;}
        .faq summary{font-family:var(--ui);font-weight:600;color:#fff;font-size:.96rem;padding:17px 0;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;}
        .faq summary::-webkit-details-marker{display:none;}
        .faq summary::after{content:"\002B";font-family:var(--mono);color:var(--action-hi);font-size:1.2rem;flex:0 0 auto;transition:.2s;}
        .faq details[open] summary::after{transform:rotate(45deg);}
        .faq details p{color:var(--ink-dim);font-size:.9rem;line-height:1.6;margin:0 0 18px;}
        .faq details p a{color:var(--action-hi);}

        /* closing CTA — last, after FAQ, no dead end */
        .end-cta{text-align:center;background:linear-gradient(135deg,rgba(70,140,255,.1),var(--panel));border:1px solid var(--card-edge);border-radius:18px;padding:34px 22px;margin:32px 0 8px;box-shadow:0 20px 50px -28px var(--accent-glow);}
        .end-cta h2{font-family:var(--display);font-weight:700;font-size:clamp(1.5rem,5.5vw,2rem);color:#fff;letter-spacing:-.02em;margin-bottom:10px;}
        .end-cta p{color:var(--ink-dim);font-size:.96rem;line-height:1.5;max-width:38ch;margin:0 auto 22px;}
        .end-cta-btn{font-family:var(--ui);font-weight:700;font-size:1rem;color:#fff;background:var(--accent-grad);border:none;border-radius:12px;padding:15px 30px;min-height:44px;cursor:pointer;display:inline-flex;align-items:center;gap:9px;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 12px 28px -7px var(--accent-glow);transition:.16s;}
        .end-cta-btn:hover{filter:brightness(1.08);transform:translateY(-1px);}
        .end-cta-fine{font-family:var(--mono);font-size:.7rem;color:var(--ink-faint);margin-top:14px;}

        /* compliance */
        .compliance{text-align:center;color:var(--ink-faint);font-size:.76rem;line-height:1.6;margin:30px auto 0;max-width:46ch;}
        .compliance a{color:var(--ink-dim);}

        /* ---------------- TIER SEGMENT (inline board control — replaces the old fixed bottom bar) ---------------- */
        /* Segmented control with a sliding spring-animated thumb (token-driven, light+dark) */
        .tier-wrap{display:flex;align-items:center;gap:12px;margin:24px 2px 0;flex-wrap:wrap;}
        .seg-track{position:relative;display:inline-flex;gap:2px;background:var(--panel-2);border:1px solid var(--line);border-radius:13px;padding:4px;}
        .seg-thumb{position:absolute;left:0;top:4px;bottom:4px;width:0;border-radius:9px;background:var(--accent-grad);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 18px -8px var(--accent-glow);transition:transform .34s cubic-bezier(.34,1.16,.4,1),width .34s cubic-bezier(.34,1.16,.4,1);z-index:0;pointer-events:none;}
        .tseg{position:relative;z-index:1;flex:0 0 auto;font-family:var(--mono);font-size:.78rem;font-weight:600;color:var(--ink-dim);background:none;border:none;border-radius:9px;padding:0 16px;min-height:40px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;transition:color .22s;}
        .tseg:hover{color:var(--ink);}
        .tseg.active{color:#fff;font-weight:700;}
        .tseg-c{font-size:.72rem;opacity:.6;font-variant-numeric:tabular-nums;}
        .tseg.active .tseg-c{opacity:.72;}
        .seg-results{font-family:var(--mono);font-size:.76rem;font-weight:600;color:var(--action-hi);background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:7px;padding:9px 6px;min-height:40px;transition:opacity .16s;white-space:nowrap;}
        .seg-results:hover{opacity:.62;}

        /* ---------------- RESULTS SHEET (bottom sheet) ---------------- */
        .modal-backdrop{position:fixed;inset:0;z-index:9700;background:rgba(10,11,16,.7);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:.3s;display:flex;align-items:flex-end;justify-content:center;}
        .modal-backdrop.open{opacity:1;pointer-events:auto;}
        .results-sheet{width:100%;max-width:680px;max-height:92vh;overflow-y:auto;background:var(--panel);border:1px solid var(--line-strong);border-bottom:none;border-radius:22px 22px 0 0;padding:10px 18px calc(28px + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .42s cubic-bezier(.19,1,.22,1);-webkit-overflow-scrolling:touch;}
        .modal-backdrop.open .results-sheet{transform:translateY(0);}
        @media(min-width:680px){.modal-backdrop{align-items:center;}.results-sheet{border-radius:20px;border-bottom:1px solid var(--line-strong);max-height:88vh;}.modal-backdrop.open .results-sheet{transform:none;}}
        .sheet-handle{width:42px;height:4px;border-radius:99px;background:var(--line-strong);margin:6px auto 16px;cursor:pointer;}
        .sheet-hdr{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;}
        .sheet-title{font-family:var(--display);font-weight:700;font-size:1.5rem;color:#fff;letter-spacing:-.02em;}
        .sheet-title span{color:var(--model);}
        .sheet-sub{font-family:var(--mono);font-size:.72rem;color:var(--ink-faint);margin-top:5px;}
        .sheet-close{width:44px;height:44px;border-radius:50%;background:var(--panel-2);border:1px solid var(--line);color:var(--ink-dim);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.16s;flex:0 0 auto;}
        .sheet-close:hover{color:#fff;border-color:var(--line-strong);}

        .window-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px;}
        .wtab{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:13px 10px;cursor:pointer;display:flex;flex-direction:column;gap:3px;text-align:center;transition:.16s;}
        .wtab:hover{border-color:var(--line-strong);}
        .wtab.active{border-color:var(--model);background:var(--model-dim);}
        .wt-label{font-family:var(--mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);}
        .wt-rate{font-family:var(--mono);font-weight:700;font-size:1.25rem;font-variant-numeric:tabular-nums;color:#fff;}
        .wt-pl{font-family:var(--mono);font-size:.66rem;font-weight:700;}
        .wt-tips{font-family:var(--mono);font-size:.62rem;color:var(--ink-faint);}

        .modal-sport-pills{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;margin-bottom:20px;}
        .modal-sport-pills::-webkit-scrollbar{display:none;}
        .msp{flex:0 0 auto;font-family:var(--mono);font-size:.74rem;color:var(--ink-dim);background:var(--panel-2);border:1px solid var(--line);border-radius:99px;padding:9px 14px;cursor:pointer;transition:.16s;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center;}
        .msp:hover{color:#fff;border-color:var(--line-strong);}
        .msp.active{background:#fff;color:#0A0B10;border-color:#fff;font-weight:700;}

        .stat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px;}
        .stat-card{background:var(--panel-2);border:1px solid var(--line);border-radius:13px;padding:16px 12px;text-align:center;}
        .sc-label{font-family:var(--mono);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:8px;}
        .sc-val{font-family:var(--mono);font-weight:700;font-size:1.5rem;font-variant-numeric:tabular-nums;color:#fff;line-height:1;}
        .sc-sub{font-family:var(--mono);font-size:.62rem;color:var(--ink-faint);margin-top:7px;}

        .hot-market-bar{margin-bottom:20px;}
        .hmb-label{font-family:var(--mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:11px;}
        .hmb-row{display:flex;gap:9px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;}
        .hmb-row::-webkit-scrollbar{display:none;}
        .hm-pill{flex:0 0 auto;background:var(--panel-2);border:1px solid var(--line);border-radius:11px;padding:11px 14px;display:flex;flex-direction:column;gap:4px;min-width:130px;}
        .hm-name{font-family:var(--ui);font-size:.78rem;font-weight:600;color:#fff;}
        .hm-rate{font-family:var(--mono);font-size:.82rem;font-weight:700;font-variant-numeric:tabular-nums;}
        .hm-rate.fire{color:var(--model);} .hm-rate.hot{color:var(--gold);}
        .hm-tips{font-family:var(--mono);font-size:.64rem;color:var(--ink-faint);}

        .modal-divider{height:1px;background:var(--line);margin:8px 0 20px;}

        .feed-hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;flex-wrap:wrap;gap:10px;}
        .feed-title{font-family:var(--display);font-weight:700;font-size:1.1rem;color:#fff;}
        .feed-filter{display:flex;gap:6px;}
        .ff-btn{font-family:var(--mono);font-size:.72rem;color:var(--ink-dim);background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:8px 12px;cursor:pointer;transition:.16s;min-height:44px;}
        .ff-btn:hover{color:#fff;}
        .ff-btn.active{background:#fff;color:#0A0B10;border-color:#fff;font-weight:700;}

        .feed{display:flex;flex-direction:column;gap:9px;}
        .modal-loading{text-align:center;padding:40px 0;color:var(--ink-faint);font-family:var(--mono);font-size:.85rem;display:flex;align-items:center;justify-content:center;gap:9px;}
        .modal-loading i{animation:bb-spin 1s linear infinite;}
        @keyframes bb-spin{to{transform:rotate(360deg);}}
        .rc{display:flex;align-items:center;gap:13px;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:13px 15px;}
        .rc-result{flex:0 0 32px;height:32px;border-radius:8px;font-family:var(--mono);font-weight:700;font-size:.92rem;display:flex;align-items:center;justify-content:center;}
        .rc-result.win{color:var(--model);background:var(--model-dim);border:1px solid rgba(52,211,153,.3);}
        .rc-result.loss{color:var(--book);background:var(--book-dim);border:1px solid rgba(248,113,113,.3);}
        .rc-body{flex:1;min-width:0;}
        .rc-matchup{font-family:var(--mono);font-size:.68rem;color:var(--ink-faint);margin-bottom:3px;}
        .rc-pick{font-family:var(--ui);font-size:.88rem;color:var(--ink);line-height:1.3;}
        .rc-pick strong{color:#fff;font-weight:600;}
        .rc-meta{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:3px;}
        .rc-sport{font-family:var(--mono);font-size:.62rem;color:var(--ink-dim);border:1px solid var(--line);border-radius:5px;padding:2px 7px;}
        .rc-edge{font-family:var(--mono);font-size:.66rem;color:var(--model);font-variant-numeric:tabular-nums;}

        .unlock-wall{text-align:center;padding:30px 20px;background:linear-gradient(135deg,rgba(70,140,255,.08),var(--panel-2));border:1px solid var(--card-edge);border-radius:14px;margin-top:6px;}
        .uw-title{font-family:var(--display);font-weight:700;font-size:1.15rem;color:#fff;margin-bottom:5px;}
        .uw-sub{font-family:var(--mono);font-size:.74rem;color:var(--ink-dim);margin-bottom:16px;}
        .uw-btn{font-family:var(--ui);font-weight:700;font-size:.88rem;color:#fff;background:var(--accent-grad);border:none;border-radius:10px;padding:14px 24px;min-height:44px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 8px 22px -6px var(--accent-glow);transition:.16s;}
        .uw-btn:hover{filter:brightness(1.08);transform:translateY(-1px);}

        /* ---------------- HERO BEST-BET SPOTLIGHT + primary CTA (one-bet-first) ---------------- */
        .hero-bet{margin:8px auto 0;max-width:440px;}
        .hb-eyebrow{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;justify-content:center;gap:7px;margin-bottom:12px;}
        .hb-card{position:relative;text-align:left;background:var(--panel);border:1px solid var(--card-edge);border-radius:16px;padding:16px 18px;box-shadow:0 20px 42px -24px var(--accent-glow);overflow:hidden;}
        .hb-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 80% at 50% -12%,rgba(70,140,255,.10),transparent 60%);}
        .hb-card>*{position:relative;z-index:1;}
        .hb-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:10px;}
        .hb-sport{font-family:var(--mono);font-size:.66rem;font-weight:700;letter-spacing:.06em;color:var(--action-hi);background:rgba(70,140,255,.1);border:1px solid var(--card-edge);border-radius:6px;padding:4px 9px;}
        .hb-time{font-family:var(--mono);font-size:.72rem;color:var(--ink-faint);text-align:right;}
        .hb-match{font-family:var(--display);font-weight:600;font-size:1.1rem;color:var(--ink);letter-spacing:-.01em;line-height:1.2;margin-bottom:13px;}
        .hb-pickrow{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;}
        .hb-pick{font-family:var(--mono);font-weight:700;font-size:1rem;color:var(--ink);line-height:1.35;min-width:0;}
        .hb-nums{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:4px;}
        .hb-odds{font-family:var(--mono);font-size:.8rem;color:var(--ink-dim);font-variant-numeric:tabular-nums;}
        .hb-edge{font-family:var(--mono);font-weight:700;font-size:.92rem;color:var(--model);font-variant-numeric:tabular-nums;}
        .hero-cta-btn{display:flex;width:100%;justify-content:center;align-items:center;gap:10px;margin:16px auto 0;font-family:var(--ui);font-weight:700;font-size:1.02rem;color:#fff;background:var(--accent-grad);border:none;border-radius:13px;padding:15px 30px;min-height:52px;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 14px 30px -8px var(--accent-glow);transition:.16s;}
        .hero-cta-btn:hover{filter:brightness(1.08);transform:translateY(-1px);}
        .hero-reassure{font-family:var(--mono);font-size:.74rem;color:var(--ink-dim);display:flex;align-items:center;justify-content:center;gap:7px;margin-top:11px;text-align:center;}
        .hero-reassure i{color:var(--model);}
        body.subscribed .hero-bet{display:none;}

        /* ---------------- REALIZED-RESULTS PROOF BAND (honest, dollar/count-led, never red) ---------------- */
        /* ---- [2026-08-22] R3 board slate + market chips + hero chips (tokens only) ---- */
        .slate-card{background:var(--panel);border:1px solid var(--card-edge);border-radius:16px;box-shadow:var(--shadow-card);overflow:hidden;margin-bottom:14px;}
        .slate-tbl{width:100%;border-collapse:collapse;}
        .slate-tbl td{padding:11px 14px;border-top:1px solid var(--line);vertical-align:middle;}
        .slate-tbl tr:first-child td{border-top:0;}
        .sl-g{font-family:var(--mono);font-size:.72rem;color:var(--ink-faint);}
        .sl-g img{width:20px;height:20px;object-fit:contain;vertical-align:middle;margin:0 2px;}
        .sl-g img.sl-face{border-radius:50%;object-fit:cover;object-position:top;background:var(--panel-2);border:1px solid var(--line);}
        /* [2026-08-23] monogram fallback circle — same 20px slot as a crest, never a broken img */
        .sl-mono{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--panel-2);border:1px solid var(--line-strong);font-family:var(--mono);font-weight:700;font-size:.48rem;letter-spacing:.02em;color:var(--ink-dim);vertical-align:middle;margin:0 2px;flex:none;}
        .sl-sel{font-size:.92rem;font-weight:600;color:var(--ink);}
        .sl-pr{text-align:right;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink);}
        .sl-cf{font-family:var(--mono);font-size:.62rem;letter-spacing:.05em;text-transform:uppercase;text-align:right;white-space:nowrap;}
        .sl-hi{color:var(--model);} .sl-ln{color:var(--gold);} .sl-lo{color:var(--ink-faint);}
        .sl-ch{display:block;margin-top:2px;font-size:.6rem;letter-spacing:.03em;text-transform:none;color:var(--ink-dim);font-variant-numeric:tabular-nums;}
        .sl-lockbar{display:inline-block;height:9px;width:88px;border-radius:3px;opacity:.5;background:repeating-linear-gradient(90deg,var(--line-strong) 0 20px,var(--line) 20px 32px);vertical-align:middle;}
        tr.sl-locked{cursor:pointer;}
        tr.sl-locked:hover td{background:rgba(70,140,255,.04);}
        .mkt-chip{display:inline-flex;align-items:center;font-family:var(--mono);font-size:.6rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-dim);background:var(--panel-2);border:1px solid var(--line-strong);border-radius:6px;padding:2.5px 8px;white-space:nowrap;margin-left:8px;vertical-align:middle;}
        .mkt-chip.hot{color:var(--model);background:var(--model-dim);border-color:rgba(52,211,153,.3);}
        .slate-legend{font-family:var(--mono);font-size:.62rem;letter-spacing:.04em;color:var(--ink-faint);padding:9px 16px;border-top:1px solid var(--line);}
        /* multi/parlay hub-card [2026-08-22] */
        .mc2{padding:0;}
        .mc2-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;background:var(--panel-2);padding:11px 16px;font-family:var(--mono);font-size:.72rem;color:var(--ink-dim);border-bottom:1px solid var(--line);}
        .mc2-tag{font-weight:700;letter-spacing:.06em;color:var(--accent-ink);}
        .mc2-legs{padding:4px 16px;}
        .mc2 .mc-leg{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line);}
        /* [2026-08-23] per-leg crest pair (away left) — imgs or monogram circles, never broken */
        .mc-leg-crests{display:inline-flex;align-items:center;gap:2px;flex:none;}
        .mc-leg-crests img{width:20px;height:20px;object-fit:contain;}
        .mc2 .mc-leg:first-child{border-top:0;}
        .mc2 .mc-leg-pick{font-size:.92rem;font-weight:600;color:var(--ink);min-width:0;flex:1;}
        .mc2 .mc-leg-g{display:block;font-family:var(--mono);font-size:.66rem;font-weight:400;color:var(--ink-faint);margin-top:2px;}
        .mc2 .mc-leg-od{font-family:var(--mono);font-weight:700;white-space:nowrap;color:var(--ink);font-variant-numeric:tabular-nums;}
        .mc2-foot{display:flex;gap:26px;flex-wrap:wrap;padding:12px 16px;border-top:1px solid var(--line);}
        .mc2-ret span,.mc2-ch span{display:block;font-family:var(--mono);font-size:.6rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint);}
        .mc2-ret b,.mc2-ch b{display:block;font-size:.95rem;font-weight:700;margin-top:2px;font-variant-numeric:tabular-nums;color:var(--ink);}
        .mc2-ret b{color:var(--model);}
        .mc2-door{margin:0 16px 12px;}
        .hb-chips{display:flex;gap:22px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);}
        .hb-chip span{display:block;font-family:var(--mono);font-size:.6rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint);}
        .hb-chip b{display:block;font-size:.95rem;font-weight:700;margin-top:2px;font-variant-numeric:tabular-nums;color:var(--ink);}
        .hb-chip b.hi{color:var(--model);}
        @media (max-width:560px){.slate-tbl td{padding:10px 9px;}.sl-sel{font-size:.85rem;}.sl-lockbar{width:52px;}.sl-g{white-space:normal;font-size:.66rem;}.sl-g img{width:16px;height:16px;}.mkt-chip{margin-left:4px;}.hb-chips{gap:14px;}
        /* [2026-08-25] Phone-width overflow fix: auto-layout tables refuse to shrink below their
           content's min width, so long college fixtures ("Eastern Michigan Eagles v Sacramento
           State Hornets") pushed .slate-tbl to ~405px inside a ~341px card. body{overflow-x:
           hidden} masked it on desktop but iOS Safari still lets the page PAN sideways — the
           "page shifts out of place" report. fixed layout makes width:100% binding; columns get
           explicit shares; overflow-wrap lets any long word break instead of poking out. */
        .slate-tbl{table-layout:fixed;}
        .slate-tbl td{overflow-wrap:anywhere;}
        .sl-g{width:33%;}
        .sl-pr{width:15%;}
        .sl-cf{width:22%;}}

        /* ---- [2026-08-22] R3 market scoreboard (tokens only; light theme flips via master) ---- */
        .mkt-board{margin:26px 0 4px;}
        .mkb-hdr{margin-bottom:14px;}
        .mkb-hdr h2{font-family:var(--display);font-weight:700;font-size:clamp(1.25rem,4vw,1.55rem);letter-spacing:-.02em;color:var(--ink);margin:0 0 4px;}
        .mkb-hdr p{color:var(--ink-dim);font-size:.9rem;margin:0;}
        .mkb-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
        .mkb-card{display:block;background:var(--panel);border:1px solid var(--card-edge);border-radius:16px;box-shadow:var(--shadow-card);padding:16px 18px;text-decoration:none;transition:transform .16s ease,border-color .16s ease;}
        .mkb-card:hover{transform:translateY(-2px);border-color:var(--model);}
        .mkb-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;}
        .mkb-name{font-family:var(--display);font-weight:700;font-size:1rem;color:var(--ink);text-transform:none;}
        .mkb-recwrap{display:flex;flex-direction:column;align-items:flex-end;flex:none;}
        .mkb-rec{font-family:var(--mono);font-weight:800;font-size:1.15rem;color:var(--model);font-variant-numeric:tabular-nums;}
        .mkb-when{font-family:var(--mono);font-size:.56rem;letter-spacing:.08em;color:var(--ink-faint);margin-top:1px;}
        .mkb-sub{font-family:var(--mono);font-size:.64rem;letter-spacing:.06em;color:var(--ink-faint);margin-top:2px;}
        .mkb-last{margin-top:12px;display:grid;gap:7px;}
        .mkb-r{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-dim);}
        .mkb-r img{width:20px;height:20px;object-fit:contain;flex:none;}
        .mkb-bet{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
        .mkb-amt{font-family:var(--mono);font-weight:700;margin-left:auto;white-space:nowrap;}
        .mkb-amt.w{color:var(--model);} .mkb-amt.l{color:var(--book);}
        .mkb-cta{margin-top:12px;font-size:12.5px;color:var(--ink-faint);}
        .mkb-cta b{color:var(--ink);}
        @media (max-width:700px){.mkb-grid{grid-template-columns:1fr;}}

        .proof-band{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;background:linear-gradient(135deg,var(--model-dim),var(--panel));border:1px solid rgba(52,211,153,.28);border-radius:16px;padding:20px 18px;margin:22px 0 2px;text-decoration:none;box-shadow:0 20px 42px -26px var(--accent-glow);transition:.18s;}
        .proof-band:hover{border-color:var(--model);transform:translateY(-2px);}
        .pb-fig{font-family:var(--mono);font-weight:700;font-size:clamp(1.55rem,7vw,2.1rem);font-variant-numeric:tabular-nums;color:var(--model);line-height:1.05;}
        .pb-cap{font-family:var(--ui);font-size:.9rem;color:var(--ink-dim);max-width:40ch;line-height:1.45;}
        .pb-cta{font-family:var(--mono);font-size:.74rem;color:var(--action-hi);display:inline-flex;align-items:center;gap:7px;margin-top:4px;}

        /* ---------------- HERO STORY (BbHeroStory — the dynamic proof band, owner-approved mockup 08-23).
           One band, several server-chosen FORMS (money default / receipt / last-night / streak / curve),
           always with the W/L form guide under it. Theme tokens only — the RECEIPT is the one deliberate
           exception: fixed light "paper" in both themes, a physical object per the approved mockup. ---- */
        .hs-band{display:flex;flex-direction:column;align-items:stretch;background:var(--panel);border:1px solid var(--card-edge);border-radius:16px;padding:20px 18px 18px;margin:22px 0 2px;box-shadow:0 20px 42px -26px var(--accent-glow);}
        .hs-link{display:flex;flex-direction:column;gap:12px;text-decoration:none;color:inherit;}
        .hs-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:.66rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);}
        .hs-eyebrow .pdot{width:6px;height:6px;border-radius:50%;background:var(--model);box-shadow:0 0 8px var(--model);}
        .hs-fig{font-family:var(--mono);font-weight:800;font-size:clamp(2.5rem,11vw,3.6rem);font-variant-numeric:tabular-nums;color:var(--model);line-height:1;}
        .hs-cap{font-family:var(--ui);font-size:.95rem;color:var(--ink-dim);line-height:1.5;max-width:46ch;}
        .hs-cap strong{color:var(--ink);}
        .hs-green{color:var(--model);font-family:var(--mono);}
        /* receipt paper — fixed light in both themes on purpose */
        .hs-rcpt{background:#F6F8FC;border-radius:14px 14px 4px 4px;padding:16px 16px 12px;color:#111827;font-family:var(--mono);}
        .hs-rc-hd{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed #C6CEDC;padding-bottom:9px;margin-bottom:9px;}
        .hs-rc-brand{font-weight:800;font-size:.8rem;letter-spacing:.08em;}
        .hs-rc-brand em{font-style:normal;color:#A9791A;}
        .hs-rc-meta{font-size:.62rem;color:#7C8AA0;letter-spacing:.06em;}
        .hs-rc-rows{display:flex;flex-direction:column;gap:5px;padding-bottom:9px;border-bottom:1px dashed #C6CEDC;}
        .hs-rc-r{display:flex;justify-content:space-between;gap:12px;font-size:.74rem;}
        .hs-rc-r span{color:#48566B;flex:none;}
        .hs-rc-r b{font-weight:800;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
        .hs-rc-ret{display:flex;justify-content:space-between;align-items:baseline;padding-top:9px;}
        .hs-rc-ret span{font-size:.72rem;letter-spacing:.08em;color:#48566B;}
        .hs-rc-ret b{font-weight:800;font-size:2rem;color:#0F9D63;font-variant-numeric:tabular-nums;}
        /* last night + streak + curve */
        .hs-ln-lab{font-family:var(--mono);font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);}
        .hs-ln-fig{font-family:var(--mono);font-weight:800;font-size:clamp(2.1rem,9vw,3rem);line-height:1;color:var(--model);}
        .hs-ln-fig em{font-style:normal;font-size:.55em;color:var(--ink-faint);}
        .hs-ln-fig span{font-family:var(--ui);font-weight:700;font-size:.42em;color:var(--ink);}
        .hs-ln-chips{display:flex;gap:8px;}
        .hs-ln-chip{flex:1;min-width:0;background:var(--panel-2);border:1px solid var(--line);border-radius:9px;padding:8px 10px;display:flex;flex-direction:column;gap:2px;}
        .hs-ln-chip span{font-size:.68rem;color:var(--ink-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
        .hs-ln-chip b{font-family:var(--mono);font-weight:800;font-size:.82rem;color:var(--model);}
        .hs-strk{display:flex;gap:5px;}
        .hs-strk i{flex:1;height:18px;border-radius:5px;background:var(--model);opacity:.92;}
        .hs-curve{width:100%;height:auto;display:block;}
        .hs-cv-foot{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--mono);font-size:.66rem;color:var(--ink-faint);}
        .hs-cv-foot b{font-weight:800;font-size:1.05rem;}
        /* the W/L form guide — always under whichever form leads */
        .hs-guide{display:flex;flex-direction:column;gap:7px;border-top:1px solid var(--line);padding-top:12px;margin-top:2px;}
        .hs-g-lab{font-family:var(--mono);font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);}
        .hs-g-pills{display:flex;gap:4px;flex-wrap:wrap;}
        .hs-g-pills i{font-style:normal;font-family:var(--mono);font-weight:800;font-size:.66rem;width:22px;height:22px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;}
        .hs-g-pills i.w{background:var(--model-dim);color:var(--model);border:1px solid rgba(52,211,153,.3);}
        .hs-g-pills i.l{background:transparent;color:var(--ink-faint);border:1px solid var(--line);}
        .hs-cta{display:flex;flex-direction:column;align-items:center;gap:7px;border-top:1px solid var(--line);padding-top:14px;margin-top:12px;}
        .hs-cta .unlock-btn{width:100%;max-width:340px;justify-content:center;display:inline-flex;align-items:center;gap:8px;}
        .hs-cta-sub{font-family:var(--ui);font-size:.76rem;color:var(--ink-faint);}
        @media (max-width:560px){.hs-ln-chips{flex-wrap:wrap;}.hs-ln-chip{flex:1 1 30%;}}

        /* ---------------- PROVEN GROUND STRIP (server-bound; renders NOTHING when data unavailable) ---- */
        /* Compact 3-card evidence strip: the method's best-evidenced combinations, led by the
           CONSERVATIVE FLOOR ("worst-case +X%") — theme tokens only, no invented colors. */
        .pg-strip{margin:14px 0 2px;}
        .pg-cards{display:grid;gap:10px;}
        @media(min-width:620px){.pg-cards{grid-template-columns:repeat(3,1fr);}}
        .pg-card{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:14px 15px;display:flex;flex-direction:column;gap:8px;}
        .pg-label{font-family:var(--mono);font-size:.72rem;color:var(--ink-dim);line-height:1.45;letter-spacing:.02em;}
        .pg-nums{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;}
        .pg-roi{font-family:var(--mono);font-weight:700;font-size:1.05rem;font-variant-numeric:tabular-nums;color:var(--model);}
        .pg-floor{font-family:var(--mono);font-size:.72rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--model);background:var(--model-dim);border:1px solid rgba(52,211,153,.28);border-radius:6px;padding:3px 8px;white-space:nowrap;}
        .pg-n{font-family:var(--mono);font-size:.64rem;color:var(--ink-faint);}
        .pg-note{font-family:var(--ui);font-size:.82rem;color:var(--ink-dim);line-height:1.5;margin:12px 2px 0;}
        .pg-note a{color:var(--action-hi);}
        .pg-note strong{color:var(--model);}

        /* ---------------- (B) BOOKMAKER on the price ---------------- */
        /* Sits UNDER the odds so the price stays the big thing; only ever rendered when the server
           resolved exactly one book, so there is no "unknown book" state to style. */
        .cd-book{display:block;font-family:var(--mono);font-size:.68rem;color:var(--ink-faint);text-align:right;margin-top:3px;white-space:nowrap;}

        /* ---------------- (C) COUNTDOWN ---------------- */
        /* Default = the normal meta look (identical to the timestamp it replaces). .cd-soon is the
           only urgency signal: amber text on a faint amber chip under ~2h. No animation, no
           pressure language — RG norms mean we state the clock, we do not push. */
        .cd{font-variant-numeric:tabular-nums;}
        .cd-soon{color:var(--gold);background:rgba(245,179,1,.1);border:1px solid rgba(245,179,1,.28);border-radius:6px;padding:3px 8px;font-weight:700;}
        /* The words "Starts in 1h 37m" carry the meaning on their own, so colour is never the sole
           signal (WCAG 1.4.1); the glyph and chip just make it scannable on a phone. */
        .cd-soon::before{content:"\f017";font-family:"Font Awesome 6 Free","Font Awesome 5 Free";font-weight:900;font-size:.9em;margin-right:5px;}
        .hb-time.cd-soon{display:inline-block;}

        /* ---------------- POWER-USER DOORS (the jargon lives here, not in the reading path) ------- */
        .cd-detail{margin-top:13px;border-top:1px solid var(--card-edge);}
        .cd-detail summary{font-family:var(--mono);font-size:.7rem;letter-spacing:.04em;color:var(--ink-faint);cursor:pointer;list-style:none;padding:13px 0 9px;min-height:44px;display:inline-flex;align-items:center;gap:6px;}
        .cd-detail summary::-webkit-details-marker{display:none;}
        .cd-detail summary::after{content:"\002B";font-family:var(--mono);color:var(--action-hi);font-size:.95rem;}
        .cd-detail[open] summary::after{content:"\2212";}
        .cd-detail summary:hover{color:var(--ink-dim);}
        .cd-detail p{font-family:var(--ui);font-size:.8rem;color:var(--ink-dim);line-height:1.55;margin:8px 0 4px;}
        .cd-detail p strong{color:var(--ink);font-family:var(--mono);font-variant-numeric:tabular-nums;}

        .pg-door{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:0 16px;}
        .pg-door summary{font-family:var(--ui);font-weight:600;color:#fff;font-size:.94rem;padding:16px 0;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;}
        .pg-door summary::-webkit-details-marker{display:none;}
        .pg-door summary::after{content:"\002B";font-family:var(--mono);color:var(--action-hi);font-size:1.2rem;flex:0 0 auto;transition:.2s;}
        .pg-door[open] summary::after{transform:rotate(45deg);}
        .pg-door .pg-cards{margin-bottom:4px;}
        .pg-door .pg-note{margin-bottom:16px;}

        @media(prefers-reduced-motion:reduce){
            .hero-pill .pulse{animation:none;}
            .card,.lock-banner,.unlock-btn,.uw-btn,.end-cta-btn,.hero-cta-btn,.proof-band,.seg-thumb{transition:none;}
            .results-sheet{transition:none;}
        }
        /* light-theme fixes: hardcoded #fff on flipping surfaces → ink; white-bg active pills invert; sticky sport-bar → chrome token. Accent-grad buttons keep their #fff. Dark rules untouched. */
        :root[data-theme="light"] :is(.hero h1,.hero-sub strong,.matchup,.cd-v.pick,.how-hdr h2,.step h3,.benefit b,.faq h2,.faq summary,.end-cta h2,.sheet-title,.wt-rate,.sc-val,.hm-name,.feed-title,.rc-pick strong,.uw-title,.lb-main,.pg-door summary){color:var(--ink);}
        :root[data-theme="light"] :is(.msp.active,.ff-btn.active){background:var(--ink);color:var(--void);border-color:var(--ink);}
        :root[data-theme="light"] .sport-bar{background:var(--chrome-bg);}
        /* Urgent countdown: --gold is #F5B301 on dark (8.6:1 on the amber chip — keep it) but
           #A9791A on light, which measures 3.62:1 at 11.5px — under AA. On light the TEXT goes to
           --ink (16.7:1) and the amber chip + clock glyph carry the urgency instead. */
        :root[data-theme="light"] .cd-soon{color:var(--ink);background:rgba(245,179,1,.18);border-color:rgba(169,121,26,.45);}
        :root[data-theme="light"] .cd-soon::before{color:var(--gold);}
        @media (prefers-color-scheme:light){
          :root:not([data-theme="dark"]):not([data-theme="light"]) :is(.hero h1,.hero-sub strong,.matchup,.cd-v.pick,.how-hdr h2,.step h3,.benefit b,.faq h2,.faq summary,.end-cta h2,.sheet-title,.wt-rate,.sc-val,.hm-name,.feed-title,.rc-pick strong,.uw-title,.lb-main,.pg-door summary){color:var(--ink);}
          :root:not([data-theme="dark"]):not([data-theme="light"]) :is(.msp.active,.ff-btn.active){background:var(--ink);color:var(--void);border-color:var(--ink);}
          :root:not([data-theme="dark"]):not([data-theme="light"]) .sport-bar{background:var(--chrome-bg);}
          :root:not([data-theme="dark"]):not([data-theme="light"]) .cd-soon{color:var(--ink);background:rgba(245,179,1,.18);border-color:rgba(169,121,26,.45);}
          :root:not([data-theme="dark"]):not([data-theme="light"]) .cd-soon::before{color:var(--gold);}
        }