:root{
  --navy:#0b1a33; --navy-2:#0f2447; --navy-3:#13305e; --blue:#1f5fbf; --blue-2:#2a6fd6;
  --gold:#e4b93b; --gold-2:#f0cc5a; --gold-ink:#9a7413; --white:#ffffff; --ink:#0b1a33; --ink-2:#2b3a55;
  --paper:#f4f6fa; --line:#d7dde8; --card:#ffffff; --win:#1b7f3b; --loss:#b0262c; --tie:#6b7280;
  --head:"Barlow Condensed","Arial Narrow",Arial,sans-serif; --body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.45}
a{color:var(--blue);text-decoration:none} a:hover{text-decoration:underline}
img,svg{max-width:100%}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
h1,h2,h3,h4,.head{font-family:var(--head);text-transform:uppercase;letter-spacing:.01em;line-height:1;margin:0}
.btn{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--head);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:1.05rem;padding:.8rem 1.35rem;border-radius:4px;border:2px solid transparent;cursor:pointer;text-decoration:none}
.btn:hover{text-decoration:none}
.btn svg{width:18px;height:18px;flex:none}
.btn-gold{background:var(--gold);color:var(--ink);border-color:var(--gold)} .btn-gold:hover{background:var(--gold-2)}
.btn-outline{background:transparent;color:var(--white);border-color:var(--white)} .btn-outline:hover{background:rgba(255,255,255,.12)}
.btn-blue{background:var(--blue);color:var(--white);border-color:var(--blue)} .btn-blue:hover{background:var(--blue-2)}

/* top bar + nav (shared with the homepage) */
.topbar{background:var(--navy);color:var(--white)}
.topbar .wrap{display:flex;align-items:center;gap:1.5rem;height:64px}
.brand{display:flex;align-items:center;gap:.7rem;color:var(--white)} .brand:hover{text-decoration:none}
.brand .cup{width:34px;height:34px;color:var(--gold)}
.brand .scsn{font-family:var(--head);font-weight:800;font-size:2.2rem;letter-spacing:.02em;line-height:1}
.brand .full{font-family:var(--head);font-weight:700;font-size:.82rem;line-height:1.05;letter-spacing:.08em;text-transform:uppercase;border-left:1px solid rgba(255,255,255,.35);padding-left:.7rem}
.tagline{margin-left:auto;font-family:var(--head);font-weight:600;font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;color:var(--white);opacity:.9}
.search{display:flex;align-items:center;gap:.5rem;background:var(--navy-3);border:1px solid rgba(255,255,255,.18);border-radius:4px;padding:.45rem .8rem;color:var(--white);font-size:.9rem;min-width:120px}
.search svg{width:16px;height:16px}
.search input{background:transparent;border:0;color:var(--white);outline:0;width:110px;font-family:var(--body)}
.search input::placeholder{color:rgba(255,255,255,.75)}
.signin{display:flex;align-items:center;gap:.4rem;color:var(--white);font-size:.9rem;white-space:nowrap}
.signin svg{width:16px;height:16px}
.nav{background:var(--navy-2);color:var(--white);border-top:1px solid rgba(255,255,255,.08)}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:0;overflow-x:auto}
.nav li a{display:flex;align-items:center;gap:.35rem;padding:.95rem 1.4rem;font-weight:500;font-size:.95rem;color:var(--white);white-space:nowrap}
.nav li a:hover{background:rgba(255,255,255,.08);text-decoration:none}
.nav li a svg{width:12px;height:12px;opacity:.8}

/* page chrome */
.crumbs{font-size:.85rem;color:var(--ink-2);padding:.9rem 0 0}
.crumbs a{color:var(--ink-2)} .crumbs span{margin:0 .4rem;opacity:.6}
.page-head{background:var(--navy-2);color:var(--white);margin-top:.9rem;border-radius:6px;padding:1.4rem 1.6rem;display:flex;gap:1.4rem;align-items:center;flex-wrap:wrap}
.page-head.plain{background:transparent;color:var(--ink);padding:1.2rem 0 .4rem}
.page-head h1{font-size:clamp(1.9rem,4vw,3rem);font-weight:800;color:inherit}
.page-head .kicker{font-family:var(--head);font-weight:600;font-size:.95rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:.35rem}
.page-head.plain .kicker{color:var(--gold-ink)}
.page-head .sub{margin:.4rem 0 0;color:inherit;opacity:.92;font-size:1rem}
.page-head .helmet{width:120px;height:90px;object-fit:contain;background:var(--white);border-radius:6px;padding:6px;flex:none}
.page-head .meta{display:flex;flex-wrap:wrap;gap:.4rem 1.3rem;margin-top:.7rem;font-size:.9rem;color:inherit}
.page-head .meta b{font-family:var(--head);font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;opacity:.8;margin-right:.35rem}
.statrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem;margin:1rem 0}
.stat{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:.8rem .9rem}
.stat b{display:block;font-family:var(--head);font-weight:700;font-size:1.7rem;line-height:1;color:var(--ink)}
.stat small{display:block;font-family:var(--head);font-weight:600;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-2);margin-top:.3rem}
section.block{padding:1.4rem 0 .2rem}
.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.7rem}
.sec-head h2{font-size:1.5rem;font-weight:800;color:var(--ink)}
.sec-head p{margin:.2rem 0 0;color:var(--ink-2);font-size:.9rem}
.viewall{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--head);font-weight:700;font-size:.95rem;letter-spacing:.06em;color:var(--blue);text-transform:uppercase}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;align-items:start}
.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.2rem;align-items:start}
.card{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:1rem 1.1rem}
.card h3{font-size:1.15rem;font-weight:800;margin-bottom:.6rem;color:var(--ink)}
dl.facts{margin:0;display:grid;grid-template-columns:1fr auto;gap:.3rem .8rem;font-size:.92rem}
dl.facts dt{color:var(--ink-2)} dl.facts dd{margin:0;font-weight:600;text-align:right;white-space:nowrap}
table.data{width:100%;border-collapse:collapse;font-size:.9rem;background:var(--card);border:1px solid var(--line);border-radius:6px;overflow:hidden}
table.data th{font-family:var(--head);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.8rem;text-align:left;background:var(--navy-2);color:var(--white);padding:.55rem .6rem;white-space:nowrap}
table.data td{padding:.5rem .6rem;border-top:1px solid var(--line);vertical-align:top}
table.data tr:hover td{background:#eef2f8}
table.data .num{text-align:right;white-space:nowrap} table.data .ctr{text-align:center;white-space:nowrap}
table.data .sub{color:var(--ink-2);font-size:.82rem}
.tablewrap{overflow-x:auto}
.W{color:var(--win);font-weight:700} .L{color:var(--loss);font-weight:700} .T{color:var(--tie);font-weight:700}
.badge{display:inline-block;font-family:var(--head);font-weight:700;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;padding:.15rem .45rem;border-radius:3px;background:var(--gold);color:var(--ink);vertical-align:middle}
.badge.blue{background:var(--blue);color:var(--white)} .badge.grey{background:#e2e6ee;color:var(--ink-2)}
.letters{display:flex;flex-wrap:wrap;gap:.3rem;margin:.6rem 0 1rem}
.letters a{display:inline-block;min-width:2rem;text-align:center;padding:.3rem .4rem;border:1px solid var(--line);border-radius:4px;background:var(--card);font-family:var(--head);font-weight:700}
.letters a:hover{border-color:var(--blue);text-decoration:none}
.cols{columns:3;column-gap:1.5rem} .cols li{break-inside:avoid;padding:.15rem 0}
ul.plain{list-style:none;margin:0;padding:0}
.timeline li{padding:.25rem 0;border-bottom:1px dashed var(--line)} .timeline b{font-family:var(--head);font-weight:700;font-size:1.05rem;margin-right:.5rem;color:var(--navy-2)}
.pager{display:flex;justify-content:space-between;gap:1rem;margin:1rem 0;font-family:var(--head);font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.note{font-size:.85rem;color:var(--ink-2)}
.muted{color:var(--ink-2)}
.mapgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.5rem}
.mapgrid a{display:block;background:var(--card);border:1px solid var(--line);border-radius:6px;padding:.7rem .8rem;color:var(--ink)}
.mapgrid a.live{border-color:var(--gold);background:#fff9e6;font-weight:600}
.mapgrid a:hover{text-decoration:none;border-color:var(--blue)}
.finder{background:var(--navy-2);color:var(--white);border-radius:6px;padding:1.3rem}
.finder form{display:flex}
.finder .field{flex:1;display:flex;align-items:center;gap:.6rem;background:var(--white);border-radius:4px 0 0 4px;padding:0 .9rem;color:var(--ink-2)}
.finder input{flex:1;border:0;outline:0;font-family:var(--body);font-size:1rem;padding:.9rem 0;background:transparent;color:var(--ink)}
.finder button{background:var(--blue);color:var(--white);border:0;border-radius:0 4px 4px 0;padding:0 1.4rem;font-weight:600;cursor:pointer}
.results li{padding:.5rem 0;border-bottom:1px solid var(--line)}
.results .sub{color:var(--ink-2);font-size:.85rem}
footer{background:var(--navy);color:var(--white);margin-top:2.6rem;padding:2rem 0 1.6rem}
footer .wrap{display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;align-items:center}
footer .brand .scsn{font-size:1.7rem}
footer nav a{margin-right:1.2rem;font-size:.9rem;color:var(--white);opacity:.9}
footer small{display:block;width:100%;margin-top:1.2rem;font-size:.8rem;color:var(--white);opacity:.75}
@media (max-width:900px){
  .grid2,.grid3{grid-template-columns:1fr} .cols{columns:2} .tagline{display:none}
  .page-head{padding:1.1rem 1.2rem}
}
@media (max-width:600px){
  .topbar .wrap{gap:.8rem} .brand .full{display:none} .search input{width:70px} .cols{columns:1}
}