/* hd.css — Hye Dad Sports shared design system (Direction C, "Combined").
   Served from https://www.hyedad.com/assets/hd.css. GENERATED by build/tools/build_hd_css.py from
   mockups/c-combined/tokens.css + styles.css; edit those, then re-run. */
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/barlow-condensed-500.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/barlow-condensed-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/barlow-condensed-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Barlow Condensed";font-style:italic;font-weight:600 700;font-display:swap;src:url(fonts/barlow-condensed-700-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/ibm-plex-sans-var.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400 500;font-display:swap;src:url(fonts/ibm-plex-mono-500.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/ibm-plex-mono-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* ---- tokens.css (verbatim) ---- */
/* Hye Dad Sports: Direction C "Combined" design tokens
   A's sports personality (Barlow Condensed scores, saturated league accents)
   on B's restraint (warm graphite neutrals, Plex UI, hairlines, sparing gold).
   Drop into hd.css; everything is a CSS custom property. */
:root{
  /* Brand: exact fill from hyedad-crown.svg / hyedad-logo.svg.
     Gold is reserved for: logo, active nav item, primary CTA, the key number. */
  --hd-gold:#E3B25A;
  --hd-gold-soft:#E3B25A1F;       /* 12% tint (active nav pill, selected pick) */
  --hd-gold-line:#E3B25A59;       /* 35% hairline */
  --hd-gold-ink:#17120A;          /* text on gold */
  --hd-white:#F2F2F0;             /* wordmark white */

  /* Neutrals: B's warm graphite */
  --bg:#0E0E10;
  --bg-2:#121214;
  --surface:#17171A;
  --surface-2:#1E1E22;
  --surface-3:#26262B;
  --line:#2A2A2F;
  --line-soft:#202024;
  --text:#EEEBE5;
  --text-2:#BDB9B1;
  --muted:#85827B;

  /* Status */
  --live:#FF4D4D;
  --win:#3FCB82;
  --loss:#F07167;
  --info:#5AA8FF;

  /* League accents: A's saturated set. Use ONLY as thin bars (2-3px),
     small chips and tab underlines; never as large fills. */
  --lg-nfl:#E8384F;
  --lg-nba:#FF7A1A;
  --lg-wnba:#F2559C;
  --lg-mlb:#2F7BFF;
  --lg-nhl:#38CFF0;
  --lg-college:#9B6BFF;
  --lg-soccer:#22C55E;
  --lg-combat:#CBD5E1;
  --lg-motor:#A3E635;
  --lg-golf:#14B8A6;
  --lg-fantasy:var(--hd-gold);

  /* Type: Barlow Condensed = scores + big headlines (italic only for live/hero
     scores); IBM Plex Sans = UI/body; IBM Plex Mono = small labels & times */
  --font-display:"Barlow Condensed","Arial Narrow",sans-serif;
  --font-ui:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --fs-display:60px;  --lh-display:.95;
  --fs-h1:44px;       --lh-h1:1.0;
  --fs-h2:26px;       --lh-h2:1.05;
  --fs-h3:20px;       --lh-h3:1.15;
  --fs-body:15px;     --lh-body:1.55;
  --fs-small:13px;
  --fs-micro:11px;
  --fs-score:38px;
  --fs-score-hero:96px;

  /* Shape & layout */
  --r-sm:6px; --r:10px; --r-lg:14px;
  --gap:40px;
  --rail-l:280px;   /* scores rail */
  --rail-r:300px;   /* My Teams + tools rail */
  --max:1392px;
}

/* metric-matched fallbacks (after tokens so they win) */
@font-face{font-family:"Barlow Condensed Fallback";src:local("Arial Narrow"),local("ArialNarrow"),local("Roboto Condensed"),local("Arial");size-adjust:82%;ascent-override:118%;descent-override:30%}
@font-face{font-family:"IBM Plex Sans Fallback";src:local("Arial"),local("Helvetica");size-adjust:101%;ascent-override:102%;descent-override:27%;line-gap-override:0%}
:root{--font-display:"Barlow Condensed","Barlow Condensed Fallback","Arial Narrow",sans-serif;--font-ui:"IBM Plex Sans","IBM Plex Sans Fallback",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}

/* ---- styles.css (collision-namespaced) ---- */
/* Hye Dad Sports: Direction C "Combined" components. Plain CSS, no build step.
   Rules of thumb: hairlines over cards; league color only as thin bars/chips/underlines;
   italic numerals only for live + hero scores; gold only for logo, active nav, primary CTA, key number. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:400 var(--fs-body)/var(--lh-body) var(--font-ui);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
:where(.gh,.mh,.ft,.bb-wrap,.trh,.tmh,.hd-c) img{display:block}
.hd-ic{width:18px;height:18px;flex:none;stroke-width:1.75}
.ic-sm{width:15px;height:15px;flex:none}
.ic-lg{width:22px;height:22px;flex:none}
.num{font-variant-numeric:tabular-nums}
.mono{font-family:var(--font-mono)}

.lg-nfl{--lg:var(--lg-nfl)} .lg-nba{--lg:var(--lg-nba)} .lg-wnba{--lg:var(--lg-wnba)} .lg-mlb{--lg:var(--lg-mlb)}
.lg-nhl{--lg:var(--lg-nhl)} .lg-cfb,.lg-college{--lg:var(--lg-college)} .lg-soccer{--lg:var(--lg-soccer)} .lg-fantasy{--lg:var(--lg-fantasy)}
.lg-weather{--lg:var(--info)}
.lg-combat{--lg:var(--lg-combat)} .lg-motor{--lg:var(--lg-motor)} .lg-golf{--lg:var(--lg-golf)}

/* Kicker: mono caps label with league dot */
.kick{display:inline-flex;align-items:center;gap:8px;font:500 11.5px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}
.kick::before{content:"";width:3px;height:12px;border-radius:1px;background:var(--lg,var(--muted))}
.kick.nodot::before{display:none}
.kick b{color:var(--text);font-weight:500}
.hd-live{display:inline-flex;align-items:center;gap:6px;color:var(--live);font:500 11.5px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}
.hd-live::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--live);box-shadow:0 0 0 3px rgba(240,82,77,.2)}

/* ---------- Global header ---------- */
.gh{position:sticky;top:0;z-index:20;background:rgba(14,14,16,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line-soft)}
.gh-in{max-width:var(--max);margin:0 auto;height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 32px}
.gh-logo img{height:42px;width:auto}
.gh-nav{display:flex;gap:6px}
.gh-nav a{display:flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-radius:999px;font:500 15px/1 var(--font-ui);color:var(--text-2)}
.gh-nav a .ic-sm{color:var(--muted)}
.gh-nav a.on{background:var(--hd-gold-soft);color:var(--hd-gold)}
.gh-nav a.on .ic-sm{color:var(--hd-gold)}
.gh-right{justify-self:end;display:flex;align-items:center;gap:6px}
.icon-btn{width:40px;height:40px;display:grid;place-items:center;border-radius:999px;color:var(--text-2)}
.icon-btn:hover{background:var(--surface-2)}
.wx{display:flex;align-items:center;gap:6px;font:500 13px/1 var(--font-mono);color:var(--text-2);padding:0 10px}
.wx .ic-sm{color:var(--text-2)}
.signin{display:inline-flex;align-items:center;height:38px;padding:0 16px;border-radius:999px;border:1px solid var(--line);color:var(--text);font:500 14px/1 var(--font-ui);margin-left:6px}

/* ---------- Ticker ---------- */
.tk{border-bottom:1px solid var(--line-soft)}
.tk-in{max-width:var(--max);margin:0 auto;display:flex;align-items:stretch;padding:0 32px;overflow:hidden}
.tk-date{flex:none;display:flex;flex-direction:column;justify-content:center;padding:0 24px 0 0;border-right:1px solid var(--line-soft);margin-right:4px}
.tk-date b{font:700 22px/1 var(--font-display);text-transform:uppercase;letter-spacing:.02em}
.tk-date span{font:500 11px/1.6 var(--font-mono);color:var(--muted);letter-spacing:.06em;text-transform:uppercase}
.tk-row{display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 90%,transparent);mask-image:linear-gradient(90deg,#000 90%,transparent)}
.tc{flex:none;width:168px;padding:14px 20px;border-right:1px solid var(--line-soft)}
.tc-top{display:flex;justify-content:space-between;margin-bottom:8px}
.tc-top .kick{font-size:10.5px}
.tc-top .st{font:500 10.5px/1 var(--font-mono);color:var(--muted);letter-spacing:.04em;text-transform:uppercase}
.tc-top .st.lv{color:var(--live)}
.tc-r{display:flex;align-items:center;gap:8px;height:22px}
.tc-r img{width:18px;height:18px}
.tc-r .ab{font:700 16px/1 var(--font-display);letter-spacing:.04em}
.tc-r .sc{margin-left:auto;font:700 19px/1 var(--font-display);font-variant-numeric:tabular-nums}
.tc-r.lose{color:var(--muted)}

/* ---------- Layout ---------- */
.wrap{max-width:var(--max);margin:0 auto;padding:40px 32px 0}
.hd-grid{display:grid;grid-template-columns:var(--rail-l) minmax(0,1fr) var(--rail-r);gap:var(--gap);align-items:start}
.hd-grid.g2l{grid-template-columns:var(--rail-l) minmax(0,1fr);gap:48px}
.rail-l{position:sticky;top:96px}
.stack{display:flex;flex-direction:column;gap:48px;min-width:0}
.rail{display:flex;flex-direction:column;gap:32px}
.sticky{position:sticky;top:96px}
.sh{display:flex;align-items:baseline;gap:14px;padding-bottom:12px;margin-bottom:18px;border-bottom:1px solid var(--line)}
.sh h2{white-space:nowrap;margin:0;font:700 var(--fs-h2)/1 var(--font-display);text-transform:uppercase;letter-spacing:.01em}
.sh .more{white-space:nowrap;margin-left:auto;display:inline-flex;align-items:center;gap:4px;font:500 13px/1 var(--font-ui);color:var(--text-2)}
.sh .more .ic-sm{color:var(--text-2)}
.sh .cnt{font:500 12px/1 var(--font-mono);color:var(--muted)}

/* ---------- Live hero: team-color split (from A), calm body (from B) ---------- */
.hd-hero{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--bg-2)}
.hero-band{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;row-gap:14px;padding:18px 24px 22px;
  background:linear-gradient(104deg,color-mix(in srgb,var(--ca) 46%,var(--bg-2)) 0%,color-mix(in srgb,var(--ca) 14%,var(--bg-2)) 49.8%,color-mix(in srgb,var(--ch) 14%,var(--bg-2)) 50.2%,color-mix(in srgb,var(--ch) 46%,var(--bg-2)) 100%)}
.hero-band::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 55%,rgba(14,14,16,.55))}
.hero-top{grid-column:1/-1;display:flex;align-items:center;gap:12px}
.hero-top .tv{margin-left:auto;display:flex;align-items:center;gap:6px;font:500 11.5px/1 var(--font-mono);color:var(--text-2);letter-spacing:.06em;text-transform:uppercase}
.hero-team{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.hero-team img{width:72px;height:72px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.4))}
.hero-team b{font:700 28px/.95 var(--font-display);text-transform:uppercase;letter-spacing:.01em}
.hero-team small{white-space:nowrap;font:500 11.5px/1 var(--font-mono);color:rgba(238,235,229,.7);letter-spacing:.04em}
.hero-score{display:flex;flex-direction:column;align-items:center}
.hero-band .clk{grid-column:1/-1;justify-self:center}
.hero-top .short{display:none}
.hero-score .pts{display:flex;align-items:center;gap:18px;font:italic 700 var(--fs-score-hero)/.9 var(--font-display);font-variant-numeric:tabular-nums}
.hero-score .pts .lose{color:rgba(238,235,229,.5)}
.hero-score .pts i{width:14px;height:3px;background:rgba(238,235,229,.4);border-radius:2px}
.hero-band .clk{font:500 12px/1 var(--font-mono);color:var(--text);letter-spacing:.06em;text-transform:uppercase;background:rgba(14,14,16,.6);padding:7px 12px;border-radius:999px;white-space:nowrap}
.hero-body{display:grid;grid-template-columns:1fr auto;gap:14px 28px;padding:22px 24px 22px;border-top:1px solid var(--line-soft)}
.hero-body h1{grid-column:1/-1;margin:0;font:700 38px/1 var(--font-display);text-transform:uppercase;letter-spacing:.005em}
.hero-body p{margin:0;color:var(--text-2);font-size:15px;max-width:520px}
.hero-acts{display:flex;gap:10px;align-items:center}
.hero-wp{grid-column:1/-1;display:flex;align-items:center;gap:12px;font:500 11.5px/1 var(--font-mono);color:var(--muted);letter-spacing:.04em;text-transform:uppercase}
.hero-wp .bar2{flex:1;display:flex;height:4px;border-radius:2px;overflow:hidden;gap:2px}
.hero-wp .bar2 i{display:block;height:100%}
.hero-wp b{color:var(--text);font-weight:500}
/* The one skewed element in C: the live badge */
.lv-badge{display:inline-flex;align-items:center;height:22px;padding:0 9px;background:var(--live);border-radius:3px;transform:skewX(-10deg)}
.lv-badge span{transform:skewX(10deg);font:600 11px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#fff;display:flex;align-items:center;gap:6px}
.lv-badge span::before{content:"";width:5px;height:5px;border-radius:50%;background:#fff}
.hd-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line);color:var(--text);font:500 14px/1 var(--font-ui)}
.hd-btn.gold{background:var(--hd-gold);border-color:var(--hd-gold);color:var(--hd-gold-ink)}

/* ---------- Numbered digest ---------- */
.digest{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.dg{display:grid;grid-template-columns:44px 1fr;gap:6px 14px;padding:20px 24px 20px 0;align-items:start}
.dg:nth-child(even){padding-left:24px;padding-right:0;border-left:1px solid var(--line-soft)}
.dg:nth-child(n+3){border-top:1px solid var(--line-soft)}
.dg .n{grid-row:1/3}
.dg .n{font:600 34px/1 var(--font-display);color:var(--text-2)}
.dg p{margin:0;font:500 15.5px/1.4 var(--font-ui)}
.dg small{font:500 11px/1 var(--font-mono);color:var(--muted);letter-spacing:.06em;text-transform:uppercase}

/* ---------- Score card ---------- */
.scard{border:1px solid var(--line);border-radius:var(--r-lg);padding:16px 18px 14px;display:flex;flex-direction:column;gap:2px}
.scard-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.scard-h .st{font:500 11.5px/1 var(--font-mono);color:var(--muted);letter-spacing:.06em;text-transform:uppercase}
.scard-r{display:grid;grid-template-columns:3px 30px 1fr auto;gap:12px;align-items:center;padding:7px 0}
.scard-r .cb{height:26px;border-radius:2px;background:var(--tc)}
.scard-r img{width:30px;height:30px}
.scard-r .tn{font:600 21px/1 var(--font-display);text-transform:uppercase;letter-spacing:.01em}
.scard-r .tn small{font:400 12px/1 var(--font-ui);color:var(--muted);text-transform:none;margin-left:6px;letter-spacing:0}
.scard-r .pts{font:700 var(--fs-score)/1 var(--font-display);font-variant-numeric:tabular-nums}
.scard.is-live .pts{font-style:italic}
.scard-r.lose .tn,.scard-r.lose .pts{color:var(--muted)}
.scard-r .poss{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--text-2);margin-right:8px;vertical-align:middle}
.scard-f{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:12px;border-top:1px solid var(--line-soft);font-size:12.5px;color:var(--muted)}
.scard-f a{margin-left:auto;color:var(--text);font-weight:500;display:inline-flex;align-items:center;gap:4px}

/* Rail score list */
.rs-lg{padding:14px 0 6px;display:flex;justify-content:space-between;align-items:center}
.rs-lg .c{font:500 11px/1 var(--font-mono);color:var(--muted)}
.rs{display:grid;grid-template-columns:1fr auto auto;gap:3px 12px;align-items:center;padding:11px 0;border-top:1px solid var(--line-soft)}
.rs .t{display:flex;align-items:center;gap:10px;font:500 14px/1.2 var(--font-ui);white-space:nowrap}
.rs .t img{width:20px;height:20px}
.rs .s{font:700 21px/1 var(--font-display);font-variant-numeric:tabular-nums;text-align:right}
.rs .lose{color:var(--muted)}
.rs .st{grid-row:1/3;grid-column:3;font:500 11px/1.4 var(--font-mono);color:var(--muted);text-align:right;width:52px;letter-spacing:.02em;text-transform:uppercase}
.rs .st.lv{color:var(--live)}
.rs.is-live .s{font-style:italic}
.seg{display:flex;gap:4px;padding:3px;background:var(--surface);border-radius:999px}
.seg a{flex:1;height:30px;display:grid;place-items:center;border-radius:999px;font:500 13px/1 var(--font-ui);color:var(--muted)}
.seg a.on{background:var(--surface-3);color:var(--text)}

/* ---------- Picks ---------- */
.hd-picks{display:flex;flex-direction:column}
.hd-pick{display:grid;grid-template-columns:214px 1fr auto;gap:24px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line-soft)}
.hd-pick:first-child{padding-top:0}
.hd-pick .mu{display:flex;align-items:center;gap:10px}
.hd-pick .mu img{width:30px;height:30px}
.hd-pick .mu b{font:700 19px/1 var(--font-display);text-transform:uppercase;white-space:nowrap}
.hd-pick .mu span{font:500 12px/1 var(--font-mono);color:var(--muted)}
.hd-pick .bars{display:flex;flex-direction:column;gap:7px}
.bar-l{display:flex;justify-content:space-between;font:500 12.5px/1 var(--font-ui);color:var(--text-2)}
.bar-l b{font:600 16px/1 var(--font-display);color:var(--text);font-variant-numeric:tabular-nums}
.hd-bar{height:6px;border-radius:3px;background:var(--surface-3);overflow:hidden;display:flex}
.hd-bar i{display:block;background:var(--muted)}
.hd-bar i.lead{background:var(--text-2)}
.hd-pick .vote{display:flex;gap:8px;justify-content:flex-end}
.hd-pick .vote a{height:36px;min-width:60px;padding:0 12px;display:grid;place-items:center;border-radius:999px;border:1px solid var(--line);font:600 15px/1 var(--font-display);letter-spacing:.06em}
.hd-pick .vote a.sel{border-color:var(--text-2);background:var(--surface-2);color:var(--text)}

/* ---------- Angle ---------- */
.angles{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.angle{border:1px solid var(--line);border-radius:var(--r-lg);padding:20px 22px;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden}
.angle .wm{position:absolute;right:-24px;top:-24px;width:130px;height:130px;opacity:.08}
.angle h3{margin:0;font:700 32px/1 var(--font-display);text-transform:uppercase}
.angle h3 small{display:block;font:400 13px/1.5 var(--font-ui);color:var(--text-2);text-transform:none;margin-top:4px}
.hd-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.hd-stats div{padding-top:12px}
.hd-stats b{display:block;font:700 32px/1 var(--font-display);font-variant-numeric:tabular-nums}
.hd-stats span{font:500 10.5px/1 var(--font-mono);color:var(--muted);letter-spacing:.08em;text-transform:uppercase}

/* ---------- Stories ---------- */
.lead-story{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--line-soft)}
.art{border-radius:var(--r-lg);aspect-ratio:16/10;position:relative;overflow:hidden;background:
  radial-gradient(120% 90% at 85% 15%,color-mix(in srgb,var(--tc,var(--lg)) 75%,transparent),transparent 60%),
  linear-gradient(160deg,color-mix(in srgb,var(--tc,var(--lg)) 35%,#141416),#141416)}
.art img{position:absolute;right:8%;bottom:10%;width:46%;height:auto;opacity:.95;filter:drop-shadow(0 10px 30px rgba(0,0,0,.4))}
.art::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4px)}
.art .cr{position:absolute;left:18px;top:16px;width:38px;opacity:.9}
.lead-story h3{margin:10px 0 10px;font:700 30px/1.02 var(--font-display);text-transform:uppercase}
.lead-story p{margin:0 0 12px;color:var(--text-2)}
.hd-byline{font:500 11.5px/1 var(--font-mono);color:var(--muted);letter-spacing:.04em;text-transform:uppercase}
.story-list{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.st-item{display:grid;grid-template-columns:1fr 64px;gap:16px;padding:18px 0;border-bottom:1px solid var(--line-soft);align-items:start}
.st-item h4{margin:8px 0 8px;font:500 15px/1.35 var(--font-ui)}
.st-item .art{aspect-ratio:1;border-radius:var(--r)}
.st-item .art img{width:58%;right:21%;bottom:21%}

/* ---------- Rail blocks ---------- */
.hd-blk h3{margin:0 0 4px;display:flex;align-items:baseline;gap:10px;font:700 21px/1 var(--font-display);text-transform:uppercase;padding-bottom:10px;border-bottom:1px solid var(--line)}
.hd-blk h3 a{margin-left:auto;font:500 12.5px/1 var(--font-ui);color:var(--text-2);text-transform:none}
.mt{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line-soft)}
.mt img{width:34px;height:34px}
.mt b{display:block;font:500 15px/1.2 var(--font-ui)}
.mt span{font-size:12.5px;color:var(--muted)}
.mt .r{text-align:right;font:700 17px/1.1 var(--font-display);font-variant-numeric:tabular-nums}
.mt .r small{display:block;font:500 10.5px/1.5 var(--font-mono);color:var(--muted);letter-spacing:.04em;text-transform:uppercase}
.mt .r.w{color:var(--win)}
.row2{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line-soft);font-size:14px}
.row2 span{display:block;font-size:12.5px;color:var(--muted)}
.row2 .v{font:500 11px/1 var(--font-mono);letter-spacing:.08em;padding:5px 8px;border-radius:999px;text-transform:uppercase}
.row2 .v.start{color:var(--win);background:rgba(92,192,138,.12)} .row2 .v.sit{color:var(--loss);background:rgba(224,122,110,.12)}
.row2 .tmp{font:700 22px/1 var(--font-display)}
.row2 .wxi{color:var(--text-2)}
.tr-logos{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding-top:14px}
.tr-logos a{aspect-ratio:1.15;border-radius:var(--r);border:1px solid var(--line-soft);display:grid;place-items:center}
.tr-logos img{width:34px;height:34px}
.install{display:flex;align-items:center;gap:10px;padding:9px 10px 9px 14px;border-radius:999px;border:1px solid var(--line);font-size:13px;color:var(--text-2);background:var(--bg-2)}
.install img{width:18px;height:auto}
.install a{margin-left:auto;color:var(--text);font-weight:600}
.install .x{margin-left:0;color:var(--muted);display:grid;place-items:center;width:24px;height:24px}

/* ---------- Footer ---------- */
.ft{margin-top:80px;border-top:1px solid var(--line)}
.ft-in{max-width:var(--max);margin:0 auto;padding:44px 32px 32px;display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:40px}
.ft-in img{height:48px;width:auto}
.ft-in p{color:var(--muted);font-size:13.5px;margin:14px 0 0;max-width:300px}
.ft h5{margin:0 0 14px;font:500 11px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.ft ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;font-size:14px;color:var(--text-2)}
.ft-base{max-width:var(--max);margin:0 auto;padding:18px 32px 28px;border-top:1px solid var(--line-soft);display:flex;gap:20px;font:500 11.5px/1 var(--font-mono);color:var(--muted);letter-spacing:.03em}
.ft-base span:last-child{margin-left:auto}

/* ---------- Tracker header ---------- */
.trh{border-bottom:1px solid var(--line-soft)}
.trh-in{max-width:var(--max);margin:0 auto;padding:34px 32px 0}
.crumb{font:500 11.5px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);display:flex;gap:8px;align-items:center}
.crumb b{color:var(--lg);font-weight:500}
.trh-top{display:flex;align-items:flex-end;gap:18px;margin-top:14px}
.trh h1{margin:0;font:700 64px/0.9 var(--font-display);text-transform:uppercase;letter-spacing:.005em;display:flex;align-items:center;gap:16px}
.trh h1 i{width:4px;height:46px;background:var(--lg);border-radius:2px}
.trh .upd{font:500 12px/1 var(--font-mono);color:var(--muted);padding-bottom:8px;display:flex;align-items:center;gap:8px}
.trh-top .acts{margin-left:auto;display:flex;gap:8px;padding-bottom:4px}
/* Team-report hero used by the NFL club properties. The legacy bridge assigns
   a site-wide green --accent, so team heroes intentionally use the club tokens
   (--primary, --navy and --gold) that every NFL report already declares. */
.tmh{position:relative;overflow:hidden;isolation:isolate;color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--primary,#18243a) 88%,#000),color-mix(in srgb,var(--navy,var(--primary,#18243a)) 82%,#000));border-bottom:3px solid var(--team-accent,var(--gold,#fff))}
.tmh::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(70% 150% at 100% 0%,color-mix(in srgb,var(--team-accent,var(--gold,#fff)) 30%,transparent),transparent 62%)}
.tmh-in{max-width:var(--max);margin:0 auto;padding:30px 32px 0}
.tmh .crumb{font:500 11px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.72);display:flex;align-items:center;gap:6px}
.tmh .crumb a{color:inherit}
.tmh-top{display:grid;grid-template-columns:1fr auto;align-items:end;margin-top:14px}
.tmh .tmh-t{margin:0;font:700 72px/.9 var(--font-display);text-transform:uppercase;color:#fff}
.tmh .sub{margin:10px 0 0;font:400 15px/1.4 var(--font-ui);color:rgba(255,255,255,.82);max-width:680px}
.tmh-top img{width:120px;height:120px;object-fit:contain;margin:0 -6px -6px 20px;filter:drop-shadow(0 8px 20px rgba(0,0,0,.35))}
.tmh .tabs button{color:rgba(255,255,255,.7);font-size:15px}
.tmh .tabs button .ic{display:none}
.tmh .tabs button.active{color:#fff}
.tmh .tabs button.active::after{background:var(--team-accent,var(--gold,#fff));height:3px}
@media(max-width:767px){.tmh-in{padding:22px 16px 0}.tmh .tmh-t{font-size:50px}.tmh-top img{width:88px;height:88px}.tmh .sub{font-size:13px}}
.tabs{display:flex;gap:28px;margin-top:26px;overflow-x:auto;scrollbar-width:none}
.tabs a{flex:none;height:44px;display:flex;align-items:center;font:500 15px/1 var(--font-ui);color:var(--muted);position:relative}
.tabs a.on{color:var(--text)}
.tabs a.on::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--lg)}

/* NFL: stat strip + division tables */
.statstrip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.hd-ss{padding:22px 24px 22px 0;display:flex;flex-direction:column;gap:8px}
.hd-ss + .hd-ss{border-left:1px solid var(--line-soft);padding-left:24px}
.hd-ss .big{font:700 48px/1 var(--font-display);font-variant-numeric:tabular-nums;text-transform:uppercase}
.hd-ss .big em{font-style:normal;color:var(--hd-gold)}
.hd-ss p{margin:0;font-size:13.5px;color:var(--text-2)}
.divs{display:grid;grid-template-columns:1fr 1fr;gap:28px 40px}
.dv h4{margin:0;display:flex;justify-content:space-between;align-items:baseline;padding-bottom:8px;border-bottom:1px solid var(--line);font:700 20px/1 var(--font-display);text-transform:uppercase}
.dv h4 span{font:500 10.5px/1 var(--font-mono);color:var(--muted);letter-spacing:.08em;display:flex;gap:0}
.dv h4 span i{font-style:normal;width:56px;text-align:right}
.dvr{display:grid;grid-template-columns:28px 1fr 56px 56px 18px;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line-soft);font-size:14.5px}
.dvr img{width:28px;height:28px}
.dvr b{font-weight:500}
.dvr .n{text-align:right;font:700 18px/1 var(--font-display);font-variant-numeric:tabular-nums}
.dvr .n.cap{color:var(--text-2);font-weight:600}
.dvr .s{color:var(--muted)} .dvr .s.on{color:var(--hd-gold)}
.tbl{width:100%;border-collapse:collapse;font-size:14px}
.tbl th{font:500 10.5px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:right;padding:10px 0;border-bottom:1px solid var(--line)}
.tbl th:first-child,.tbl td:first-child{text-align:left}
.tbl td{padding:10px 0;border-bottom:1px solid var(--line-soft);text-align:right;font-variant-numeric:tabular-nums}
.tbl td:first-child{display:flex;align-items:center;gap:10px;font-weight:500}
.tbl td img{width:22px;height:22px}
.tbl tr.me td:first-child{color:var(--hd-gold)}
.sched{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:11px 0;border-bottom:1px solid var(--line-soft)}
.sched .t{display:flex;align-items:center;gap:10px;font:500 14px/1.3 var(--font-ui)}
.sched .t img{width:20px;height:20px}
.sched .w{white-space:nowrap;grid-row:1/3;grid-column:2;text-align:right;font:500 11px/1.6 var(--font-mono);color:var(--muted);text-transform:uppercase}

/* Bottom bar */
.bb-wrap{display:none}
.mh{display:none}
.bb{display:grid;grid-template-columns:repeat(5,1fr);height:66px;padding-bottom:6px;background:rgba(14,14,16,.96);border-top:1px solid var(--line);backdrop-filter:blur(12px)}
.bb a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font:500 11px/1 var(--font-ui);color:var(--muted);position:relative}
.bb a .hd-ic{width:22px;height:22px}
.bb a.on{color:var(--text)}
.bb a.on .hd-ic{color:var(--hd-gold)}
.bb a.on::after{content:"";position:absolute;bottom:4px;width:4px;height:4px;border-radius:50%;background:var(--hd-gold)}
.bb .badge{position:absolute;top:8px;left:calc(50% + 7px);width:8px;height:8px;border-radius:50%;background:var(--live);box-shadow:0 0 0 2px var(--bg)}

@media (max-width:1240px){
  .hd-grid{grid-template-columns:240px minmax(0,1fr) 270px;gap:28px}
}
@media (max-width:1023px){
  .hd-grid{grid-template-columns:minmax(0,1fr) 280px}
  .hd-grid > .rail-l{display:none}
}
@media (max-width:767px){
  :root{--fs-h2:22px;--fs-score:32px}
  .gh{display:none}
  .mh{display:flex;position:sticky;top:0;z-index:20;height:60px;align-items:center;gap:2px;padding:0 8px 0 16px;background:rgba(14,14,16,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line-soft)}
  .mh img{height:34px;width:auto}
  .mh .sp{flex:1}
  .tk-in{padding:0 0 0 16px}
  .tk-date{display:none}
  .tc{width:140px;padding:12px 14px 12px 0;margin-right:14px}
  .wrap{padding:24px 16px 0}
  .hd-grid,.hd-grid.g2l{grid-template-columns:1fr;gap:40px}
  .rail-l{position:static}
  .stack{gap:40px}
  .rail{gap:36px}
  .sticky{position:static}
  :root{--fs-score-hero:60px}
  .hd-hero{border-radius:var(--r-lg)}
  .hero-band{padding:14px 14px 18px;row-gap:12px}
  .hero-team img{width:46px;height:46px}
  .hero-team b{font-size:19px}
  .hero-team small{font-size:10.5px}
  .hero-score .pts{gap:10px}
  .hero-score .pts i{width:9px}
  .hero-band .clk{font-size:10.5px;padding:6px 10px}
  .hero-top .full,.hero-top .tv{display:none}
  .hero-top .short{display:inline}
  .hero-wp span:last-child{display:none}
  .hero-body{grid-template-columns:1fr;padding:18px 16px}
  .hero-body h1{font-size:30px}
  .hero-acts .hd-btn{flex:1;justify-content:center}
  .digest{grid-template-columns:1fr;border-bottom:0}
  .dg,.dg:nth-child(even),.dg:nth-child(n+3){grid-template-columns:40px 1fr;gap:4px 12px;padding:14px 0;border-left:0;border-top:0;border-bottom:1px solid var(--line-soft)}
  .dg .n{grid-row:1/3;font-size:28px}
  .dg p{font-size:15px}
  .sh .cnt:has(+ .more){display:none}
  .hd-pick{grid-template-columns:1fr auto;gap:12px 16px}
  .hd-pick .bars{grid-column:1/-1;grid-row:2}
  .hd-pick .vote a{min-width:52px;height:34px}
  .hd-pick .mu b{font-size:18px}
  .hd-pick .mu img{width:26px;height:26px}
  .angles{grid-template-columns:1fr;gap:14px}
  .angle h3{font-size:30px}
  .lead-story{grid-template-columns:1fr;gap:16px}
  .lead-story h3{font-size:28px}
  .story-list{grid-template-columns:1fr}
  .st-item{grid-template-columns:1fr 76px}
  .ft{margin-top:48px}
  .ft-in{grid-template-columns:1fr 1fr;gap:28px;padding:32px 16px 24px}
  .ft-in > :first-child{grid-column:1/-1}
  .ft-base{flex-wrap:wrap;padding:16px 16px 24px;gap:10px 20px}
  .trh-in{padding:20px 16px 0}
  .trh h1{font-size:46px;gap:12px}
  .trh h1 i{width:3px;height:34px}
  .trh-top{flex-direction:column;align-items:flex-start;gap:10px;margin-top:10px}
  .trh .upd{padding-bottom:0}
  .trh-top .acts{display:none}
  .tabs{gap:22px;margin:16px -16px 0;padding:0 16px}
  .statstrip{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;background:none;gap:10px;overflow:hidden;margin-right:-16px}
  .statstrip{border:0}
  .hd-ss,.hd-ss + .hd-ss{border:1px solid var(--line);border-radius:var(--r-lg);padding:18px}
  .hd-ss .big{font-size:40px}
  .divs{grid-template-columns:1fr;gap:28px}
  .bb-wrap{display:block;position:sticky;bottom:0;z-index:30}
  .bb-wrap .install{margin:0 12px 10px;background:rgba(18,18,20,.96);backdrop-filter:blur(8px)}
  .hide-m{display:none!important}
}
@media (min-width:768px){.show-m{display:none!important}}

/* ---------- C additions ---------- */
.tc.is-live .sc{font-style:italic}
.rail-more{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:14px;height:38px;border:1px solid var(--line);border-radius:999px;font:500 13px/1 var(--font-ui);color:var(--text-2)}
.rail-l .hd-blk h3 + .scard{margin-top:0}
.divs{grid-template-rows:repeat(4,auto);grid-auto-flow:column}
@media (max-width:767px){
  .divs{grid-template-rows:none;grid-auto-flow:row}
}
.trk{display:grid;grid-template-columns:3px 16px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line-soft);font-size:14px}
.trk i{width:3px;height:16px;border-radius:2px;background:var(--lg)}
.trk .ic-sm{color:var(--text-2)}
.trk b{font-weight:500;white-space:nowrap}
.trk span{font:500 10.5px/1 var(--font-mono);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.rail-l{gap:36px}


/* ===================== Legacy bridge (opt-in: <html class="hd-v2">) =====================
   Every tracker still ships its own inline :root{--bg:#0d1117;--panel;--border;--accent;--accent2;--gold}
   (GitHub Primer palette). :root.hd-v2 has higher specificity than the page's own :root, so
   the new tokens win without editing each page's inline CSS. Team pages re-declare these on
   body.team-* (see rams-tracker). Remove a page from the bridge by dropping the class. */
:root.hd-v2{--bg:#0E0E10;--text:#EEEBE5;--muted:#85827B;--panel:#17171A;--panel-2:#1E1E22;--border:#2A2A2F;--accent:#3FCB82;--accent2:#5AA8FF;--gold:#E3B25A;color-scheme:dark}
:root.hd-v2.hd-light{
  --bg:#F6F4EF;--bg-2:#FFFFFF;--bg2:#FFFFFF;--surface:#FFFFFF;--surface-2:#EEEAE2;--surface-3:#E3DED4;
  --line:#D3CEC4;--line-soft:#E5E0D7;--text:#1A1917;--text-2:#504D47;--muted:#706C64;
  --panel:#FFFFFF;--panel-2:#EEEAE2;--panel2:#EEEAE2;--border:#D3CEC4;--accent:#18794E;--accent2:#1769AA;
  --win:#18794E;--loss:#B42318;--info:#1769AA;color-scheme:light
}
/* Keep the white Hye Dad wordmark on dark branded chrome while tracker
   content switches to the light palette. */
.hd-light :where(#hd-nav,.bb-wrap,footer.ft){--bg:#0E0E10;--bg-2:#121214;--surface:#17171A;--surface-2:#1E1E22;--surface-3:#26262B;--line:#2A2A2F;--line-soft:#202024;--text:#EEEBE5;--text-2:#BDB9B1;--muted:#85827B;color-scheme:dark}
.hd-light footer.ft{background:var(--bg)!important}
.hd-light #install-banner{background:rgba(255,255,255,.96);box-shadow:0 8px 24px rgba(44,38,28,.16)}
.hd-light :where(fieldset,.panel,.box){border-color:var(--line)!important;background-color:var(--bg-2)!important}
.hd-light :where(legend,label,.hint,.muted){color:var(--text-2)!important}
.hd-light :where(.side-btn,.points-select,select.points-select){background:var(--panel-2)!important;border-color:var(--line)!important;color:var(--text)!important}
.hd-light .side-btn small{color:var(--muted)!important}
.hd-light .side-btn.selected{background:#DDE8FF!important;border-color:var(--accent2)!important}
.hd-light .bar{background:var(--bg)!important;border-color:var(--line)!important}
.hd-v2 body{font-family:var(--font-ui);background:var(--bg);color:var(--text);padding-bottom:0}
.hd-v2 body.hd-static>header,.hd-v2 body.hd-static>footer:not(.ft){display:none!important}
.hd-v2 body.hd-static>main{position:relative;z-index:1}
.hd-v2 body.hd-static .back{font:500 12px/1 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--text-2)}
.hd-v2 a{text-decoration:none}
.hd-v2 :where(h1,h2,h3){font-family:var(--font-display);letter-spacing:.01em}
/* In-text links must not rely on color alone (Lighthouse link-in-text-block). */
.hd-v2 :where(p,li,.sub,.seo-intro,.page-disclosure,footer) a:not([class]):not(:where(.ft *,.gh *,.mh *,.bb *)){text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
.hd-v2 :where(button,[role=button],a.hd-btn,.icon-btn){min-height:24px}
.hd-v2 :focus-visible{outline:2px solid var(--hd-gold);outline-offset:2px;border-radius:4px}
/* Slim install pill instead of the 15%-of-screen fixed card (page JS still drives it). */
.hd-v2 #install-banner{left:12px;right:12px;bottom:calc(78px + env(safe-area-inset-bottom));max-width:400px;margin:0 auto;padding:6px 6px 6px 12px;border-radius:999px;border:1px solid #36363c;background:rgba(18,18,20,.96);backdrop-filter:blur(8px);box-shadow:0 8px 24px rgba(0,0,0,.4);gap:8px;font-size:13px}
.hd-v2 #install-banner > span:first-child{display:none}
.hd-v2 #install-banner .ib-text{min-width:0;font-size:12px;line-height:1.25;color:#C9C6BF;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.hd-v2 #install-banner .ib-btn{background:var(--hd-gold);color:var(--hd-gold-ink);border-radius:999px;padding:8px 14px;font:600 13px/1 var(--font-ui)}
.hd-v2 #install-banner .ib-close{min-width:36px;min-height:36px;color:#C9C6BF}
.hd-v2.hd-light #install-banner{border-color:var(--line);background:rgba(255,255,255,.97);box-shadow:0 8px 24px rgba(44,38,28,.16)}
.hd-v2.hd-light #install-banner .ib-text,.hd-v2.hd-light #install-banner .ib-close{color:var(--text-2)}
@media (max-width:767px){.hd-v2 #install-banner{left:8px;right:8px;gap:6px}}
@media (min-width:768px){.hd-v2 #install-banner{bottom:24px}}
.hd-v2.hd-install-seen #install-banner{display:none!important}
/* Header reservation (CLS): nav-v2.js is deferred, so the slot's height must live in this
   render-blocking file, not only in the CSS nav-v2.js injects. Matches .gh (73px) / .mh (60px). */
.hd-chrome-slot{height:73px}
@media (max-width:767px){.hd-chrome-slot{height:60px}}
.hd-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Tracker intro / disclosure / newsletter strip, moved below the content by
   nav-v2.js (relocateMetaStrip). One quiet block above the data-source note. */
.hd-meta-foot{max-width:var(--max,1200px);margin:48px auto 0;padding:18px 32px 0;border-top:1px solid var(--line-soft,var(--line,#2a2a2a));display:flex;flex-direction:column;gap:6px}
.hd-meta-foot>*,.hd-meta-foot .tmh-meta>*,.hd-meta-foot .trh-meta>*{max-width:860px!important;margin:0!important;padding:0!important;text-align:left!important;background:none!important;border:0!important;font-size:12.5px!important;line-height:1.55!important;color:var(--muted)!important}
.hd-meta-foot .tmh-meta,.hd-meta-foot .trh-meta{display:flex;flex-direction:column;gap:6px;max-width:none!important}
.hd-meta-foot .seo-intro{color:var(--text-2,var(--muted))!important;font-size:13px!important}
.hd-meta-foot a{color:var(--text-2,var(--muted))!important;text-decoration:underline;text-decoration-color:var(--line,currentColor);text-underline-offset:3px}
.hd-meta-foot+footer.hd-src{margin-top:16px!important;border-top:0!important}
@media (max-width:767px){.hd-meta-foot{padding:16px 16px 0;margin-top:32px}}
/* Data-source credit line (trackers also style this inline; this is the shared default). */
.hd-v2 footer.hd-src{max-width:var(--max,1200px);margin:48px auto 0;padding:18px 32px;border-top:1px solid var(--line-soft,var(--line));text-align:left;font-size:12px;line-height:1.7;color:var(--muted)}
.hd-v2 footer.hd-src a{color:var(--text-2,var(--muted));text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
.hd-v2 footer.hd-src+footer.ft,.hd-v2 footer.hd-src+footer.hub-dir{margin-top:0}
@media (max-width:767px){.hd-v2 footer.hd-src{padding:16px}}

/* Team finder (search icon on trackers) */
.hd-find-results{display:flex;flex-direction:column;margin-top:12px}
.hd-find-keys{margin:8px 0 2px;color:var(--muted);font-size:12px}.hd-find-keys kbd{display:inline-block;min-width:18px;padding:1px 5px;border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;font:500 11px/1.4 var(--font-mono,monospace);color:var(--text-2);text-align:center}@media (pointer:coarse){.hd-find-keys{display:none}}
.hd-find-row{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line-soft)}
.hd-find-row:first-child{border-top:0}
.hd-find-row a{flex:1;display:flex;align-items:baseline;gap:10px;padding:11px 2px;color:var(--text);min-width:0}
.hd-find-row a b{font-weight:600;font-size:15px}
.hd-find-row a small{font:500 11px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.hd-find-row a:hover b{color:var(--hd-gold)}
.hd-find-star{flex:none;width:36px;height:36px;border:0;border-radius:999px;background:none;color:var(--muted);font-size:18px;cursor:pointer}
.hd-find-star:hover{background:var(--surface-2);color:var(--text)}
.hd-find-star.on{color:var(--hd-gold)}
.hd-find-hint{margin:12px 2px 0;color:var(--muted);font-size:13.5px}

/* Your-teams strip under the network header on every tracker */
.hd-mystrip{border-bottom:1px solid var(--line-soft,var(--line));background:var(--bg-2,var(--bg))}
.hd-mystrip-in{max-width:var(--max,1200px);margin:0 auto;padding:8px 32px;display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
.hd-mystrip-in::-webkit-scrollbar{display:none}
.hd-mystrip-k{flex:none;font:500 11px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--hd-gold);margin-right:4px}
.hd-mystrip a{flex:none;display:inline-flex;align-items:baseline;gap:6px;height:30px;line-height:30px;padding:0 12px;border:1px solid var(--line);border-radius:999px;color:var(--text-2);font:500 13px/30px var(--font-ui);text-decoration:none}
.hd-mystrip a small{font:500 10px/1 var(--font-mono);letter-spacing:.06em;color:var(--muted)}
.hd-mystrip a:hover{border-color:var(--text-2);color:var(--text)}
.hd-mystrip a.on{border-color:var(--hd-gold-line,var(--hd-gold));color:var(--text)}
.hd-mystrip a.hd-mystrip-edit{border:0;color:var(--muted);text-decoration:underline;text-underline-offset:3px;padding:0 4px}
@media (max-width:767px){.hd-mystrip-in{padding:8px 16px}}
/* Board cut (Nov 2026): no floating "install this app" prompt anywhere in the
   network. The passive "add to home screen" links in footers stay. */
#install-banner{display:none!important}
/* Reserve the content area so a tracker's footer starts below the fold and
   isn't pushed down (layout shift) when the page's data renders. */
.hd-v2 #hd-main{min-height:calc(100vh - 140px)}

/* ---- Display settings (Nov 2026): set from the Aa panel in the nav,
   stored in the hd_prefs cookie on .hyedad.com, applied as classes on <html>.
   Only explicit choices are stored; device settings apply otherwise. ---- */
html.hd-text-1 body{zoom:1.1}
html.hd-text-2 body{zoom:1.22}
html.hd-hc{--text:#FFFFFF;--text-2:#E6E3DD;--muted:#C9C5BD;--line:#6A6A72;--line-soft:#4A4A52}
html.hd-hc.hd-light{--text:#000000;--text-2:#1F1D1A;--muted:#36332E;--line:#7A756B;--line-soft:#A29D93}
html.hd-hc a:not([class]){text-decoration:underline;text-underline-offset:2px}
html.hd-hc :focus-visible{outline:3px solid var(--hd-gold)!important;outline-offset:2px}
html.hd-rm *,html.hd-rm *::before,html.hd-rm *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}

/* Spoiler mode: scores are masked until revealed in Game Center. */
html.hd-spoilers :is(.hd-spoil,.tg-score,.tk-team b,.brief-score b,.hero-score .pts span,.gd-team b){color:transparent!important;text-shadow:none!important;background:var(--surface-3,#26262B);border-radius:4px;min-width:1.4em;display:inline-block;user-select:none}
html.hd-spoilers :is(.brief-res,.hero-wp,#recapSection){display:none!important}
.gc-reveal{display:none}
html.hd-spoilers #bs-content.gc-hidden .gc-reveal{display:inline-flex;align-items:center;min-height:44px;margin:10px auto 4px;padding:0 18px;border-radius:999px;border:1px solid var(--hd-gold);background:var(--hd-gold);color:var(--hd-gold-ink);font:600 14px/1 var(--font-ui);cursor:pointer}
html.hd-spoilers #bs-content.gc-hidden{text-align:center}
html.hd-spoilers #bs-content.gc-hidden>*:not(.bs-matchup):not(.bs-status):not(.gc-reveal):not(.gc-pre):not(.gc-actions){display:none!important}
html.hd-spoilers #bs-content.gc-hidden .bs-score{color:transparent!important;background:var(--surface-3,#26262B);border-radius:6px;min-width:1.6em}
html.hd-spoilers #bs-content.gc-hidden .bs-status{visibility:hidden}

/* Display panel */
.hd-disp-btn{font:600 15px/1 var(--font-ui);letter-spacing:-.02em}
.hd-disp-row{display:flex;flex-direction:column;gap:6px;padding:12px 0;border-top:1px solid var(--line-soft)}
.hd-disp-row:first-of-type{border-top:0;padding-top:0}
.hd-disp-k{font:500 11px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.hd-disp-seg{display:flex;flex-wrap:wrap;gap:6px}
.hd-disp-seg button{min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:none;color:var(--text-2);font:500 13.5px/1 var(--font-ui);cursor:pointer}
.hd-disp-seg button[aria-pressed="true"]{background:var(--hd-gold-soft);border-color:var(--hd-gold-line);color:var(--text)}
.hd-disp-note{margin:0;color:var(--muted);font-size:12.5px;line-height:1.45}
@media (pointer:coarse){.hd-disp-seg button{min-height:44px}}

/* Bigger touch areas for small text links (sweep, Nov 2026). Inline padding
   enlarges what a finger can hit without moving any text. */
@media (pointer:coarse){
  .crumb a,.hd-meta-foot a,footer.hd-src a,.seo-intro a,.disclaimer a{padding:10px 2px;margin:0 -2px}
}