/* EPIG 500 — Charter Scoreboard (weekly/monthly vs S&P 500).
   Palette discipline: Warm Gold = strategy, Slate = S&P 500. Red is NEVER
   used here — a missed period is slate, never alarm-red, mirroring the
   "BEHIND rendered at identical prominence, never red" charter rule. */
.score-toggle{
  --sc-gold:#C8A951; --sc-navy:#1B2A4A; --sc-navy-card:#22335A;
  --sc-slate:#64748B; --sc-slate-2:#8CA0BE; --sc-ivory:#FAF8F5;
  --sc-mono:'JetBrains Mono',ui-monospace,monospace;
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 22px;
}
.score-toggle__group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.score-toggle__label{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--sc-slate);margin:0}
.score-toggle__chips{display:inline-flex;gap:6px;background:rgba(27,42,74,.06);border-radius:8px;padding:4px}
.score-chip,.score-win{font-family:var(--sc-mono);font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--sc-slate);
  background:transparent;border:0;border-radius:6px;padding:8px 18px;cursor:pointer;transition:all .15s;white-space:nowrap}
.score-chip.is-active,.score-win.is-active{background:var(--sc-navy);color:var(--sc-gold)}
.score-chip:not(.is-active):hover,.score-win:not(.is-active):hover{color:var(--sc-navy)}
.score-toggle__dates{display:inline-flex;align-items:center;gap:8px}
.score-toggle__dates input[type=date]{font-family:var(--sc-mono);font-size:12.5px;color:var(--sc-navy);
  border:1px solid #D8D2C6;border-radius:6px;padding:6px 9px;background:#fff}
.score-toggle__arrow{color:var(--sc-slate)}
.score-toggle__meta{margin:0 0 0 auto;font-size:12.5px;color:var(--sc-slate);font-family:var(--sc-mono)}
@media(max-width:720px){.score-toggle__meta{margin:0;width:100%}}

.score-block{margin:0 0 30px}
.score-block__head{margin-bottom:16px}
.score-block__h{font-family:'Playfair Display',Georgia,serif;font-size:22px;font-weight:600;color:#12264a;margin:0 0 4px}
.score-block__sub{font-size:14px;color:#64748B;line-height:1.55;margin:0;max-width:64ch}

.score-empty{padding:40px;text-align:center;color:#64748B;font-size:14px;
  background:#fff;border:1px solid #E5E1D8;border-radius:8px}

/* small-sample / accumulating caveat */
.score-caveat{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;line-height:1.5;color:#7a6a2e;
  background:rgba(200,169,81,.10);border:1px solid rgba(200,169,81,.35);border-radius:6px;padding:11px 14px;margin:0 0 18px}
.score-caveat .diamond{color:#C8A951}

/* beat tally pill in the header sub */
.score-tally{font-family:'JetBrains Mono',monospace;font-weight:700;color:#12264a}
.score-tally b{color:#b8962e}

/* ── beat bars (excess return per period) ── */
.score-bars{background:#fff;border:1px solid #E5E1D8;border-radius:8px;padding:22px 20px 14px}
.score-bars__legend{display:flex;gap:20px;flex-wrap:wrap;font-size:12.5px;color:#64748B;margin-bottom:16px}
.score-bars__legend .sw{display:inline-block;width:14px;height:14px;border-radius:3px;margin-right:7px;vertical-align:-2px}
.score-svg{width:100%;height:auto;display:block;overflow:visible}
.score-bars__note{font-size:11.5px;color:#94a3b8;margin:12px 0 0}

/* ── paired table ── */
.score-table-wrap{overflow-x:auto;margin-top:16px}
.score-table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:440px}
.score-table th,.score-table td{padding:9px 12px;text-align:right;border-bottom:1px solid #EEE9DF;white-space:nowrap}
.score-table th:first-child,.score-table td:first-child{text-align:left}
.score-table th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-weight:700}
.score-table td{font-family:'JetBrains Mono',monospace}
.score-table .val-strat{color:#b8962e;font-weight:700}
.score-table .val-bench{color:#64748B}
.score-table .beat-yes{color:#12264a;font-weight:700}
.score-table .beat-no{color:#94a3b8}

/* ── capture stat pair ── */
.score-capture{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px}
@media(max-width:640px){.score-capture{grid-template-columns:1fr}}
.score-stat{background:var(--sc-navy,#1B2A4A);border-radius:10px;padding:24px 26px;color:#FAF8F5}
.score-stat__label{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8CA0BE;margin:0 0 12px}
.score-stat__val{font-family:'JetBrains Mono',monospace;font-size:44px;font-weight:700;line-height:1;color:#C8A951}
.score-stat__val.is-muted{color:#8CA0BE}
.score-stat__unit{font-size:20px;color:#8CA0BE;font-weight:500}
.score-stat__desc{font-size:13px;color:#8CA0BE;line-height:1.55;margin:12px 0 0}
.score-stat__desc b{color:#FAF8F5;font-weight:600}
.score-stat__pending{font-family:'JetBrains Mono',monospace;font-size:20px;color:#8CA0BE}

/* ── scatter: strategy vs S&P per period ── */
.score-scatter{background:#fff;border:1px solid #E5E1D8;border-radius:8px;padding:22px 20px 16px}
.score-scatter__title{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#64748B;margin:0 0 4px}
.score-scatter__hint{font-size:12.5px;color:#94a3b8;margin:0 0 14px;line-height:1.5}
.score-scatter__hint b{color:#b8962e}

/* ── sleeve breakdown (Intraday Engine vs Foundational SPY) ── */
.sleeve-stat{background:var(--sc-navy,#1B2A4A)}
.sleeve-chart{background:#fff;border:1px solid #E5E1D8;border-radius:8px;padding:20px 20px 14px;margin-bottom:14px}
.sleeve-legend{display:flex;gap:22px;flex-wrap:wrap;margin-top:10px;font-size:12.5px;color:#64748B}
.sleeve-legend .sw{display:inline-block;width:14px;height:14px;border-radius:3px;margin-right:7px;vertical-align:-2px}
.sleeve-note{font-size:12.5px;color:#64748B;line-height:1.55;margin:0;max-width:80ch}
.sleeve-note b{color:#12264a}