:root{--paper:#e7e2d5;--paper2:#dcd5c3;--card:#fbf8f0;--ink:#211a12;--body:#3b3226;--muted:#5b5140;--brass:#a97f38;--brass-text:#725626;--line:rgba(33,26,18,.14);--line2:rgba(33,26,18,.22);--pad:56px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Spectral,Georgia,serif;font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:var(--brass-text);text-decoration:none}a:hover{color:var(--ink)}
.disp{font-family:"Big Shoulders Display","Arial Narrow",Impact,sans-serif;text-transform:uppercase;letter-spacing:.005em}
.mono{font-family:"IBM Plex Mono","Courier New",monospace}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:var(--paper);padding:8px 12px;z-index:9}.skip:focus{left:8px}
.kicker{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--brass-text)}
.kicker.dot{display:flex;align-items:center;gap:12px}.kicker.dot:before{content:"";width:8px;height:8px;border-radius:4px;background:currentColor}
.wrap{padding-left:var(--pad);padding-right:var(--pad)}
.block{padding-top:56px;padding-bottom:56px}
.head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.head h1,.head h2{margin:0;font-size:44px;font-weight:800;line-height:1}
.note{font-size:12px;color:var(--muted)}
.more{font-size:12px;letter-spacing:.12em;text-transform:uppercase}

/* header */
.top{display:flex;align-items:center;justify-content:space-between;gap:20px;height:64px;padding:0 var(--pad);border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--paper);z-index:5}
.brand{display:flex;align-items:center;gap:12px;color:var(--ink)}.brand span{font-family:"Big Shoulders Display",sans-serif;font-weight:800;font-size:24px}
.primary{display:flex;gap:28px;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.primary a{color:var(--brass-text);padding-bottom:2px;border-bottom:2px solid transparent}.primary a.on{color:var(--ink);border-color:var(--brass)}
.primary .soon{color:rgba(91,81,64,.55)}
.pill{display:flex;align-items:center;height:40px;padding:0 18px;border-radius:20px;background:var(--ink);color:var(--paper);font-size:12px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.pill:hover{color:var(--paper);background:#000}
.subnav{display:flex;gap:26px;align-items:center;height:48px;padding:0 var(--pad);border-bottom:1px solid var(--line);font-size:12px;letter-spacing:.1em;text-transform:uppercase;overflow-x:auto;white-space:nowrap}
.subnav span{color:var(--muted)}.subnav a.on{color:var(--ink)}

/* home hero */
.hero{padding-top:64px;padding-bottom:56px}
.hero-grid{display:grid;grid-template-columns:7fr 5fr;gap:32px;align-items:end;margin-bottom:44px}
.hero h1{margin:18px 0 0;font-size:112px;line-height:.86;font-weight:900}
.hero-side p{margin:0 0 20px;font-size:20px;color:var(--body)}
.btns{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;height:46px;padding:0 20px;border:1px solid rgba(33,26,18,.3);color:var(--ink);font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.btn.dark{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.tile{display:flex;flex-direction:column;justify-content:space-between;gap:22px;min-height:400px;padding:24px;background:linear-gradient(180deg,var(--top),var(--bottom));color:var(--ink);position:relative;overflow:hidden}
a.tile{color:var(--ink)}
.tile{--ink:#f6f1e6}.tile,.tile a{color:var(--ink)}
.tile:hover{filter:brightness(1.06)}
.tile-head{display:flex;justify-content:space-between;align-items:center}.tile-head .disp{font-size:30px;font-weight:900}
.status{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:8px}.status i{width:7px;height:7px;border-radius:4px;background:var(--accent)}
.tile .k{font-size:10px;letter-spacing:.16em;text-transform:uppercase;opacity:.72}
.tile-body{container-type:inline-size}
.tile .name{--fit:10;font-size:min(50px,calc(100cqw / (var(--fit) * .52)));line-height:.88;font-weight:900;margin:10px 0;overflow-wrap:break-word}
.tile p{margin:0;font-size:16px;opacity:.9}
.tile-foot{display:flex;justify-content:space-between;align-items:baseline;padding-top:14px;border-top:1px solid rgba(255,255,255,.22)}.tile-foot .disp{font-size:22px;font-weight:800}.tile-foot .mono{font-size:12px;opacity:.85}
.tile.soon{background:transparent;border:1px dashed rgba(33,26,18,.35);--ink:var(--muted)}.tile.soon,.tile.soon .disp{color:var(--muted)}.tile.soon .status{color:var(--brass-text);border:1px solid var(--brass);padding:4px 8px}.tile.soon .tile-foot{border-color:var(--line)}
.tile.soon .name{font-size:40px}

/* feed */
.feed{list-style:none;margin:0;padding:0;border-top:1px solid var(--line2)}
.feed li{display:grid;grid-template-columns:70px 10px minmax(0,1fr) 140px;gap:18px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);font-size:18px}
.feed .lg{font-size:11px;letter-spacing:.14em;color:var(--brass-text)}.feed i{width:10px;height:32px}.feed b{font-size:22px;font-weight:800}.feed .when{font-size:12px;color:var(--muted);text-align:right}

/* rules band */
.rules-band{background:var(--paper2);padding:64px 0}
.rules-grid{display:grid;grid-template-columns:4fr 8fr;gap:32px}
.rules-grid h2{margin:16px 0;font-size:56px;line-height:.9;font-weight:900}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.steps>div{padding-top:18px;border-top:2px solid var(--ink)}.steps b{font-size:56px;color:var(--brass);line-height:1}.steps h3{font-size:26px;font-weight:800;margin:10px 0}.steps p{margin:0;color:var(--body)}

/* numbers */
.numbers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line2);border-bottom:1px solid var(--line2);margin-bottom:28px}
.numbers>div{display:flex;flex-direction:column;gap:6px;padding:28px 24px}.numbers>div+div{border-left:1px solid var(--line)}.numbers>div:first-child{padding-left:0}
.numbers b{font-size:72px;font-weight:900;line-height:1}.numbers span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.tabs{display:flex;gap:8px}.tabs a,.tabs span{display:inline-flex;align-items:center;height:38px;padding:0 16px;border-radius:19px;border:1px solid rgba(33,26,18,.25);font-size:12px;letter-spacing:.12em;color:var(--muted)}.tabs a.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.tabs span{opacity:.55}

/* holder plate */
.plate{background:linear-gradient(180deg,var(--top) 0%,var(--bottom) 100%);color:var(--ink);padding:60px var(--pad) 56px;position:relative;overflow:hidden}
.plate:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.03) 0 2px,transparent 2px 14px);pointer-events:none}
.plate .kicker{color:var(--accent)}
.plate-grid{display:grid;grid-template-columns:8fr 4fr;gap:32px;position:relative}
.plate-main,.wrap-in{container-type:inline-size}
.holder{--fit:10;margin:22px 0;font-size:min(128px,calc(100cqw / (var(--fit) * .52)));line-height:.86;font-weight:900;text-wrap:balance;overflow-wrap:break-word}
.lede{margin:0;font-size:22px;line-height:1.4;opacity:.88;max-width:680px}
.stats{display:flex;gap:48px;margin-top:28px;flex-wrap:wrap}.stats div{display:flex;flex-direction:column;gap:4px}.stats b{font-size:48px;font-weight:800;line-height:1;color:var(--accent)}.stats span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.7}
.upnext{align-self:end;display:flex;flex-direction:column;gap:16px;padding:26px;background:rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.18)}
.upnext .kicker{color:inherit;opacity:.75}
.matchup{display:flex;justify-content:space-between;align-items:center;gap:12px}.matchup>div{display:flex;flex-direction:column;gap:6px}.matchup .r{align-items:flex-end}
.matchup i{width:44px;height:6px}.matchup b{font-size:34px;font-weight:900;line-height:.9}.matchup small{font-family:"IBM Plex Mono",monospace;font-size:11px;opacity:.7}.matchup .at{font-size:22px;opacity:.6}
.upnext .meta{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding-top:12px;border-top:1px solid rgba(255,255,255,.18)}
.plate.slim{padding-top:44px;padding-bottom:44px}.plate.slim .holder{font-size:min(96px,calc(100cqw / (var(--fit) * .52)))}

/* chain + records */
.split{display:grid;grid-template-columns:7fr 5fr;gap:40px;padding-top:56px;padding-bottom:48px}
.chain{list-style:none;margin:0;padding:0;border-top:1px solid var(--line2)}
.chain li{display:grid;grid-template-columns:10px minmax(0,1fr) 170px 120px;gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.chain i{width:10px;height:40px}.chain a.disp,.chain span.disp{font-size:26px;font-weight:800;color:var(--ink);line-height:1}.chain small{display:block;font-size:15px;color:var(--muted)}
.chain .when{font-size:12px;color:var(--muted)}.chain .tail{font-size:12px;text-align:right}
.records-col h2{margin:0 0 22px;font-size:44px;font-weight:800}
.card{padding:22px;background:var(--card);border:1px solid var(--line);margin-bottom:16px}
.lb{list-style:none;margin:12px 0 0;padding:0}.lb li{display:flex;justify-content:space-between;gap:12px;font-size:18px;padding:5px 0}.lb b{font-size:14px;font-weight:400}
.cards4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.origin{border-top:1px solid var(--line)}.origin .big{font-size:28px;line-height:1.35;max-width:900px;margin:12px 0 0}

/* history */
.jump{display:flex;flex-wrap:wrap;gap:10px 18px;margin-bottom:22px;font-size:12px}
.tablewrap{overflow-x:auto}
.history{width:100%;border-collapse:collapse}
.history th{text-align:left;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:400;padding:10px 12px 10px 0;border-bottom:1px solid var(--line2)}
.history td{padding:12px 12px 12px 0;border-bottom:1px solid var(--line);vertical-align:top;font-size:13px}
.history td:nth-child(2){font-size:18px}.history td i{display:inline-block;width:8px;height:18px;margin-right:10px;vertical-align:-3px}.history td a{color:var(--ink)}.history small{display:block;font-size:13px;color:var(--muted);margin-left:18px}
.history .dec th{font-size:30px;font-weight:900;color:var(--ink);padding-top:28px;letter-spacing:0}.history .r{text-align:right}.history .n{color:var(--muted)}

/* teams */
.teamgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.teamcard{display:flex;flex-direction:column;gap:6px;padding:18px;background:var(--card);border:1px solid var(--line);color:var(--ink)}
.teamcard i{width:36px;height:6px}.teamcard b{font-size:26px;font-weight:800;line-height:1}.teamcard span{font-size:12px;color:var(--muted)}
.wrap-in{position:relative}

/* prose */
.prose{max-width:860px;padding-top:56px;padding-bottom:56px}
.prose h1{font-size:72px;line-height:.9;font-weight:900;margin:14px 0 24px}.prose h2{font-size:32px;font-weight:800;margin:36px 0 10px}
.prose p,.prose li{font-size:19px;color:var(--body)}.prose li{margin-bottom:10px}

/* alerts + footer */
.alerts{margin:40px var(--pad) 0;padding:44px 48px;background:var(--ink);color:var(--paper);display:flex;justify-content:space-between;align-items:center;gap:40px}
.alerts h2{margin:0;font-size:40px;font-weight:900;line-height:.95}.alerts p{margin:10px 0 0;color:rgba(231,226,213,.78)}
.alert-form{display:flex;gap:10px;flex-shrink:0}
.alert-form input[type=email]{width:280px;height:48px;padding:0 16px;border:1px solid rgba(231,226,213,.35);background:transparent;color:var(--paper);font-family:"IBM Plex Mono",monospace;font-size:14px}
.alert-form button{height:48px;padding:0 22px;background:var(--brass);color:var(--ink);border:none;font-size:12px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.foot{margin-top:40px;padding:32px var(--pad);border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px}
.foot .links{display:flex;gap:22px;flex-wrap:wrap;align-items:center}.foot span{color:var(--muted)}
:focus-visible{outline:2px solid var(--brass);outline-offset:2px}

/* tablet */
@media (max-width:1100px){
  :root{--pad:32px}
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero h1{font-size:88px}
  .plate-grid,.split,.rules-grid,.hero-grid{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .teamgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .primary{gap:18px}
}
/* phone */
@media (max-width:700px){
  :root{--pad:16px}
  body{font-size:16px}
  .top{height:56px;gap:10px}.brand span{font-size:20px}.brand svg{width:32px}
  .primary{position:fixed;left:0;right:0;bottom:0;height:56px;justify-content:space-around;gap:0;background:var(--ink);z-index:6;align-items:center;padding-bottom:env(safe-area-inset-bottom)}
  .primary a,.primary .soon{color:rgba(231,226,213,.7);border:none;padding:12px 6px}.primary a.on{color:#fff}
  body{padding-bottom:56px}
  .pill{height:36px;padding:0 12px;font-size:11px}
  .hero{padding-top:32px}.hero h1{font-size:58px}.hero-side p{font-size:17px}
  .tiles{grid-template-columns:1fr}.tile{min-height:0}
  .feed li{grid-template-columns:44px 8px minmax(0,1fr);font-size:15px}.feed .when{grid-column:3;text-align:left}.feed b{font-size:19px}
  .head h1,.head h2{font-size:32px}
  .numbers{grid-template-columns:repeat(2,minmax(0,1fr))}.numbers>div{padding:18px 12px}.numbers>div:nth-child(3){border-left:none;padding-left:0}.numbers>div:nth-child(n+3){border-top:1px solid var(--line)}.numbers b{font-size:44px}
  .rules-grid h2{font-size:42px}
  .plate{padding:28px var(--pad) 26px}.holder{margin:14px 0}.lede{font-size:17px}.stats{gap:24px}.stats b{font-size:34px}
  .upnext{padding:18px}.matchup b{font-size:28px}
  .chain li{grid-template-columns:8px minmax(0,1fr);gap:4px 14px}.chain i{grid-row:span 3;height:100%}.chain .when,.chain .tail{text-align:left}
  .chain a.disp,.chain span.disp{font-size:22px}
  .cards4,.teamgrid{grid-template-columns:1fr}
  .history td:nth-child(3),.history th:nth-child(3){display:none}
  .prose h1{font-size:48px}
  .alerts{flex-direction:column;align-items:stretch;padding:24px 18px;margin:28px var(--pad) 0}.alerts h2{font-size:28px}
  .alert-form{flex-direction:column}.alert-form input[type=email]{width:100%}
}

/* ---- College Basketball Belt additions ---- */
.card.sister{display:flex;flex-direction:column;gap:12px;background:#0c2340;color:#fff;border:none;margin:0}
.card.sister .kicker{color:#c99700}.card.sister p{margin:0;color:rgba(255,255,255,.82)}.card.sister:hover{filter:brightness(1.1)}
.big{font-size:36px;font-weight:900;line-height:.92}
.pace{display:flex;flex-direction:column;gap:14px;margin:0;align-self:start}.pace p{margin:0;color:var(--body)}
.bars{display:flex;align-items:flex-end;gap:6px;height:96px;padding-top:10px;border-top:1px solid var(--line)}
.bar{flex:1;background:#cfc4ad}.bar.now{background:#de762c}
.barlabels{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.barlabels span{flex:1;text-align:center}
.bracket{margin:8px var(--pad) 0;padding:48px;background:var(--ink);color:var(--paper);display:grid;grid-template-columns:5fr 7fr;gap:32px;align-items:center}
.bracket .kicker{color:#e0b567}.bracket h2{margin:12px 0;font-size:56px;line-height:.9;font-weight:900}
.bracket p{margin:0 0 14px;font-size:18px;color:rgba(231,226,213,.8)}.bracket .more{color:#e0b567}
.bgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.bgrid>div{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid rgba(231,226,213,.2)}
.bgrid span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(231,226,213,.6)}
.bgrid b{font-size:24px;font-weight:800;line-height:1}
.bgrid .hot{background:#de762c;color:var(--ink);border-color:#de762c}.bgrid .hot span{color:var(--ink)}
.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.three .card{margin:0}
.intro{font-size:19px;color:var(--body);max-width:860px;margin:0 0 24px}
.history.march td{font-size:15px}.history.march td:nth-child(2){font-size:18px}.history.march small{margin-left:0}
@media (max-width:1100px){.bracket{grid-template-columns:1fr}.bgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:1fr}}
@media (max-width:700px){
  .brand span{font-size:17px}
  .primary a{padding:12px 3px;font-size:10px;letter-spacing:.06em}
  .bracket{padding:26px 18px;margin:0 var(--pad)}.bracket h2{font-size:40px}
  .history.march td:nth-child(3),.history.march th:nth-child(3){display:table-cell}
  .history.march td:nth-child(5),.history.march th:nth-child(5){display:none}
  .big{font-size:30px}
}
/* ---- deeper pages ---- */
.topright{display:flex;align-items:center;gap:14px}.searchlink{color:var(--ink);display:flex}
.prevlink{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:inherit;opacity:.85;padding-top:10px;border-top:1px solid rgba(255,255,255,.18)}.prevlink:hover{color:inherit;opacity:1}
.intro{font-size:19px;color:var(--body);max-width:900px;margin:0 0 24px}
.sub{font-size:30px;font-weight:800;margin:36px 0 14px}
.strip{display:flex;flex-wrap:wrap;gap:6px}
.chip{display:inline-flex;align-items:center;height:30px;padding:0 10px 0 8px;border-left:6px solid var(--c);background:var(--card);border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-family:"IBM Plex Mono",monospace;font-size:12px;color:var(--ink)}
.tag{display:inline-block;font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:3px 7px;border:1px solid var(--line2);color:var(--muted);white-space:nowrap}
.tag.chg{background:var(--ink);color:var(--paper);border-color:var(--ink)}.tag.post{border-color:var(--brass);color:var(--brass-text);margin-left:6px}
.history.games td:nth-child(3){font-size:16px}.history.games td i{display:inline-block;width:8px;height:18px;margin-right:10px;vertical-align:-3px}
.history.games td a{color:var(--ink);border-bottom:1px solid var(--line2)}
.history tr:target{background:#f3e6c8}
.pager{display:flex;justify-content:space-between;gap:12px;margin-top:28px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.two{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.history.form td{font-size:15px}.res{display:inline-block;width:20px;text-align:center;font-weight:500}.res.W{color:#2f7d32}.res.L{color:#b3261e}.res.T{color:var(--muted)}
.compare{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:24px}.compare label{display:flex;flex-direction:column;gap:6px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.compare select{height:44px;min-width:260px;padding:0 10px;font-family:Spectral,serif;font-size:17px;background:var(--card);border:1px solid var(--line2);color:var(--ink)}
.storygrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.storycard{display:flex;flex-direction:column;gap:10px;padding:20px;background:var(--card);border:1px solid var(--line);color:var(--ink);min-height:150px}
.storycard .lg{font-size:11px;letter-spacing:.14em;color:var(--brass-text)}.storycard b{font-size:26px;font-weight:800;line-height:.95}.storycard span:last-child{font-size:15px;color:var(--muted)}
.story .dek{font-size:22px;color:var(--muted);margin-top:-8px}.story ol li{margin-bottom:12px}
.searchbox{width:100%;max-width:640px;height:54px;padding:0 18px;font-size:16px;border:1px solid var(--line2);background:var(--card);color:var(--ink)}
.results{list-style:none;padding:0;margin:20px 0 0;max-width:640px}.results li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:18px}.results .mono{font-size:12px;color:var(--muted)}
@media (max-width:1100px){.storygrid{grid-template-columns:repeat(2,minmax(0,1fr))}.two{grid-template-columns:1fr}}
@media (max-width:700px){.storygrid{grid-template-columns:1fr}.compare select{min-width:0;width:100%}.compare label{flex:1 1 100%}.history.games td:nth-child(4),.history.games th:nth-child(4){display:none}.sub{font-size:24px}.searchlink{display:none}}
.history.games td:nth-child(2){font-size:13px;white-space:nowrap}
.colleges{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.college{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;background:var(--ink);color:var(--paper)}
.college:hover{color:var(--paper);background:#000}.college .mono{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#e0b567}
.college b{font-size:28px;font-weight:800;flex:1}.college .go{color:rgba(231,226,213,.7)}
@media (max-width:1100px){.colleges{grid-template-columns:1fr}.college{flex-wrap:wrap}}