/* Layout: one hub, one sport per subdomain. Phone-first; the sport page is a single scrolling column with a sticky sport bar. */
:root{
  --bg:#f7f3ee; --surface:#ffffff; --fg:#1d1715; --muted:#6b5f5a; --line:#e4dbd3;
  --maroon:#7a4614; --maroon-ink:#ffffff; --gold:#f2b422; --gold-ink:#2a1c00; --brown:#462200; --brown-ink:#f6ead6;
  --ok:#2e7d4f; --warn:#b26a00;
  --display:"Barlow Condensed","Arial Narrow",Impact,sans-serif; --body:"Source Sans 3","Segoe UI",system-ui,sans-serif;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--bg:#161211;--surface:#211b19;--fg:#f3ece6;--muted:#b7aaa3;--line:#3a302c;--maroon:#f2c230;--gold:#f2c230;--ok:#5fc48a;--warn:#e0a53a;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#161211;--surface:#211b19;--fg:#f3ece6;--muted:#b7aaa3;--line:#3a302c;--maroon:#f2c230;--gold:#f2c230;--ok:#5fc48a;--warn:#e0a53a;color-scheme:dark}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--fg);font-family:var(--body);font-size:16px;line-height:1.5}
a{color:var(--maroon)}
.wrap{max-width:760px;margin:0 auto;padding-inline:16px;padding-block:0 48px}
h1,h2,h3{font-family:var(--display);text-wrap:balance;line-height:1.05;margin:0}
h1{font-size:clamp(2.2rem,8vw,3.4rem);font-weight:800;letter-spacing:.01em}
h2{font-size:1.6rem;font-weight:700;margin-top:36px;margin-bottom:12px}
h3{font-size:1.15rem;font-weight:700}
.eyebrow{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:var(--muted)}
.topbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--brown);color:var(--brown-ink);border-bottom:3px solid var(--gold);padding:10px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.topbar a{color:inherit;text-decoration:none;font-family:var(--display);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.95rem}
.topbar .mark{display:flex;align-items:center;gap:8px}
.topbar .mark img{height:30px;width:auto;display:block}
.hero{padding-block:28px 8px}
.herogbb{position:relative;margin:16px -16px 0;padding:28px 16px 22px;background:radial-gradient(120% 90% at 85% 0%,#7a4614 0%,#462200 55%,#2a1400 100%);color:#fff;min-height:300px;display:flex;flex-direction:column;justify-content:flex-end}
.herogbb::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(40,20,0,.25),rgba(30,15,0,.88))}
.herogbb>*{position:relative}
.herogbb .eyebrow{color:var(--gold)}
.herogbb h1{color:#fff;font-size:clamp(2.6rem,10vw,4rem)}
.herogbb p{color:#f1e4cf;margin:8px 0 0;max-width:36rem}
.herogbb img.logo{height:96px;width:auto;max-width:200px;object-fit:contain;align-self:flex-start;margin-bottom:10px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}
.motto{font-family:var(--display);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.85rem;color:var(--gold);margin-top:10px}
.photos{margin:0 -16px;padding:14px 16px 6px;background:var(--brown);color:var(--brown-ink)}
.photos .eyebrow{color:var(--gold);display:flex;justify-content:space-between;align-items:baseline}
.photos .eyebrow span{letter-spacing:0;text-transform:none;font-family:var(--body);font-weight:400;font-size:.8rem;color:#d9c7a8}
.strip{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 0 12px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.strip::-webkit-scrollbar{display:none}
.strip figure{flex:0 0 min(78vw,520px);margin:0;scroll-snap-align:start}
.strip img,.strip .slot{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:block;background:#2b1500}
.strip img{object-fit:contain}   /* G11: photos are shown whole, never cropped (letterboxed on brown) */
.strip .slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:2px dashed rgba(242,180,34,.55);color:#f1e4cf;text-align:center;padding:16px}
.strip .slot b{font-family:var(--display);font-weight:800;font-size:1.6rem;letter-spacing:.02em;color:var(--gold)}
.strip .slot span{font-size:.85rem;color:#d9c7a8;max-width:22ch}
.strip figcaption{font-size:.8rem;color:#d9c7a8;margin-top:6px}
.gallery{display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}
.gallery img{width:100%;height:auto;border-radius:8px;display:block;border:1px solid var(--line)}
.gallery figcaption{font-size:.8rem;color:var(--muted);margin-top:4px}
.facts{display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}
@media (max-width:560px){.facts{grid-template-columns:1fr 1fr}}
.fact{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px;min-width:0}
.fact .v{font-family:var(--display);font-weight:800;font-size:1.4rem;line-height:1.1}
.fact .l{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-family:var(--display);font-weight:700}
.hero p{margin:8px 0 0;max-width:38rem;color:var(--muted)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:16px}
.next{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;border-left:6px solid var(--gold);margin-top:20px}
.next .date{font-family:var(--display);font-weight:800;font-size:2.6rem;line-height:.9;text-align:center;min-width:72px}
.next .date small{display:block;font-size:.9rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.next .opp{font-family:var(--display);font-size:1.5rem;font-weight:700}
.next .meta{color:var(--muted);font-size:.95rem}
.pill{display:inline-block;font-family:var(--display);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;padding:3px 8px;border-radius:999px;background:var(--gold);color:var(--gold-ink)}
.pill.away{background:var(--line);color:var(--fg)}
.pill.live{background:var(--ok);color:#fff}
.pill.soon{background:transparent;border:1px solid var(--line);color:var(--muted)}
table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:.95rem}
th{text-align:left;font-family:var(--display);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:var(--muted);padding:8px 6px;border-bottom:2px solid var(--line)}
td{padding:9px 6px;border-bottom:1px solid var(--line);vertical-align:top}
td.d{white-space:nowrap;font-weight:600}
td.r{color:var(--muted);white-space:nowrap}
.tabs{display:flex;gap:8px;margin:0 0 10px}
.tabs button{font-family:var(--display);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.85rem;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--fg);cursor:pointer}
.tabs button[aria-selected="true"]{background:var(--maroon);color:var(--maroon-ink);border-color:var(--maroon)}
.tabs button:focus-visible,.btn:focus-visible,.topbar a:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.src{font-size:.85rem;color:var(--muted);margin-top:8px}
.feed{display:grid;gap:12px}
.post .when{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-family:var(--display);font-weight:700}
.post p{margin:6px 0 0}
.post .via{margin-top:8px;font-size:.85rem;color:var(--muted);border-top:1px dashed var(--line);padding-top:8px}
.steps{display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}
@media (max-width:560px){.steps{grid-template-columns:1fr}}
.step{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px;min-width:0}
.step .k{font-family:var(--display);font-weight:800;font-size:1.9rem;color:var(--maroon);line-height:1}
.step h3{margin-top:6px}
.step p{margin:6px 0 0;font-size:.95rem;color:var(--muted)}
.inbox{display:grid;gap:10px;margin-top:12px}
.inbox .row{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 14px;min-width:0}
.inbox code{font-family:ui-monospace,Menlo,monospace;font-size:.95rem;word-break:break-all}
.btn{font-family:var(--display);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.8rem;padding:7px 12px;border-radius:8px;border:1px solid var(--maroon);background:transparent;color:var(--maroon);cursor:pointer;white-space:nowrap}
.sponsors{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}
@media (max-width:480px){.sponsors{grid-template-columns:1fr}}
.spon{border:1px dashed var(--line);border-radius:10px;padding:16px;text-align:center;color:var(--muted);min-height:96px;display:flex;flex-direction:column;justify-content:center;gap:4px}
.spon.partner{border:2px solid var(--gold);color:var(--fg);background:var(--surface)}
.spon .t{font-family:var(--display);font-weight:800;font-size:1.3rem;letter-spacing:.02em}
.grid{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}
@media (max-width:520px){.grid{grid-template-columns:1fr}}
.sport{display:flex;justify-content:space-between;align-items:center;gap:10px;text-decoration:none;color:inherit}
.sport .n{font-family:var(--display);font-weight:700;font-size:1.25rem}
.sport .s{font-size:.85rem;color:var(--muted)}
.foot{margin-top:40px;padding-top:16px;border-top:1px solid var(--line);font-size:.85rem;color:var(--muted)}
.foot b{color:var(--fg)}
.note{font-size:.9rem;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin-top:12px}
@media (prefers-reduced-motion:no-preference){.card,.step{transition:border-color .15s}}
/* build additions 2026-10-16 */
.ph{display:inline-block;margin-left:6px;font:700 .62rem var(--body);background:#fff3cd;color:#7a5200;border:1px dashed #b88a00;padding:1px 6px;border-radius:6px;vertical-align:middle;letter-spacing:0;text-transform:none}
.tabset input{position:absolute;opacity:0;pointer-events:none}
.tabset .tabs label{font-family:var(--display);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.85rem;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--fg);cursor:pointer}
.tabset .panel{display:none}
.tabset input:nth-of-type(1):checked~.tabs label:nth-of-type(1),.tabset input:nth-of-type(2):checked~.tabs label:nth-of-type(2),.tabset input:nth-of-type(3):checked~.tabs label:nth-of-type(3){background:var(--maroon);color:var(--maroon-ink);border-color:var(--maroon)}
.tabset input:nth-of-type(1):checked~.panels .panel:nth-of-type(1),.tabset input:nth-of-type(2):checked~.panels .panel:nth-of-type(2),.tabset input:nth-of-type(3):checked~.panels .panel:nth-of-type(3){display:block}
.tabset input:focus-visible~.tabs label{outline:3px solid var(--gold);outline-offset:2px}
a.btn{text-decoration:none;display:inline-block}
.links ul{margin:6px 0 0;padding-left:18px}
.hubhero{margin:0 -16px;padding:28px 16px 22px;background:var(--brown);color:#fff;border-bottom:3px solid var(--gold)}
.hubhero .eyebrow{color:var(--gold)}.hubhero h1{color:#fff}.hubhero p{color:#f1e4cf;margin:8px 0 0;max-width:38rem}
.hubhero img{height:84px;width:auto;max-width:190px;object-fit:contain;margin-bottom:10px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}