/* hw.css: HoopWomen shared design (2026-10-04 redesign).
   Night game under arena lights: tunnel indigo, chalk-white type, one warm accent (hardwood maple).
   Display: Bodoni Moda. Text: Archivo. Loaded on every page through hw_shell.py.
   The second half remaps the two older templates (site.css pages and the gen-wnba.py pages)
   and the injected affiliate blocks so they sit in the same palette. */

:root{
  --hw-night:#0b1026;
  --hw-deep:#070a1a;
  --hw-panel:#131a3a;
  --hw-panel2:#1b2452;
  --hw-line:rgba(178,190,255,.16);
  --hw-chalk:#f1efe8;
  --hw-mut:#a7aecb;
  --hw-maple:#f0a65a;
  --hw-maple-2:#ffc58a;
  --hw-maple-ink:#1d1206;
  --hw-tunnel:#5d6bff;
  --hw-serif:"Bodoni Moda","Didot","Bodoni 72",Georgia,serif;
  --hw-sans:"Archivo","Helvetica Neue",Arial,system-ui,sans-serif;
  --hw-wrap:1160px;
  --hw-nav-h:60px;
  /* old site.css tokens, pointed at the new palette */
  --ink:var(--hw-chalk);--ink-2:#cdd1e3;--paper:var(--hw-night);--paper-2:var(--hw-panel);
  --line:var(--hw-line);--muted:var(--hw-mut);--gold:var(--hw-maple);--accent:var(--hw-maple-2);
  --accent-2:var(--hw-maple);--hardwood:var(--hw-maple);--ball:var(--hw-maple);--court:var(--hw-maple-2);
  --grid:var(--hw-wrap);color-scheme:dark;
}
html{background:var(--hw-night);-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--hw-nav-h) + 12px)}
body.hw{margin:0;background:var(--hw-night);color:var(--hw-chalk);font-family:var(--hw-sans);font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.hw img,body.hw svg,body.hw video,body.hw iframe{max-width:100%}
body.hw :focus-visible{outline:3px solid var(--hw-maple);outline-offset:2px}

/* ---------- header (a single <nav>, so page scaffolds that cut at the first </nav> stay whole) ---------- */
.hw-skip{position:absolute;left:-999px;top:8px;z-index:200;background:var(--hw-maple);color:var(--hw-maple-ink);padding:8px 14px;border-radius:4px;font:600 .95rem var(--hw-sans)}
.hw-skip:focus{left:8px}
nav.hw-top{position:sticky;top:0;z-index:120;background:rgba(7,10,26,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--hw-line);font-family:var(--hw-sans)}
.hw-bar{width:min(var(--hw-wrap),100% - 32px);margin-inline:auto;display:flex;align-items:center;gap:20px;min-height:var(--hw-nav-h)}
.hw-brand{display:inline-flex;align-items:center;gap:10px;color:var(--hw-chalk)!important;text-decoration:none!important;border:0!important;flex:none}
.hw-brand svg{width:30px;height:30px;flex:none}
.hw-brand span{font-family:var(--hw-serif);font-weight:800;font-size:1.45rem;letter-spacing:-.01em;line-height:1}
.hw-links{display:flex;gap:2px;margin-left:auto;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.hw-links::-webkit-scrollbar{display:none}
.hw-links a{color:#cfd3e6!important;text-decoration:none!important;border:0!important;font:500 .95rem/1 var(--hw-sans);padding:10px 11px;border-radius:4px;white-space:nowrap}
.hw-links a:hover{color:var(--hw-chalk)!important;background:rgba(255,255,255,.06)}
.hw-links a[aria-current]{color:var(--hw-maple)!important;box-shadow:inset 0 -2px 0 var(--hw-maple)}
@media(max-width:860px){
  .hw-bar{flex-wrap:wrap;gap:0;padding-top:10px}
  .hw-links{width:100%;margin:6px -11px 0;padding-bottom:6px}
  :root{--hw-nav-h:96px}
}

/* ---------- footer ---------- */
footer.hw-foot{background:var(--hw-deep);border-top:1px solid var(--hw-line);color:var(--hw-mut);font:400 .95rem/1.6 var(--hw-sans);padding:56px 0 40px;margin-top:64px}
.hw-foot .hw-wrap{width:min(var(--hw-wrap),100% - 32px);margin-inline:auto}
.hw-foot .cols{display:grid;gap:32px}
@media(min-width:760px){.hw-foot .cols{grid-template-columns:1.4fr 1fr 1fr}}
.hw-foot .name{font-family:var(--hw-serif);font-weight:800;font-size:1.6rem;color:var(--hw-chalk);margin:0 0 8px;line-height:1.1}
.hw-foot h2{font:600 1rem var(--hw-sans);color:var(--hw-chalk);margin:0 0 10px;letter-spacing:0}
.hw-foot ul{list-style:none;margin:0;padding:0}
.hw-foot li{margin:0 0 6px}
.hw-foot a{color:#d6d9ea!important;text-decoration:none!important;border:0!important}
.hw-foot a:hover{color:var(--hw-maple)!important}
.hw-foot .extra{margin-top:28px;font-size:.88rem}
.hw-foot .fine{border-top:1px solid var(--hw-line);margin-top:32px;padding-top:18px;font-size:.84rem}
.hw-foot .fine a{text-decoration:underline!important;text-underline-offset:3px}

/* ---------- shared page pieces (homepage and new pages) ---------- */
.hw-wrap{width:min(var(--hw-wrap),100% - 32px);margin-inline:auto}
.hw h1,.hw h2,.hw h3{text-wrap:balance}
.hw-d{font-family:var(--hw-serif);font-weight:800;letter-spacing:-.015em;line-height:1.02;color:var(--hw-chalk);margin:0 0 .35em}
.hw-lede{font-size:clamp(1.12rem,2.2vw,1.3rem);color:#d5d8e8;max-width:60ch;line-height:1.55}
.hw-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.hw-btn{display:inline-flex;align-items:center;gap:8px;background:var(--hw-maple);color:var(--hw-maple-ink)!important;font:700 1rem/1 var(--hw-sans);padding:14px 20px;border-radius:4px;text-decoration:none!important;border:2px solid var(--hw-maple)!important}
.hw-btn:hover{background:var(--hw-maple-2);border-color:var(--hw-maple-2)!important}
.hw-btn.ghost{background:transparent;color:var(--hw-chalk)!important;border-color:rgba(241,239,232,.45)!important}
.hw-btn.ghost:hover{border-color:var(--hw-chalk)!important}
.hw a.hw-in{color:var(--hw-maple);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;border:0}
.hw a.hw-in:hover{color:var(--hw-maple-2)}
.hw-credit{font-size:.78rem;color:var(--hw-mut)}
.hw-credit a{color:inherit!important;text-decoration:underline!important;border:0!important}

/* ================= legacy template 1: pages built on /assets/css/site.css ================= */
body.hw-site{font-family:var(--hw-sans)}
body.hw-site h1,body.hw-site h2,body.hw-site h3{font-family:var(--hw-serif);font-style:normal;font-weight:800;letter-spacing:-.015em}
body.hw-site h1{font-size:clamp(2.6rem,6.5vw,5rem);line-height:1}
body.hw-site h4{font-family:var(--hw-sans);text-transform:none;letter-spacing:0;font-size:1rem;color:var(--hw-maple)}
body.hw-site .display-serif{font-family:inherit;font-style:normal;font-weight:inherit}
body.hw-site .mono-tag,body.hw-site .eyebrow,body.hw-site .kicker,body.hw-site .byline,body.hw-site .dateline{font-family:var(--hw-sans);letter-spacing:.02em;text-transform:none;font-size:.9rem;color:var(--hw-maple)}
body.hw-site .hero .kicker::before{display:none}
body.hw-site a{border-bottom-color:rgba(240,166,90,.35)}
body.hw-site .hero{background:radial-gradient(120% 90% at 85% 0%,rgba(93,107,255,.22),transparent 60%),linear-gradient(180deg,var(--hw-deep),var(--hw-night))}
body.hw-site .hero::before{opacity:.25}
body.hw-site .card,body.hw-site .strip,body.hw-site .league-pill,body.hw-site .team-table-wrap{background:var(--hw-panel);border-color:var(--hw-line)}
body.hw-site .card:hover{border-color:var(--hw-maple)}
body.hw-site .team-table th{background:var(--hw-panel2);color:var(--hw-chalk)}
body.hw-site .btn{background:var(--hw-maple);color:var(--hw-maple-ink);border-color:var(--hw-maple);border-radius:4px}
body.hw-site .btn.ghost{background:transparent;color:var(--hw-chalk)}
body.hw-site .cta-band{background:linear-gradient(120deg,var(--hw-panel),var(--hw-deep))}
body.hw-site .hero-stats .n{font-family:var(--hw-serif);font-style:normal;color:var(--hw-maple)}

/* ================= legacy template 2: pages written by /root/gen-wnba.py ================= */
body.hw-w{background:var(--hw-night)!important;color:var(--hw-chalk)!important;font-family:var(--hw-sans)!important}
body.hw-w header.h{background:radial-gradient(110% 120% at 90% 0%,rgba(93,107,255,.28),transparent 55%),linear-gradient(180deg,var(--hw-deep),var(--hw-night))!important;padding:56px 0 28px!important;border-bottom:1px solid var(--hw-line)}
body.hw-w h1{font-family:var(--hw-serif)!important;text-transform:none!important;font-weight:800;letter-spacing:-.015em;font-size:clamp(2.4rem,6vw,4.2rem)!important;line-height:1.02!important;color:var(--hw-chalk)}
body.hw-w .h .t{color:#d5d8e8!important;opacity:1!important;font-size:1.12rem;margin-top:12px!important}
body.hw-w h2{font-family:var(--hw-serif)!important;text-transform:none!important;font-weight:800;color:var(--hw-chalk)!important;font-size:clamp(1.6rem,3.6vw,2.2rem)!important;margin:40px 0 14px!important}
body.hw-w h3{color:var(--hw-chalk)}
body.hw-w .wrap{max-width:var(--hw-wrap)!important}
body.hw-w table{background:var(--hw-panel)!important;border-color:var(--hw-line)!important;font-variant-numeric:tabular-nums}
body.hw-w th{background:var(--hw-panel2)!important;color:var(--hw-chalk)!important}
body.hw-w th,body.hw-w td{border-bottom-color:var(--hw-line)!important}
body.hw-w tr:hover td{background:rgba(255,255,255,.03)!important}
body.hw-w .card{background:var(--hw-panel)!important;border-color:var(--hw-line)!important;color:var(--hw-chalk)}
body.hw-w .game .sc{font-family:var(--hw-sans)!important;font-weight:700;font-variant-numeric:tabular-nums}
body.hw-w .game .st,body.hw-w .m,body.hw-w .news .src,body.hw-w .upd{color:var(--hw-mut)!important}
body.hw-w .news a,body.hw-w .wrap a:not(.b-nba):not(.b-fan):not(.b-tix){color:var(--hw-maple)}
body.hw-w .merch{background:var(--hw-panel)!important;border:1px solid var(--hw-line)!important;border-left:3px solid var(--hw-maple)!important;color:var(--hw-chalk)}
body.hw-w .merch b{color:var(--hw-maple)!important}
body.hw-w .b-nba,body.hw-w .b-fan,body.hw-w .b-tix{background:transparent!important;border:1px solid var(--hw-maple);color:var(--hw-maple)!important;border-radius:4px!important}
body.hw-w .b-tix{background:var(--hw-maple)!important;color:var(--hw-maple-ink)!important}
body.hw-w .disc{color:var(--hw-mut)!important}
body.hw-w .foot{color:var(--hw-mut)!important;border-top-color:var(--hw-line)!important;padding-bottom:0!important}
body.hw-w .foot a{color:var(--hw-chalk)}

/* ================= pages built from the homepage scaffold (/tickets/, /events/) ================= */
body.hw .tkx{--ink:var(--hw-chalk);--mut:var(--hw-mut);--line:var(--hw-line);--bg:var(--hw-night);--panel:var(--hw-panel);--ac:var(--hw-maple);font-family:var(--hw-sans)}
body.hw .tkx h1,body.hw .evx h1{font-family:var(--hw-serif)!important;font-weight:800;letter-spacing:-.015em;line-height:1.02}
body.hw .tkx .day{top:var(--hw-nav-h)}
body.hw .tkx .b1{color:var(--hw-maple-ink)}
body.hw .tkx .merch{background:var(--hw-panel)}
body.hw .evx{--bg:var(--hw-night);--ink:var(--hw-chalk);--mut:var(--hw-mut);--line:var(--hw-line);--ac:var(--hw-maple);font-family:var(--hw-sans)}

/* ================= injected network blocks (kept byte-identical; re-skinned here) ================= */
body.hw aside[style*="#fffaf0"],
body.hw div[style*="#fff7ef"],
body.hw aside.ame-boost{background:var(--hw-panel)!important;border:1px solid var(--hw-line)!important;border-left:3px solid var(--hw-maple)!important;color:var(--hw-chalk)!important;border-radius:6px!important;max-width:min(1000px,100% - 32px)!important;box-sizing:border-box}
body.hw aside[style*="#fffaf0"] div,body.hw div[style*="#fff7ef"] div,body.hw aside.ame-boost div{color:var(--hw-mut)!important}
body.hw aside[style*="#fffaf0"] div:nth-child(2),body.hw div[style*="#fff7ef"]>div:first-child,body.hw aside.ame-boost div:nth-child(2){color:var(--hw-chalk)!important;font-family:var(--hw-serif)!important;font-weight:800!important}
body.hw aside[style*="#fffaf0"] a,body.hw aside.ame-boost a{color:var(--hw-maple)!important;border-color:var(--hw-line)!important;background:transparent!important}
body.hw div[style*="#fff7ef"] a{border-radius:4px!important}
body.hw #wt-related{border-top-color:var(--hw-line)!important;max-width:min(1000px,100% - 32px)!important;box-sizing:border-box}
body.hw #wt-related a{color:var(--hw-chalk)!important}
body.hw #wt-related div[style*="c9a84c"]{color:var(--hw-maple)!important}
body.hw .adsbygoogle{max-width:100%}
body.hw .tn-tix{max-width:min(1080px,100%)}
body.hw .tn-card{background:linear-gradient(135deg,var(--hw-panel2),var(--hw-deep))!important;border:1px solid var(--hw-line);border-radius:8px!important}
body.hw .tn-card::after{background:radial-gradient(circle,rgba(240,166,90,.22),transparent 70%)!important}
body.hw .tn-eyebrow{color:var(--hw-maple-2)!important}
body.hw .tn-card h2{font-family:var(--hw-serif)!important;color:var(--hw-chalk)!important}
body.hw .tn-card p.lead{color:#d5d8e8!important}
body.hw .tn-cta a{border-radius:4px!important}
body.hw .tn-cta a.primary{background:var(--hw-maple)!important;color:var(--hw-maple-ink)!important}
body.hw .tn-meta,body.hw .tn-ftc{color:var(--hw-mut)!important}

.kw{letter-spacing:-.07em}
body.hw .hw-foot h2{font:600 1rem/1.3 var(--hw-sans)!important;color:var(--hw-chalk)!important;margin:0 0 10px!important;text-transform:none!important;letter-spacing:0!important}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
body.hw-site .franchise-card{background:var(--hw-panel);border-color:var(--hw-line)}
body.hw-site .standfirst,body.hw-site .hero-lead,body.hw-site .pull{font-family:var(--hw-sans)}
body.hw .adslot,body.hw .adslot ins{background:transparent!important}
body.hw-site .dunk-hero h1,body.hw-site .dunk-hero p{color:var(--hw-chalk)!important}
body.hw-site .dunk-hero::before{opacity:.55}
body.hw-site [style*="background: var(--ink)"]{background:var(--hw-panel)!important;color:var(--hw-chalk)!important}
body.hw-site [style*="background: var(--ink)"] h1,body.hw-site [style*="background: var(--ink)"] p,body.hw-site [style*="background: var(--ink)"] h3{color:var(--hw-chalk)!important}
body.hw-w .toc{border-color:var(--hw-line)!important}
body.hw-site .dunk-scroll{background:var(--hw-panel)!important;border-color:var(--hw-line)!important}
body.hw-site .dunk-scroll thead th{background:var(--hw-panel2)!important;color:var(--hw-chalk)!important}
body.hw-site .dunk-scroll tbody td{border-top-color:var(--hw-line)!important}
body.hw-w .lead{color:#d5d8e8!important}
body.hw{overflow-wrap:break-word}body.hw-site .pull{overflow-wrap:anywhere;min-width:0}