:root {
  --ink:#e6e7e4; --muted:#a6aca9; --paper:#11191c; --panel:#182428;
  --edge:#2c4142; --teal:#39c0ba; --amber:#e8ac56; --red:#ec6a5e;
}
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font:15px/1.45 Inter, ui-sans-serif, system-ui, sans-serif; }
.shell { max-width:1180px; margin:auto; padding-left:24px; padding-right:24px; }
.masthead { min-height:74px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--edge); }
.brand { color:var(--ink); font-size:17px; letter-spacing:.08em; font-weight:800; text-decoration:none; }
.brand-mark { background:var(--teal); color:#102022; padding:7px 5px; margin-right:8px; font-size:13px; }
.brand small { color:var(--muted); margin-left:5px; font-weight:600; }
nav { display:flex; gap:21px; } nav a { color:var(--muted); text-decoration:none; font-weight:650; } nav a:hover, nav a.active { color:var(--teal); }
main { padding-top:48px; min-height:calc(100vh - 130px); } .eyebrow { color:var(--teal); font-size:11px; letter-spacing:.16em; font-weight:800; }
h1 { font-size:clamp(30px,4vw,46px); letter-spacing:-.035em; line-height:1.05; margin:9px 0; } h2 { margin-top:0; font-size:20px; } p { color:var(--muted); }
.page-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:22px; }
.legend { color:var(--muted); font-size:12px; white-space:nowrap; }.dot { display:inline-block; width:8px; height:8px; border-radius:50%; margin:0 5px 1px 12px; }.dot:first-child{margin-left:0}.teal{background:var(--teal)}.amber{background:var(--amber)}
.notice { background:#172a2b; border-left:3px solid var(--teal); color:#c6d3cf; padding:12px 14px; font-size:13px; margin:18px 0 28px; }
.game-board { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }
.game-card { background:var(--panel); border:1px solid var(--edge); border-radius:3px; overflow:hidden; }
.game-meta { min-height:37px; padding:10px 13px; display:flex; gap:11px; color:var(--muted); font-size:11px; border-bottom:1px solid var(--edge); text-transform:uppercase; letter-spacing:.04em; }
.game-meta .venue { margin-left:auto; text-align:right; text-transform:none; letter-spacing:0; }
.teams { padding:9px 13px; }.team { display:grid; grid-template-columns:32px 1fr 50px 42px; gap:8px; align-items:center; min-height:39px; }.rank { color:var(--amber); font-weight:750; }.record { color:var(--muted); font-size:12px; }.name { font-weight:750; }.score { font-size:21px; text-align:right; font-variant-numeric:tabular-nums; }.score-label { color:var(--muted); font-size:10px; text-align:right; }
.market-row { border-top:1px solid var(--edge); display:grid; grid-template-columns:1fr 1fr 1fr; padding:10px 13px; gap:12px; font-size:12px; }.market-row strong{display:block;color:var(--ink);font-size:14px}.market-row span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}
.card-foot { padding:10px 13px; color:var(--muted); border-top:1px solid var(--edge); font-size:12px; min-height:39px; }.pick { color:var(--teal); font-weight:750; }.unavailable{color:var(--muted)}
.method-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:27px; }.method-grid article, figure { background:var(--panel); border:1px solid var(--edge); padding:20px; margin:0; }.method-grid p { margin-bottom:0; }
.hidden { display:none; }.subhead{max-width:760px}.chart-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:28px 0}.chart-grid figure{padding:12px}.chart-grid figure.wide{grid-column:1/-1}.chart-grid img{display:block;width:100%;height:auto;background:white}.chart-grid figcaption{padding:8px 3px 0;color:var(--muted);font-size:12px}.metric-strip{background:var(--panel);border:1px solid var(--edge);padding:15px;color:var(--muted)}.download-links a{color:var(--teal)}footer{border-top:1px solid var(--edge);color:var(--muted);font-size:12px;padding-top:20px;padding-bottom:24px;margin-top:60px}
@media(max-width:700px){.masthead{align-items:flex-start;padding-top:18px;padding-bottom:18px;gap:18px}.brand small{display:none}.game-board,.method-grid,.chart-grid{grid-template-columns:1fr}.chart-grid figure.wide{grid-column:auto}.page-heading{align-items:flex-start;flex-direction:column}.game-meta{flex-wrap:wrap}.game-meta .venue{margin-left:0;text-align:left;width:100%}.market-row{gap:6px;padding-left:10px;padding-right:10px}.shell{padding-left:16px;padding-right:16px}}
