/* Live proof page /proof (del, 11 Nov 2026). Phone first, PC below. */
.proofpg h1{font:800 clamp(28px,7.4vw,46px)/1.08 var(--display);letter-spacing:-.02em;margin:4px 0 8px}
.proofpg h1 em{font-style:normal;color:var(--gold)}
.proofpg h2{margin-top:30px}
.pf-kicker{margin:14px 0 0;font:600 12px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.pf-lead{color:var(--soft);font-size:16px;max-width:38em}
.pf-live{margin:18px 0 6px;padding:20px 16px 18px;border-radius:18px;text-align:center;background:radial-gradient(120% 90% at 50% 0%,rgba(227,179,65,.18),transparent 70%),#111a2c;border:1px solid rgba(227,179,65,.45)}
.pf-now{margin:0;font:700 13px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--soft);display:flex;align-items:center;justify-content:center;gap:8px}
.pf-pulse{width:10px;height:10px;border-radius:50%;background:#3fd17a;box-shadow:0 0 0 0 rgba(63,209,122,.6);animation:pfp 1.8s infinite}
@keyframes pfp{70%{box-shadow:0 0 0 10px rgba(63,209,122,0)}100%{box-shadow:0 0 0 0 rgba(63,209,122,0)}}
.pf-x{margin:6px 0 0;font:800 clamp(72px,24vw,132px)/1 var(--display);color:var(--good);letter-spacing:-.04em}
.pf-x small{font-size:.45em;margin-left:2px}
.pf-xsub{margin:4px auto 0;max-width:22em;font:700 clamp(16px,4.4vw,20px)/1.3 var(--body);color:var(--fg)}
.pf-when{margin:10px 0 0;font:500 12.5px/1.4 var(--mono);color:var(--soft)}
.pf-sum{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:stretch}
.pf-side{padding:14px 12px;border-radius:14px;border:1px solid var(--line);background:#111a2c;text-align:center}
.pf-side.us{border-color:rgba(227,179,65,.6)}
.pf-lab{margin:0;font:700 13px/1.3 var(--body);color:var(--soft)}
.pf-odds{margin:6px 0 2px;font:800 clamp(22px,6vw,32px)/1.1 var(--display);color:var(--fg)}
.pf-side.us .pf-odds b{color:var(--gold)}
.pf-n{margin:0;font-size:12.5px;color:var(--soft)}
.pf-vs{align-self:center;font:800 18px var(--display);color:var(--soft)}
.pf-bars{margin:14px 0 4px;display:grid;gap:8px}
.pf-bar{position:relative;height:30px;border-radius:8px;background:rgba(255,255,255,.04);overflow:hidden}
.pf-bar span{display:block;height:100%;border-radius:8px;transition:width .8s ease}
.pf-bar.us span{background:var(--gold)}.pf-bar.mk span{background:#5b6b8c}
.pf-bar i{position:absolute;left:10px;top:50%;transform:translateY(-50%);font:600 12px var(--body);font-style:normal;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);white-space:nowrap}
.pf-calc{margin:10px 0 0;font:500 15px/1.45 var(--body)}
.pf-calc b{color:var(--gold)}
.pf-hours{display:flex;gap:6px;align-items:flex-end;height:150px;overflow-x:auto;padding:6px 2px 4px;border-bottom:1px solid var(--line)}
.pf-h{flex:0 0 34px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px}
.pf-hb{width:22px;border-radius:5px 5px 0 0;background:var(--gold);opacity:.85}
.pf-hv{font:600 10px var(--mono);color:var(--soft)}
.pf-ht{font:500 10px var(--mono);color:var(--soft)}
.pf-tablewrap{overflow-x:auto;max-width:100%}
.pf-table{width:100%;border-collapse:collapse;font-size:14px;min-width:680px}
.pf-table th{font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--soft);text-align:left;padding:8px 6px;border-bottom:1px solid var(--line)}
.pf-table td{padding:10px 6px;border-bottom:1px solid var(--line)}
.pf-table td small{display:block;color:var(--soft);font-size:11px}
.pf-hl{font-weight:800;color:var(--good)}
.pf-note{color:var(--soft);font-size:13px}
.pf-how li{margin:8px 0;line-height:1.5}
.pf-cta{margin:24px 0 8px;text-align:center}
.pf-small{color:var(--soft);font-size:12px;line-height:1.5}
@media (min-width:861px){.pf-live{padding:28px 20px 24px}.pf-sum{gap:16px}.pf-side{padding:20px}}
@media (prefers-reduced-motion:reduce){.pf-pulse{animation:none}.pf-bar span{transition:none}}
/* Live line in the home page maths band */
.mathsband .m-live{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:6px 10px;margin:12px auto 0;padding:10px 18px;border-radius:18px;border:1.5px solid rgba(227,179,65,.7);background:rgba(227,179,65,.1);font:800 clamp(17px,4.8vw,22px)/1.25 var(--body);color:var(--fg);text-decoration:none}
.mathsband .m-live b{color:var(--gold);font-size:1.25em;font-weight:900}
.mathsband .m-live u{text-decoration:none;color:var(--gold);white-space:nowrap;font-size:.8em}
/* Rolling 7 / 28 / all (11 Nov 2026) */
.pf-wins{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pf-win{padding:12px 8px;border-radius:14px;border:1px solid var(--line);background:#111a2c;text-align:center}
.pf-wx{margin:4px 0;font:800 clamp(28px,8vw,40px)/1 var(--display);color:var(--good)}
.pf-wx small{font-size:.5em}
.pf-win .pf-n{font-size:11.5px;line-height:1.45}
@media (min-width:861px){.pf-wins{gap:16px}.pf-win{padding:18px}}

/* 11 Nov 2026 (del): the home "x better odds" figure = the proof page headline (same number, same rounding),
   in the Great-odds green with a gentle pulse; still for anyone who prefers less motion */
.mathsband .m-live b.m-x{display:inline-block;color:#02fc56;text-shadow:0 0 8px rgba(2,252,86,.45);animation:mxpulse 2s ease-in-out infinite;will-change:transform}
@keyframes mxpulse{0%,100%{transform:scale(1);text-shadow:0 0 8px rgba(2,252,86,.45)}50%{transform:scale(1.06);text-shadow:0 0 16px rgba(2,252,86,.75)}}
@media (prefers-reduced-motion:reduce){.mathsband .m-live b.m-x{animation:none}}
/* 11 Nov 2026: site.css '.page p{color:...}' outranked .pf-x / .pf-wx, so the big proof numbers showed grey, not green */
.page .pf-x,.page .pf-wx,.page .pf-hl{color:var(--good)}