/* lab-matrix.css v1.15 (W32_C pages: record cards, follow card, team header, best win, school page, NFL footer; W32_B: app-icon cells, % pop-up sheet, Not clinched line; W31_K Pixel F-J walk fixes; W31_J B4 team page rest; W31_I B6 ratings; W31_H B5 game page; W31_G B3 NFL main + pro frame; W31_F B2 football hub; W31_E odds strip + header mid breakpoint; W31_D Pixel walk fixes; W31_C2 wide-screen centering; W31_C design system A + home B1, section W31 at the end; W30_F4 spot-check fixes; W30_F live-walk fixes, section 10; W30_F2 + F3 card fit, Pixel re-walk R2-R4) · niftiIQ W30 "Finish matrix" + LIGHT default theme · Sage 2026-10-11 (Pixel build list
   02_Build\Websites\lab_niftiiq\W30_flow\matrix\W30_MATRIX_BUILD_LIST_2026-10-11.md, sections 1-8; Brett 10-11).
   SHARED: one file for every niftiIQ sport app (MEFB, NFL, NBA, XC, front door); keep byte-identical. Loaded AFTER
   lab-graphite.css. Pairs with templates/_matrix.html (macros) and static/lab-matrix.js (tap panel, toggles, theme switch).

   Theme: LIGHT is what every visitor sees first. Dark (= the Clubhouse look as it was live) only when <html data-theme="dark">,
   set by the sun/moon switch (remembered per device in localStorage 'iq_theme'; an inline <head> script applies it before paint).
   The light theme re-points the Clubhouse --ch-* tokens, so every existing page follows; the few literal colors are fixed below. */

/* ================= 1) light tokens (section 4) ================= */
html.look-graphite:not([data-theme="dark"]),
html.look-graphite:not([data-theme="dark"]) body{
  color-scheme:light;
  --ch-black:#F2F5F8;  --ch-coal:#FFFFFF;  --ch-coal-2:#F4F7F9;
  --ch-text:#0C1A24;   --ch-text-2:#475B6A; --ch-text-dim:#5E7383;
  --ch-line:rgba(12,26,36,.12); --ch-line-2:rgba(12,26,36,.24); --ch-cut:#1592B3;
  --ch-amber:#08799A;              /* accent TEXT on light (links, labels); the amber FILL stays #3DD6F5: --ch-amber-fill */
  --ch-amber-soft:rgba(61,214,245,.22);
  --ch-good:#12784A; --ch-red-text:#B23A2B;
  --ch-cream:#0C1A24;              /* 'selected' fills (current tab / chip / primary button) = ink on light ... */
  --ch-ink:#F6F9FB;                /* ... with paper text */
  --accent-faint:#5FB8CC;
}
:root{--ch-amber-fill:#3DD6F5;--ch-on-amber:#0C1A24}
html.look-graphite:not([data-theme="dark"]) body{background:var(--ch-black)!important;color:var(--ch-text)}
/* amber fills keep ink text in both themes */
html.look-graphite:not([data-theme="dark"]) ::selection{background:var(--ch-amber-fill);color:var(--ch-on-amber)}
html.look-graphite:not([data-theme="dark"]) tr.q .rk span, html.look-graphite:not([data-theme="dark"]) .gp-key-q,
html.look-graphite:not([data-theme="dark"]) .ch-st li.in .rk{background:var(--ch-amber-fill)!important;border-color:var(--ch-amber-fill)!important;color:var(--ch-on-amber)!important}
html.look-graphite:not([data-theme="dark"]) .ch-legend .sw, html.look-graphite:not([data-theme="dark"]) .ch-live::before{background:var(--ch-amber-fill)}
/* the cream paper card (Get updates form) stays cream with ink, as designed */
html.look-graphite:not([data-theme="dark"]) .ch-paper{--ch-cream:#E6F1F7;--ch-ink:#0C1A24;--ch-paper:#F6F9FB}
/* light: the Clubhouse green bands become light green-tint / white surfaces (Pixel light sheets: only the header stays green) */
html.look-graphite:not([data-theme="dark"]), html.look-graphite:not([data-theme="dark"]) body{--ch-green:#EAF4F8;--ch-green-2:#FFFFFF}
/* the header stays the green band with cream text (dark island) */
html.look-graphite:not([data-theme="dark"]) .iq-top{
  --ch-text:#E6F1F7; --ch-text-2:#A9BCC9; --ch-text-dim:#7E95A5; --ch-line:rgba(230,241,247,.16); --ch-line-2:rgba(230,241,247,.28);
  --ch-amber:#3DD6F5; --ch-cream:#E6F1F7; --ch-ink:#0C1A24; --ch-coal:#081520; --ch-coal-2:#10283A; --ch-black:#0B1A26;
  --iq-ink:#E6F1F7; --iq-slate:#A9BCC9; --iq-line:rgba(230,241,247,.16); color:var(--ch-text)!important}
html.look-graphite:not([data-theme="dark"]) .iq-top{background:#0B1A26;border-bottom-color:#081520}
html.look-graphite:not([data-theme="dark"]) .iq-top a:not([aria-current]){color:#E6F1F7}
/* competition row = white sub band, amber underline on the current tab (mockup) */
html.look-graphite:not([data-theme="dark"]) .iq-comp{background:#FFFFFF}
html.look-graphite:not([data-theme="dark"]) .iq-tabs a[aria-current], html.look-graphite:not([data-theme="dark"]) .iq-more summary[aria-current]{background:transparent!important;color:var(--ch-text)!important;border-radius:0;box-shadow:inset 0 -2px 0 var(--ch-amber-fill)}
html.look-graphite:not([data-theme="dark"]) .ch-btn:hover, html.look-graphite:not([data-theme="dark"]) .iq-btn:hover{background:#223542;color:#F6F9FB}
html.look-graphite:not([data-theme="dark"]) .ch-door:hover{background:#F4F7F9}
html.look-graphite:not([data-theme="dark"]) .ch-proof, html.look-graphite:not([data-theme="dark"]) .ch-sports a{background:rgba(255,255,255,.08)}
html.look-graphite:not([data-theme="dark"]) input, html.look-graphite:not([data-theme="dark"]) select, html.look-graphite:not([data-theme="dark"]) textarea{background:#FFFFFF;color:#0C1A24;border-color:rgba(12,26,36,.24)}
html.look-graphite:not([data-theme="dark"]) .iq-chip--live{color:#FFFFFF}
html.look-graphite:not([data-theme="dark"]) tr.q td{background:rgba(61,214,245,.12)}
/* W30 Phase A pieces (w30.css) that used literal dark colors */
html.look-graphite:not([data-theme="dark"]) .w30-yt, html.look-graphite:not([data-theme="dark"]) .w30-q{background:var(--ch-amber-fill);color:var(--ch-on-amber)}
html.look-graphite:not([data-theme="dark"]) .w30-wb-me{background:var(--ch-amber-fill);color:var(--ch-on-amber)}
html.look-graphite:not([data-theme="dark"]) .w30-wb-op{background:#1592B3;color:#F6F9FB}   /* W30_F S2: no navy (brand) */

/* ================= 2) the one-hue scale (section 1) ================= */
:root, html.look-graphite:not([data-theme="dark"]){
  --mx-s0:#EAF4F8; --mx-s1:#C6E6F0; --mx-s2:#7FCBE0; --mx-s3:#1592B3; --mx-s4:#0B1A26;
  --mx-t0:#0C1A24; --mx-t1:#0C1A24; --mx-t2:#0C1A24; --mx-t3:#F6F9FB; --mx-t4:#F6F9FB;
  --mx-now:#0C1A24; --mx-ring:#3DD6F5; --mx-card:#FFFFFF; --mx-you:rgba(61,214,245,.22);
}
html[data-theme="dark"]{
  --mx-s0:#101B24; --mx-s1:#12364A; --mx-s2:#155A73; --mx-s3:#1BA7C6; --mx-s4:#8BE9FB;
  --mx-t0:#E6F1F7; --mx-t1:#E6F1F7; --mx-t2:#E6F1F7; --mx-t3:#0C1A24; --mx-t4:#0C1A24;
  --mx-now:#E6F1F7; --mx-ring:#3DD6F5; --mx-card:#0E161E; --mx-you:rgba(61,214,245,.10);
}
.mx-s0, .mx td.mx-s0{background:var(--mx-s0);color:var(--mx-t0)} .mx-s1, .mx td.mx-s1{background:var(--mx-s1);color:var(--mx-t1)}
.mx-s2, .mx td.mx-s2{background:var(--mx-s2);color:var(--mx-t2)} .mx-s3, .mx td.mx-s3{background:var(--mx-s3);color:var(--mx-t3)}
.mx-s4, .mx td.mx-s4{background:var(--mx-s4);color:var(--mx-t4)}
.mx-lgd-dark{display:none} html[data-theme="dark"] .mx-lgd-dark{display:inline} html[data-theme="dark"] .mx-lgd-light{display:none}

/* ================= 3) page frame: band + toggle + chips (sections 2, 7) ================= */
.mx-page{max-width:1180px;margin:0 auto;padding:12px 16px 28px}
@media(min-width:761px){.mx-page{padding:14px 24px 32px}}
.mx-band{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
.mx-eyebrow{display:flex;gap:6px;align-items:center;font:600 10.5px/1.3 var(--ch-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ch-text-2)}
.mx-eyebrow svg{width:13px;height:13px;color:var(--ch-amber)}
html.look-graphite main .mx-band h1, .mx-band h1{font:700 30px/1 var(--ch-cond)!important;text-transform:uppercase;letter-spacing:.005em!important;margin:4px 0 0!important;color:var(--ch-text)}
.mx-band-r{margin-left:auto}
.mx-seg{display:inline-flex;border:1px solid var(--ch-line-2);border-radius:9px;overflow:hidden;background:var(--ch-coal)}
.mx-seg button,.mx-seg a{appearance:none;border:0;background:transparent;padding:6px 11px;font:600 12.5px var(--ch-font);color:var(--ch-text-2);white-space:nowrap;cursor:pointer;min-height:32px;text-decoration:none}
.mx-seg [aria-selected="true"],.mx-seg [aria-current]{background:var(--ch-text);color:var(--ch-black)}
.mx-seg button[disabled]{cursor:default;opacity:.75}
.mx-seg small{font:600 10px var(--ch-mono);opacity:.85}
.mx-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:10px 0 8px;padding-bottom:2px}
.mx-chips::-webkit-scrollbar{display:none}
.mx-chip{appearance:none;display:inline-flex;align-items:center;height:30px;padding:0 11px;border-radius:999px;border:1px solid var(--ch-line-2);background:var(--ch-coal);color:var(--ch-text);font:600 13px var(--ch-font);white-space:nowrap;cursor:pointer;text-decoration:none;flex:none}
.mx-chip[aria-pressed="true"],.mx-chip[aria-current]{background:var(--ch-text);color:var(--ch-black);border-color:var(--ch-text)}
.mx-sum{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:6px 0 10px}
.mx-sum b{font-size:14px;color:var(--ch-text)}
.mx-sum .mx-src{font-size:12px;color:var(--ch-text-2)}
.mx-sum .mx-src a{color:var(--ch-amber);font-weight:600}

/* ================= 4) the matrix card + table (section 3) ================= */
.mx-card{background:var(--ch-coal);border:1px solid var(--ch-line);border-radius:14px;margin-top:0}
.mx-card + .mx-card, .mx-stack > * + *{margin-top:12px}
.mx-head{display:flex;align-items:center;gap:8px;padding:10px 14px 4px;text-decoration:none;color:inherit}
.mx-head b{font-size:16px;color:var(--ch-amber);font-weight:700}
.mx-head .mx-q{font:600 10.5px var(--ch-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ch-text-2);border:1px solid var(--ch-line-2);border-radius:5px;padding:0 5px}
.mx-head .mx-full{margin-left:auto;font-size:12.5px;font-weight:600;color:var(--ch-text-2)}
.mx-head .mx-est{font:600 10.5px var(--ch-mono);color:var(--ch-amber);text-transform:uppercase;letter-spacing:.07em}
table.mx{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;table-layout:auto}
.mx th{font:600 10.5px var(--ch-mono)!important;letter-spacing:.07em;text-transform:uppercase;color:var(--ch-text-2)!important;padding:4px 6px 6px;text-align:right;border:0;background:transparent}
.mx th.l{text-align:left} .mx th.mxh{text-align:center;padding:4px 0 6px} .mx th.r{padding-right:14px}
.mx td{padding:0 6px;height:36px;border-top:1px solid var(--ch-line);vertical-align:middle;background:transparent}
.mx td.c{width:34px;padding-left:12px}
.mx td.tm{font-weight:600;white-space:nowrap;text-align:left}
.mx td.tm a{color:var(--ch-text);text-decoration:none}
.mx td.tm a:hover{text-decoration:underline}
.mx td.num{text-align:right;font:500 13px var(--ch-mono);white-space:nowrap;color:var(--ch-text)}
.mx td.st{text-align:right;padding-right:14px;white-space:nowrap}
.mx .mx-rk{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;font:700 11px var(--ch-mono)}
.mx .mx-rk.in{background:var(--ch-amber-fill);color:var(--ch-on-amber)}
.mx .mx-rk.out{border:1px solid var(--ch-line-2);color:var(--ch-text-2)}
.mx .mx-tb{font:700 10px var(--ch-mono);color:var(--ch-text-2);border:1px solid var(--ch-line-2);border-radius:4px;padding:0 3px;margin-left:5px;vertical-align:2px}
.mx-yt{display:inline-flex;align-items:center;height:16px;padding:0 6px;margin-left:6px;border-radius:5px;background:var(--ch-amber-fill);color:var(--ch-on-amber);font:700 8.5px var(--ch-mono);letter-spacing:.07em;text-transform:uppercase;vertical-align:1px}
.mx tr.you td:not(.mx-c){background:var(--mx-you)}
.mx tr.you td:first-child{box-shadow:inset 3px 0 0 var(--ch-amber-fill)}
.mx tr.mx-cutrow td{border-top:2px dashed var(--ch-cut)}
.mx tr td{border-bottom:0!important}
.mx tr.me:not(.you) td.tm a{font-weight:800;text-decoration:underline;text-decoration-color:var(--ch-amber-fill);text-decoration-thickness:2px;text-underline-offset:3px}
.mx-h2{font:700 15px var(--ch-font)!important;text-transform:none!important;letter-spacing:0!important;margin:0!important;color:var(--ch-text)}
.mx-findrow{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.mx-findrow .ch-find{flex:1;max-width:460px}
/* cells */
.mx td.mx-c{text-align:center;font:700 11.5px var(--ch-mono);padding:0;width:44px;min-width:34px;border:2px solid var(--mx-card);border-radius:6px;box-shadow:inset 0 0 0 1px var(--ch-line);cursor:pointer;position:relative}
.mx td.mx-c:focus-visible{outline:3px solid var(--mx-ring);outline-offset:-3px}
.mx td.mx-c.now{outline:2px solid var(--mx-now);outline-offset:-3px}
.mx td.mx-c.mx-sel{outline:3px solid var(--mx-ring)!important;outline-offset:-3px}
.mx td.mx-x{background:transparent;cursor:default;box-shadow:none;border:2px solid var(--mx-card);border-radius:6px;outline:1.5px dashed var(--ch-line-2);outline-offset:-4px}
.mx td.mx-x.est{outline-style:dotted}
/* status tags */
.mx-tag{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:5px;font:700 10px var(--ch-mono);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
.mx-tag.in{color:var(--ch-good);background:rgba(18,120,74,.10);border:1px solid var(--ch-good)}
html[data-theme="dark"] .mx-tag.in{background:rgba(124,240,180,.12)}
.mx-tag.out{color:var(--ch-red-text);background:rgba(178,58,43,.08);border:1px solid var(--ch-red-text)}
.mx-tag .sh{display:none}
.mx-pk{font:700 14px var(--ch-mono);color:var(--ch-text)}
.mx-pill{display:inline-block;min-width:52px;text-align:center;padding:4px 6px;border-radius:6px;font:700 12.5px var(--ch-mono);border:1px solid var(--ch-line);cursor:pointer}
.mx-pill.mx-sel, .mx-row .mx-hc.mx-sel{outline:3px solid var(--mx-ring);outline-offset:1px}
/* legend line + week line */
.mx-foot{display:flex;justify-content:space-between;gap:10px 14px;flex-wrap:wrap;align-items:center;margin-top:8px}
.mx-lgd{display:flex;gap:6px 14px;flex-wrap:wrap;align-items:center;font-size:12px;color:var(--ch-text-2)}
.mx-sw{display:inline-block;width:14px;height:12px;border-radius:2px;vertical-align:-1px;border:1px solid var(--ch-line)}
.mx-sw.x{border:1.5px dashed var(--ch-line-2);background:transparent}
.mx-sw.now{outline:2px solid var(--mx-now);outline-offset:-1px;border:0}
.mx-cutk{display:inline-block;width:18px;border-top:2px dashed var(--ch-cut);vertical-align:middle}
.mx-hint{font:600 11.5px var(--ch-font);color:var(--ch-amber);margin-top:6px}
.mx-wk{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12.5px;color:var(--ch-text-2)}
.mx-wk b{color:var(--ch-text)} .mx-wk .miss{color:var(--ch-amber);font-weight:600} .mx-wk a{color:var(--ch-amber);font-weight:600}
.mx-why{display:inline}
.mx-why summary{display:inline;list-style:none;cursor:pointer;font:600 11px var(--ch-mono);color:var(--ch-amber);border-bottom:1px dotted var(--ch-amber)}
.mx-why summary::-webkit-details-marker{display:none}
.mx-why[open] p{display:block;margin:6px 0 0;font-size:12.5px;color:var(--ch-text-2);max-width:62ch}
.mx-note{font-size:12px;color:var(--ch-text-2);margin:6px 0 0}
.mx-pane[hidden]{display:none!important}
.mx-div[hidden]{display:none!important}
/* "All the numbers" details card (division page) */
.mx-more{margin-top:12px}
.mx-more > summary{padding:10px 14px;font-weight:700;font-size:14px;cursor:pointer;display:flex;justify-content:space-between;gap:8px;list-style:none}
.mx-more > summary::-webkit-details-marker{display:none}
.mx-more .mx-more-k{font:600 10px var(--ch-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ch-text-2)}
.mx-more .mx-more-in{overflow-x:auto;padding:0 0 8px}
/* playoffs table (page 3) */
.mx-g2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mx-pt td.pc{text-align:right;padding-right:10px}
.mx-pt td.pc:last-child{padding-right:14px}
.mx-ifend{padding:8px 14px 10px;font-size:12px;color:var(--ch-text-2);border-top:1px solid var(--ch-line)}
.mx-ifend b{color:var(--ch-text)}
/* team-page / home mini finish row */
.mx-row{display:flex;gap:3px;flex-wrap:nowrap}
.mx-row .mx-hc{display:inline-grid;place-items:center;width:44px;height:30px;border-radius:6px;font:700 11.5px var(--ch-mono);box-shadow:inset 0 0 0 1px var(--ch-line);cursor:pointer}
.mx-row .mx-hc.x{background:transparent;box-shadow:inset 0 0 0 1.5px var(--ch-line-2);cursor:default}
.mx-row .mx-hc.now{outline:2px solid var(--mx-now);outline-offset:1px}

/* ================= 5) tap a cell: the math behind it (section 6) ================= */
.mx-panel{position:fixed;z-index:60;background:var(--ch-coal);color:var(--ch-text);border:1px solid var(--ch-line-2);display:flex;flex-direction:column}
.mx-panel[hidden]{display:none}
.mx-scrim{position:fixed;inset:0;background:rgba(7,13,18,.45);z-index:59}
.mx-scrim[hidden]{display:none}
@media(min-width:761px){
  .mx-panel{top:84px;right:max(16px,calc((100vw - 1180px)/2 + 24px));width:380px;max-height:calc(100vh - 100px);border-radius:14px}
  .mx-scrim{background:transparent}
  body.mx-open .mx-page{padding-right:416px!important}
}
@media(max-width:760px){
  .mx-panel{left:0;right:0;bottom:0;max-height:72vh;border-radius:16px 16px 0 0}
  .mx-panel::before{content:"";display:block;width:40px;height:4px;border-radius:2px;background:var(--ch-line-2);margin:8px auto 0;flex:none}
}
.mx-pn-in{overflow-y:auto;padding:12px 16px 16px;-webkit-overflow-scrolling:touch}
.mx-pn-x{appearance:none;border:0;background:transparent;color:var(--ch-text-2);font-size:20px;line-height:1;cursor:pointer;position:absolute;top:8px;right:10px;width:36px;height:36px}
.mx-pn-k{font:600 10px var(--ch-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ch-text-2);padding-right:36px}
.mx-pn-h{display:flex;gap:12px;align-items:center;margin:8px 0 10px}
.mx-pn-h .mx-big{display:inline-grid;place-items:center;min-width:60px;height:42px;padding:0 8px;border-radius:8px;font:700 17px var(--ch-mono)}
.mx-pn-h b{display:block;font-size:16px;font-weight:700}
.mx-pn-h span{display:block;font-size:12.5px;color:var(--ch-text-2)}
.mx-pn-sec{font:600 10px var(--ch-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ch-text-2);margin:12px 0 4px;padding-bottom:4px;border-bottom:1px solid var(--ch-line)}
.mx-ck{list-style:none;margin:0;padding:0}
.mx-ck li{display:grid;grid-template-columns:18px 1fr auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--ch-line)}
.mx-ck li i{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--ch-line-2)}
.mx-ck li b{font-size:13px;display:block}
.mx-ck li small{display:block;font:500 11px var(--ch-mono);color:var(--ch-text-2)}
.mx-ck li em{font:700 12.5px var(--ch-mono);font-style:normal}
.mx-ck li.helps i{border-style:dashed}
.mx-all{font-size:12px;color:var(--ch-text-2);margin:6px 0 0}
.mx-mv{padding:8px 0;border-bottom:1px solid var(--ch-line)}
.mx-mv > b{font-size:13px;display:block;margin-bottom:4px}
.mx-mv div{display:grid;grid-template-columns:1fr 90px 44px;gap:8px;align-items:center;font-size:12px;color:var(--ch-text-2)}
.mx-mv div i{display:block;height:6px;border-radius:3px;background:var(--ch-line)}
.mx-mv div i u{display:block;height:100%;border-radius:3px;background:var(--ch-amber-fill)}
.mx-mv div:last-child i u{background:var(--ch-text-2)}
.mx-mv div em{font:700 12px var(--ch-mono);font-style:normal;text-align:right;color:var(--ch-text)}
.mx-box{background:var(--ch-coal-2);border-radius:10px;padding:10px 12px;margin-top:12px}
.mx-box dl{display:grid;grid-template-columns:1fr auto;gap:4px 10px;margin:6px 0 0;font-size:12px}
.mx-box dt{color:var(--ch-text-2)} .mx-box dd{margin:0;font:700 12px var(--ch-mono);text-align:right}
.mx-box a{font:600 11px var(--ch-mono);color:var(--ch-amber)}
.mx-btns{display:flex;gap:8px;margin-top:12px}
.mx-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:9px;font:700 13px var(--ch-font);text-decoration:none;border:1px solid var(--ch-line-2);color:var(--ch-text);background:var(--ch-coal);flex:none}
.mx-btn.pri{background:var(--ch-text);color:var(--ch-black)!important;border-color:var(--ch-text);flex:1}
.mx-btn:not(.pri){color:var(--ch-text)!important}
.mx-small{font-size:11.5px;color:var(--ch-text-2);margin:8px 0 0}
.mx-lock{position:relative}
.mx-lock .mx-blur{filter:blur(4px);pointer-events:none;user-select:none;opacity:.7}
.mx-lock .mx-offer{position:absolute;left:8%;right:8%;top:16px;background:var(--ch-coal);border:1px solid var(--ch-line-2);border-radius:12px;padding:14px;text-align:center}
.mx-offer b{display:block;font-size:15px} .mx-offer p{font-size:12.5px;color:var(--ch-text-2);margin:6px 0 10px}
.mx-offer .mx-btn{width:100%}
.mx-offer a.alt{display:block;margin-top:8px;font:700 12.5px var(--ch-font);color:var(--ch-amber)!important}
.mx-box a, .mx-sum .mx-src a, .mx-wk a{color:var(--ch-amber)!important}

/* ================= 6) theme switch (section 8): sun/moon in the header ================= */
.mx-theme{appearance:none;border:1px solid rgba(230,241,247,.28);background:transparent;color:#E6F1F7;width:36px;height:36px;border-radius:999px;display:inline-grid;place-items:center;cursor:pointer;flex:none}
.mx-theme svg{width:18px;height:18px}
.mx-theme .moon{display:inline} .mx-theme .sun{display:none}
html[data-theme="dark"] .mx-theme .moon{display:none} html[data-theme="dark"] .mx-theme .sun{display:inline}
.iq-top-in .mx-theme{grid-area:theme}

/* ================= 7) phone (390): one division at a time, short tags, no W-L ================= */
@media(max-width:760px){
  .mx-band h1{font-size:28px!important}
  .mx-band-r{margin-left:auto}
  .mx th, .mx td{padding:0 3px}
  .mx td.c{width:26px;padding-left:8px}
  .mx td.tm{font-size:13px}
  .mx td.tm a{display:inline-block;max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
  .mx th.r{padding-right:6px;font-size:10.5px!important;letter-spacing:0}
  .mx td.tm a{max-width:84px}
  .mx .mx-tag{padding:0 4px}
  .gp-content .mx-page, main:not(.ch-full) .mx-page{padding-left:0;padding-right:0}
  .mx-page{padding-left:12px;padding-right:12px}
  .mx .mx-yt{display:none}
  .mx td.num, .mx th.wl{display:none}
  .mx td.mx-c{font-size:9.5px;letter-spacing:-.03em;height:30px;width:auto;min-width:0;border-width:1.5px}
  .mx td.st{padding-right:8px}
  .mx-tag .lg{display:none} .mx-tag .sh{display:inline}
  .mx-head .mx-full{font-size:12px}
  .mx-g2{grid-template-columns:1fr}
  .mx-pill{min-width:42px;font-size:11px}
  .mx-row .mx-hc{width:38px}
  .mx-stack.mx-one .mx-div:not(.mx-on){display:none}
  .mx-more table th:nth-child(n+5), .mx-more table td:nth-child(n+5){display:none}
}
@media(max-width:380px){.mx td.mx-c{font-size:8.5px}}
/* links inside the matrix frame: no underlines (the whole header / chip is the click target, 10-01 policy) */
.mx-head, .mx-head *, a.mx-chip, .mx-seg a{text-decoration:none!important}
.mx-chip[aria-current], .mx-chip[aria-pressed="true"]{color:var(--ch-black)!important}
.mx-chip:not([aria-current]):not([aria-pressed="true"]){color:var(--ch-text)!important}
.mx-head b{color:var(--ch-amber)!important}
/* light: the few literal-white texts in the shared look (About page lead) */
html.look-graphite:not([data-theme="dark"]) .iq-about-lead .iq-about-big{color:var(--ch-text)}
/* ================= 8) niftiiq.com home (section 8): band + sport row + your-team card + races to watch ================= */
.mx-home-band{display:flex;gap:14px 20px;align-items:flex-end;flex-wrap:wrap}
html.look-graphite .mx-home-band h1, .mx-home-band h1{font:700 34px/1 var(--ch-cond)!important;font-size:34px!important;text-transform:uppercase;margin:0!important;color:var(--ch-text)}
.mx-home-band p{margin:6px 0 0;color:var(--ch-text-2);font-size:14px}
.mx-home-band form{margin-left:auto;display:flex;gap:6px;flex:1;min-width:260px;max-width:460px}
.mx-home-band input{flex:1;min-height:42px;border-radius:10px;border:1px solid var(--ch-line-2);padding:0 12px;font:500 15px var(--ch-font)}
.mx-sports{display:flex;gap:6px 8px;flex-wrap:wrap;align-items:center;margin:12px 0}
.mx-sports .mx-sk{font:600 10px var(--ch-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ch-text-2);margin-right:2px}
.mx-sports a{display:inline-flex;gap:8px;align-items:center;min-height:42px;padding:4px 12px;border:1px solid var(--ch-line-2);border-radius:12px;background:var(--ch-coal);color:var(--ch-text)!important;text-decoration:none!important}
.mx-sports a b{display:block;font:700 13.5px var(--ch-font)} .mx-sports a small{display:block;font:600 10.5px var(--ch-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ch-amber)}
.mx-sports svg{width:18px;height:18px;color:var(--ch-amber);flex:none}
.mx-you{padding:12px 14px;border:1.5px solid var(--ch-amber-fill)}
.mx-you-h{display:flex;gap:8px 10px;align-items:center;flex-wrap:wrap}
.mx-you-h b{font-size:16px}
.mx-you-k{font:500 13px var(--ch-mono);color:var(--ch-text-2)}
.mx-you-go{margin-left:auto;font-weight:700;font-size:13px;color:var(--ch-amber)!important;text-decoration:none!important}
.mx-you-b{display:flex;gap:12px 18px;align-items:flex-end;flex-wrap:wrap;margin-top:10px}
.mx-you-l{font:600 10.5px var(--ch-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ch-text-2);margin-bottom:4px}
.mx-you-n{display:flex;gap:16px;flex-wrap:wrap}
.mx-you-n span{display:grid;font:600 10.5px var(--ch-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ch-text-2)}
.mx-you-n b{font:700 17px var(--ch-mono);color:var(--ch-text);letter-spacing:0;text-transform:none}
.mx-you-more{display:block;text-align:right;font-weight:700;font-size:12.5px;color:var(--ch-amber)!important;margin-top:6px;text-decoration:none!important}
.mx-you--none .mx-you-t{font-size:16px} .mx-you--none p{margin:4px 0 0;color:var(--ch-text-2);font-size:13.5px}
.mx-races{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.mx-mini .mx-eyebrow{margin:0 0 4px}
.mx-h2b{font:700 22px/1 var(--ch-cond)!important;text-transform:uppercase;margin:18px 0 8px!important;color:var(--ch-text)}
@media(max-width:760px){.mx-races{grid-template-columns:1fr}html.look-graphite .mx-home-band h1{font-size:28px!important}.mx-home-band form{margin-left:0;max-width:none}}
.mx-proof{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.mx-proof a{display:grid;gap:2px;padding:8px 12px;border:1px solid var(--ch-line-2);border-radius:12px;background:var(--ch-coal);color:var(--ch-text)!important;text-decoration:none!important;min-width:200px}
.mx-proof span{font:600 10px var(--ch-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ch-text-2)} .mx-proof b{font:700 20px var(--ch-mono)} .mx-proof small{font-size:11.5px;color:var(--ch-amber)}
.mx-g2.mx-stack > * + *{margin-top:0}
/* the switch keeps its own look inside apps whose button styles are global */
.mx-theme, button.mx-theme{background:transparent!important;color:#E6F1F7!important;border:1px solid rgba(230,241,247,.28)!important;padding:0!important;min-height:0!important;box-shadow:none!important}
.mx-theme svg{display:block}
@media(max-width:760px){
  .mx.mx-many td.mx-c{font-size:8px;letter-spacing:-.05em;border-width:1px}
  .mx.mx-many th.mxh{font-size:10px!important;letter-spacing:0}
  .mx.mx-many td.tm a{max-width:72px}
  .mx.mx-many td.c{width:22px;padding-left:4px}
  .mx.mx-many .mx-rk{width:18px;height:18px;font-size:10px}
}
/* ================= 10) W30_F live-walk fixes (Pixel W30_LIVE_WALK 10-11; display only) ================= */
/* M1 game page 'Where X can land' boxes: light tokens (they were dark-theme literals) */
html.look-graphite:not([data-theme="dark"]) .aw .aw-lab{color:var(--ch-text-2)}
html.look-graphite:not([data-theme="dark"]) .aw .aw-s{color:var(--ch-text-2)!important;border:1px dashed var(--ch-line-2);background:transparent!important}
html.look-graphite:not([data-theme="dark"]) .aw .aw-win .aw-s.on{background:var(--ch-amber-fill)!important;color:var(--ch-on-amber)!important;border:1px solid var(--ch-amber-fill)}
html.look-graphite:not([data-theme="dark"]) .aw .aw-loss .aw-s.on{background:var(--mx-s1)!important;color:var(--ch-text)!important;border:1px solid var(--mx-s1)}
html.look-graphite:not([data-theme="dark"]) .aw .aw-s.now{box-shadow:0 0 0 2px #FFFFFF,0 0 0 4px var(--ch-text)!important}
html.look-graphite:not([data-theme="dark"]) .aw .aw-key{color:var(--ch-text)}
html.look-graphite:not([data-theme="dark"]) .aw .aw-k.lo{border:0;background:var(--mx-s1)}
html.look-graphite:not([data-theme="dark"]) .aw .aw-k.now{border-color:var(--ch-text)}
/* M2 amber TEXT on light = the dark amber token (amber stays a FILL only); selected (ink) segments + steps keep paper text */
html.look-graphite:not([data-theme="dark"]) .w30-why summary, html.look-graphite:not([data-theme="dark"]) .w30-free,
html.look-graphite:not([data-theme="dark"]) .w30-go, html.look-graphite:not([data-theme="dark"]) .mx-why summary{color:var(--ch-amber)!important;border-bottom-color:var(--ch-amber)}
html.look-graphite:not([data-theme="dark"]) .mx-seg [aria-current], html.look-graphite:not([data-theme="dark"]) .mx-seg [aria-current] *,
html.look-graphite:not([data-theme="dark"]) .mx-seg [aria-selected="true"], html.look-graphite:not([data-theme="dark"]) .mx-seg [aria-selected="true"] *{color:var(--ch-ink)!important}
html.look-graphite:not([data-theme="dark"]) .iq-pv-step[aria-selected="true"] b{color:var(--ch-ink)!important;opacity:.85}
/* M3-M5 matrix cells: the kit's cell rules win over page table rules (.gp-main td 15px), every place column has the
   same width (an all-dashed '#7' no longer collapses), the card scrolls sideways instead of spilling past its edge */
.mx-card{overflow-x:auto;-webkit-overflow-scrolling:touch}
.mx-card .mx td.mx-c, .mx-card .mx td.mx-x{width:44px;min-width:44px;max-width:44px;box-sizing:border-box}
.mx-card .mx td.mx-c{font:700 11.5px/1 var(--ch-mono);padding:0}
.mx-card .mx th.mxh{width:44px;min-width:44px}
.mx .mx-pc{font-size:.85em}
.mx-lgd-ph{display:none}
@media(max-width:760px){
  /* 390-wide phone: rank 24 + name 82 + 7 x 25 + Playoffs ~56 = fits the card (16 px gutters) */
  .mx-card .mx td.mx-c, .mx-card .mx td.mx-x, .mx-card .mx th.mxh{width:25px;min-width:25px;max-width:25px;padding:0}
  .mx-card .mx td.mx-c{font-size:11px;letter-spacing:-.04em;height:30px}
  .mx-card .mx .mx-pc{display:none}               /* M4: phone cells show '83', the legend says the cells are % */
  .mx-lgd-ph{display:inline}
  .mx-card .mx td.tm, .mx-card .mx th.l{padding:0 3px;font-size:12.5px;white-space:nowrap}
  .mx-card .mx td.tm a, .mx-card .mx td.tm .mx-nm{display:inline-block;max-width:78px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
  .mx-card .mx th.r{font-size:10.5px!important}
  .mx-card .mx th.r, .mx-card .mx td.st{letter-spacing:0;padding:0 4px 0 2px}
  .mx-card .mx td.c, .mx-card .mx th:first-child{width:24px;padding-left:2px;padding-right:2px}
  .mx-card .mx.mx-many td.mx-c, .mx-card .mx.mx-many td.mx-x, .mx-card .mx.mx-many th.mxh{width:24px;min-width:24px;max-width:24px}
  .mx-card .mx.mx-many td.mx-c{font-size:10px}
  .mx-card .mx.mx-many th.mxh{font-size:10px!important}
  .mx-row .mx-hc{width:34px;font-size:11px;letter-spacing:-.04em}
  .mx-row .mx-pc{display:none}
}
@media(max-width:380px){.mx-card .mx td.mx-c{font-size:10px}}
/* M6 phone gutter on the full-width pages (hub): 16 px like every other page */
@media(max-width:760px){.ch-full .gp-content .mx-page, .ch-full .mx-page{padding-left:16px;padding-right:16px}}
/* S7 label sizes: nothing under 10.5 px */
.mx th{font-size:10.5px!important} .mx-head .mx-est, .mx-yt, .mx-lgd, .mx-sports a small, .mx-you-l, .mx-you-n span, .mx-proof span{font-size:10.5px}
.mx-chip{font-size:12px}
/* N2 'Why?' stays on the legend line; its dotted underline is the text's own */
.mx-why{display:inline} .mx-why summary{border-bottom:0!important;text-decoration:underline dotted;text-underline-offset:3px}
/* S3/S4 home races: the football fragment's two cards sit straight in the 2-column grid; skeletons hold the space */
.mx-races > .mx-races-fb{display:contents}
.mx-races > .mx-races-fb[hidden]{display:none}
.mx-skel{min-height:236px;border-radius:14px;background:var(--ch-coal);border:1px solid var(--ch-line)}
@media(max-width:760px){.mx-skel{min-height:226px}}
/* S5 phone: the sport row is one sideways strip (no orphaned 'Pro' label) */
@media(max-width:760px){.mx-sports{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:-16px;margin-right:-16px;padding:2px 16px}
  .mx-sports::-webkit-scrollbar{display:none} .mx-sports a, .mx-sports .mx-sk{flex:none}}
/* S10 tap panel: the big % uses its own cell's text colour (ink on light steps, paper on dark ones) */
.mx-pn-h .mx-big.mx-s0{color:var(--mx-t0)} .mx-pn-h .mx-big.mx-s1{color:var(--mx-t1)} .mx-pn-h .mx-big.mx-s2{color:var(--mx-t2)}
.mx-pn-h .mx-big.mx-s3{color:var(--mx-t3)} .mx-pn-h .mx-big.mx-s4{color:var(--mx-t4)}
/* N1 the 'Your team' key only when the page shows a followed team */
.mx-page:not(:has(tr.you)) .mx-lgd > .mx-yt{display:none}
/* S6 phone names: the short name (Bonny E., Celtics) instead of a cut-off one */
.mx .mx-ns{display:none}
@media(max-width:760px){.mx-card .mx .mx-nl{display:none} .mx-card .mx .mx-ns{display:inline}}
/* selected segment (ink fill in light, cream fill in dark): its text is always the opposite ink */
.mx-seg [aria-current], .mx-seg [aria-current] *, .mx-seg [aria-selected="true"], .mx-seg [aria-selected="true"] *{color:var(--ch-ink)!important}
/* dark game page: the unreachable place numbers readable (was 3.9:1) */
html[data-theme="dark"] .aw .aw-s{color:rgba(230,241,247,.68)!important}
/* S7 the remaining small labels: 10.5 px minimum */
.mx-sports .mx-sk, .mx-tag, .mx-tag .lg, .mx-tag .sh, .mx .mx-tb, .mx-more-k, .w30-tag, .w30-ring small, .w30-why summary, .ch-legend .tie{font-size:10.5px!important}
/* S1 season chart card: no empty band above its title */
.w30-line .w30-ch{margin-top:0} .w30-line .w30-h{margin-top:0!important}
/* W30_F2 (Sage live check after W30_F): nothing spills past a card edge
   - two-column spots (home Races to watch, NBA / playoffs pairs): shorter names, no W-L column, short Clinched tag
   - 375-wide phones (iPhone mini / SE): a little narrower cells and names */
.mx-races .mx-card .mx td.num, .mx-races .mx-card .mx th.wl, .mx-g2 .mx-card .mx td.num, .mx-g2 .mx-card .mx th.wl{display:none}
.mx-races .mx-card .mx td.tm a, .mx-g2 .mx-card .mx td.tm a, .mx-races .mx-card .mx td.tm .mx-nm{display:inline-block;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
.mx-races .mx-tag .lg, .mx-g2 .mx-tag .lg{display:none} .mx-races .mx-tag .sh, .mx-g2 .mx-tag .sh{display:inline}
.mx-g2 .mx-card table:not(.mx) td:nth-child(2) a{display:inline-block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
@media(max-width:380px){
  .mx-card .mx td.mx-c, .mx-card .mx td.mx-x, .mx-card .mx th.mxh{width:23px;min-width:23px;max-width:23px}
  .mx-card .mx td.mx-c{font-size:10.5px}
  .mx-card .mx td.tm a, .mx-card .mx td.tm .mx-nm{max-width:66px}
  .mx-card .mx th.r{font-size:10px!important;letter-spacing:-.02em}
}
/* W30_F3: home Races to watch = one column below 1180 px (two 7-place matrices don't fit side by side there); names a bit shorter */
.mx-races .mx-card .mx td.tm a, .mx-races .mx-card .mx td.tm .mx-nm{max-width:116px}
@media(max-width:1180px){.mx-races{grid-template-columns:1fr}}
/* R2 (Pixel re-walk): band headers never wrap ('#1-2', 'Play-in'); matrices with 5 or fewer place columns (NBA bands, NFL #1-#4) size them to fit */
.mx th.mxh{white-space:nowrap}
.mx-card .mx:not(:has(thead th:nth-child(10))) th.mxh, .mx-card .mx:not(:has(thead th:nth-child(10))) td.mx-c, .mx-card .mx:not(:has(thead th:nth-child(10))) td.mx-x{width:auto;min-width:36px;max-width:none}
@media(max-width:760px){.mx-card .mx:not(:has(thead th:nth-child(10))) th.mxh, .mx-card .mx:not(:has(thead th:nth-child(10))) td.mx-c, .mx-card .mx:not(:has(thead th:nth-child(10))) td.mx-x{min-width:32px;width:auto;max-width:none}
  .mx-card .mx:not(:has(thead th:nth-child(10))) th.mxh{font-size:10px!important;letter-spacing:-.02em;padding:4px 2px 6px}}
/* R3 (N2): 'Why?' stays inline on the legend line (no stray dotted line under it) */
.mx-lgd .mx-why, details.mx-why{display:inline-block!important;vertical-align:baseline}
.mx-why > summary{display:inline!important}
/* R4 NBA players (phone, stacked rows): the player's name gets the full row */
@media(max-width:760px){main.nba table.sk-auto-stack td[data-label="Player"]{grid-column:1/-1}}
/* W30_F4 (Pixel F3 spot-check): R1b no card scrollbars: never a vertical one (cells' 1-3 px), and the home races fit at 1366+
   (names 100 px, no TB chip there); R5 card header on one line at <=380 (the whole header is the link to the full table);
   R4b NBA projections phone: 'Who drives it' gets the full row */
.mx-card{overflow-y:hidden}
.mx-races .mx-card .mx td.tm a, .mx-races .mx-card .mx td.tm .mx-nm{max-width:100px}
.mx-races .mx .mx-tb{display:none}
.mx-head .mx-q{white-space:nowrap}
@media(max-width:380px){.mx-head .mx-full{display:none} .mx-head b{white-space:nowrap;font-size:15px}}
@media(max-width:760px){main.nba table.sk-auto-stack td[data-label="Who drives it"]{grid-column:1/-1}}

/* ================= W31 · design system A (Pixel W31_A sheets + build list A1-A10; Brett 10-11: CTA = A amber) =================
   v1.5 · Sage 2026-10-11. Cards (radius 18, soft shadow, hover lift), amber CTA, green section menu, matrix tap cue,
   centered W-L, one continuous cut line, bold footer, home (B1) pieces. Everything here is display only. */
:root{--iq-r:18px;--iq-green:#0B1A26;--iq-green-2:#12384C;--iq-cta:#3DD6F5;--iq-cta-h:#22C3E6;--iq-cta-ink:#0C1A24;
  --iq-amber-soft:#E3F4F9;--iq-amber-ink:#08799A;--iq-paper:#E9F0F4;--iq-paper-line:rgba(11,26,38,.05);--iq-gtint:#E6F1F6;--iq-edge:#12384C;
  --iq-sh-1:0 1px 0 rgba(11,26,38,.06),0 10px 28px -16px rgba(11,26,38,.35);--iq-sh-2:0 2px 0 rgba(11,26,38,.08),0 18px 36px -14px rgba(11,26,38,.45)}
html[data-theme="dark"]{--iq-amber-soft:rgba(61,214,245,.10);--iq-amber-ink:#3DD6F5;--iq-paper:#111C26;--iq-paper-line:rgba(230,241,247,.04);--iq-gtint:#111C26;--iq-edge:#1BA7C6;
  --iq-sh-1:0 1px 0 rgba(0,0,0,.4),0 10px 28px -16px rgba(0,0,0,.8);--iq-sh-2:0 2px 0 rgba(0,0,0,.5),0 18px 36px -14px rgba(0,0,0,.9)}

/* A8 · the one CTA: amber fill + ink text (Free account, Follow, Try Plus, Get updates). Neutral actions = ink. */
.iq-cta, a.iq-cta, button.iq-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:14px;border:0;
  background:var(--iq-cta)!important;color:var(--iq-cta-ink)!important;font:700 15px/1 var(--ch-font);text-decoration:none!important;white-space:nowrap;cursor:pointer;
  box-shadow:0 2px 0 rgba(0,0,0,.12),0 10px 22px -10px var(--iq-cta);transition:background .15s,transform .15s}
.iq-cta:hover{background:var(--iq-cta-h)!important;transform:translateY(-1px)}
.iq-cta:focus-visible,.iq-ink:focus-visible{outline:3px solid var(--iq-green-2);outline-offset:2px}
.iq-cta--sm{min-height:38px;padding:0 14px;border-radius:12px;font-size:14px}
.iq-cta .iq-cta-pill{font:700 10.5px var(--ch-mono);background:rgba(0,0,0,.12);padding:3px 7px;border-radius:999px;letter-spacing:.04em}
.iq-ink, a.iq-ink{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:14px;background:var(--ch-text)!important;color:var(--ch-black)!important;
  font:700 15px/1 var(--ch-font);text-decoration:none!important;white-space:nowrap;border:0}
/* existing amber-able buttons follow the same choice */
html.look-graphite .ch-pill--plus, html.look-graphite .ch-plus .ch-btn, html.look-graphite .ch-paper .go{background:var(--iq-cta)!important;color:var(--iq-cta-ink)!important;border-color:var(--iq-cta)!important}
html.look-graphite .ch-plus .ch-btn:hover, html.look-graphite .ch-paper .go:hover{background:var(--iq-cta-h)!important}
.iq-acct .iq-cta{margin-left:4px}
@media(max-width:760px){.iq-top-r .iq-cta{min-height:34px;padding:0 11px;font-size:13.5px;border-radius:999px;box-shadow:none}}

/* A1 + A2 · cards: radius 18, soft shadow; every clickable card lifts on hover (phones: on press) */
.mx-card, .w31-card{border-radius:var(--iq-r)!important;box-shadow:var(--iq-sh-1)}
.w31-card{display:block;position:relative;background:var(--ch-coal);border:1px solid var(--ch-line);padding:18px 20px;color:var(--ch-text)!important;text-decoration:none!important;min-width:0}
.w31-card.paper{background:var(--iq-paper) repeating-linear-gradient(90deg,var(--iq-paper-line) 0 1px,transparent 1px 9px);border:1px solid var(--ch-line-2);box-shadow:inset 0 0 0 6px var(--iq-paper),inset 0 0 0 7px var(--ch-line),var(--iq-sh-1)}
.w31-card.edge{border:1.5px solid var(--iq-cta);background:linear-gradient(180deg,var(--iq-amber-soft),var(--ch-coal) 70%)}
.w31-card.green{background:var(--iq-green);color:#E6F1F7!important;border:0}
.w31-card.green p, .w31-card.green small{color:rgba(230,241,247,.78)!important}
.w31-card.more{background:var(--iq-gtint);border:1.5px dashed var(--ch-line-2);box-shadow:none;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}
.w31-card h3{font:700 16.5px/1.25 var(--ch-font)!important;margin:0 0 4px!important;color:inherit;text-transform:none!important;letter-spacing:0!important}
.w31-card p{margin:0;font-size:13.5px;line-height:1.45;color:var(--ch-text-2)}
.w31-go{position:absolute;right:16px;top:16px;width:30px;height:30px;border-radius:50%;background:var(--iq-gtint);display:grid;place-items:center;color:var(--iq-green);font:700 15px/1 var(--ch-font);transition:background .15s,color .15s}
html[data-theme="dark"] .w31-go{color:var(--iq-cta)}
a.w31-card, .ch-feat, .ch-door, .ch-game, .ch-nfl, .ch-nba, .mx-sports a, .mx-proof a, .w31-rec, .w31-sport{transition:transform .15s,box-shadow .15s,border-color .15s}
@media(hover:hover){
  a.w31-card:hover, .ch-feat:hover, .ch-door:hover, .ch-game:hover, .ch-nfl:hover, .ch-nba:hover, .mx-proof a:hover, a.w31-rec:hover{transform:translateY(-3px);box-shadow:var(--iq-sh-2);border-color:var(--iq-edge)!important}
  .mx-sports a:hover, a.w31-sport:hover{transform:translateY(-2px);box-shadow:var(--iq-sh-2);border-color:var(--iq-edge)!important}
  a.w31-card:not(.green):hover::after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--iq-green);opacity:.035;pointer-events:none}
  a.w31-card:hover .w31-go{background:var(--iq-green);color:#E6F1F7}
  html[data-theme="dark"] a.w31-card:hover .w31-go{background:var(--iq-cta);color:#0C1A24}
}
a.w31-card:active, .mx-sports a:active, .mx-proof a:active, a.w31-rec:active{transform:translateY(-1px);box-shadow:var(--iq-sh-2);border-color:var(--iq-edge)!important}
@media(prefers-reduced-motion:reduce){a.w31-card, .ch-feat, .ch-door, .ch-game, .mx-sports a, .mx-proof a, .w31-rec, .w31-sport, .iq-cta{transition:none!important;transform:none!important}}

/* A4 · section menu: green bar, cream pill = this page, hover tint; desktop sticks under the header; phone swipes */
html.look-graphite .iq-comp, html.look-graphite main.ch-full > .iq-comp{display:flex!important;align-items:center;gap:12px;background:var(--iq-green)!important;color:#E6F1F7;border:0!important;
  border-radius:var(--iq-r);box-shadow:var(--iq-sh-1);padding:7px 7px 7px 18px!important;margin:14px auto 8px!important;max-width:1148px;width:auto}
html.look-graphite main.ch-full > .iq-comp{margin-left:max(16px,calc((100% - 1148px)/2))!important;margin-right:max(16px,calc((100% - 1148px)/2))!important}
html.look-graphite .iq-comp .iq-comp-name{flex:none;color:#E6F1F7!important;font:700 21px/1 var(--ch-cond)!important;text-transform:uppercase;letter-spacing:.01em!important;white-space:nowrap;
  padding-right:12px;border-right:1px solid rgba(230,241,247,.2);min-height:34px;display:inline-flex;align-items:center}
html.look-graphite .iq-comp .iq-tabrow{display:flex!important;flex:1;min-width:0;gap:4px;margin:0!important;border:0!important;grid-template-columns:none!important;align-items:center}
html.look-graphite .iq-comp .iq-tabs{display:flex!important;flex:1 1 auto;min-width:0;gap:3px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-mask-image:none!important;mask-image:none!important}
html.look-graphite .iq-comp .iq-tabs::-webkit-scrollbar{display:none}
html.look-graphite .iq-comp .iq-tabs a, html.look-graphite .iq-comp .iq-tabs a:first-child, html.look-graphite .iq-comp .iq-more summary{flex:none;min-height:38px;padding:0 13px!important;border:0!important;border-radius:12px!important;margin:0!important;
  background:transparent!important;color:rgba(230,241,247,.86)!important;font:600 14.5px/1 var(--ch-font)!important;box-shadow:none!important;white-space:nowrap;display:flex;align-items:center;justify-content:center}
html.look-graphite .iq-comp .iq-tabs a:hover, html.look-graphite .iq-comp .iq-more summary:hover{background:rgba(230,241,247,.12)!important;color:#FFFFFF!important;text-decoration:none!important}
html.look-graphite .iq-comp .iq-more summary{background:rgba(230,241,247,.10)!important}
html.look-graphite .iq-comp .iq-tabs a[aria-current], html.look-graphite .iq-comp .iq-more summary[aria-current]{background:#E6F1F7!important;color:#0B1A26!important}
html.look-graphite .iq-comp .iq-more{position:relative!important;flex:none}
html.look-graphite .iq-comp .iq-more-menu{left:auto!important;right:0!important;min-width:200px!important;color:var(--ch-text)}
@media(min-width:761px){html.look-graphite .iq-comp{position:sticky;top:var(--iq-top-h,66px);z-index:25}}
@media(max-width:760px){
  html.look-graphite .iq-comp, html.look-graphite main.ch-full > .iq-comp{padding:6px 6px 6px 12px!important;gap:8px;margin:10px 12px 6px!important}
  html.look-graphite .iq-comp .iq-comp-name{font-size:17px!important;padding-right:8px}
  html.look-graphite .iq-comp .iq-tabs a, html.look-graphite .iq-comp .iq-tabs a:first-child, html.look-graphite .iq-comp .iq-more summary{min-height:36px;padding:0 10px!important;font-size:14px!important}
  html.look-graphite .iq-comp .iq-more{position:static!important}
  html.look-graphite .iq-comp .iq-more-menu{left:0!important;right:0!important}
}

/* A5 · matrix tap cue: corner fold on every % cell (desktop); hover = amber ring + lift + 'See the math' tip; amber hint pill until the first tap */
@media(hover:hover) and (pointer:fine){
  .mx td.mx-c::after{content:"";position:absolute;right:3px;top:3px;width:0;height:0;border-left:6px solid transparent;border-top:6px solid currentColor;opacity:.35;pointer-events:none}
  .mx td.mx-c{transition:transform .12s,box-shadow .12s}
  .mx td.mx-c:hover{box-shadow:0 0 0 2px var(--mx-ring),0 6px 14px -6px rgba(0,0,0,.4);transform:scale(1.08);z-index:2}
}
.mx-tipx{position:fixed;z-index:90;background:var(--ch-text);color:var(--ch-black);font:600 12.5px/1 var(--ch-font);padding:7px 11px;border-radius:10px;white-space:nowrap;box-shadow:var(--iq-sh-2);pointer-events:none;transform:translate(-50%,-100%)}
.mx-tipx::after{content:"";position:absolute;left:50%;bottom:-5px;margin-left:-5px;border:5px solid transparent;border-bottom:0;border-top-color:var(--ch-text)}
.mx-tipx[hidden]{display:none}
.mx-hint{display:inline-flex!important;align-items:center;gap:7px;width:auto;background:var(--iq-amber-soft);border:1px solid var(--iq-cta);color:var(--iq-amber-ink)!important;font:600 12.5px/1.2 var(--ch-font)!important;padding:6px 12px;border-radius:999px;margin:8px 0 0}
.mx-hint::before{content:"\261D";font-size:13px}
html.mx-tapped .mx-hint{display:none!important}

/* A6 · W-L: header and values both centered, mono */
.mx th.wl, .mx td.num{text-align:center!important}
/* A7 · playoff cut: ONE continuous dashed amber line across the row */
.mx tr.mx-cutrow td{border-top-color:transparent!important;position:relative}
.mx tr.mx-cutrow td::before{content:"";position:absolute;left:-2px;right:-2px;top:-2px;border-top:2px dashed var(--ch-cut);pointer-events:none;z-index:1}
.mx tr.mx-cutrow td:first-child::before{left:0} .mx tr.mx-cutrow td:last-child::before{right:0}

/* A10 · bold footer: amber 6 px top rule, big Oswald line, 4 link columns, CTA, fine print (green in both themes) */
html.look-graphite .iq-foot.w31-foot{background:#0B1A26!important;color:#E6F1F7;border:0!important;margin-top:48px;padding:0}
html.look-graphite .iq-foot.w31-foot::before{content:"";display:block;height:6px;background:var(--iq-cta)}
html.look-graphite .w31-foot .iq-foot-in{max-width:1180px;margin:0 auto;padding:40px 24px 30px!important;display:block!important}
.w31-foot .w31-ft-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
.w31-foot .w31-ft-brand .iq-wordmark{height:30px;width:auto;display:block;margin-bottom:14px}
html.look-graphite .w31-foot .w31-ft-big{font:700 34px/1 var(--ch-cond);text-transform:uppercase;letter-spacing:.005em;margin:0 0 10px;color:#E6F1F7}
html.look-graphite .w31-foot .w31-ft-by{font-size:14px;line-height:1.5;color:rgba(230,241,247,.8);margin:0 0 16px;max-width:320px}
.w31-foot h4{font:700 15px/1 var(--ch-cond)!important;text-transform:uppercase;letter-spacing:.06em!important;color:#3DD6F5!important;margin:4px 0 12px!important}
.w31-foot nav a{display:block;min-height:30px;padding:4px 0;font-size:14.5px;color:rgba(230,241,247,.9)!important;text-decoration:none!important}
.w31-foot nav a:hover{color:#FFFFFF!important;text-decoration:underline!important;text-underline-offset:3px}
html.look-graphite .w31-foot .iq-foot-fix{margin:26px 0 0!important;color:#E6F1F7!important;font-size:14px}
html.look-graphite .w31-foot .iq-foot-fix a, html.look-graphite .w31-foot .iq-foot-follow a{color:#3DD6F5!important}
html.look-graphite .w31-foot .iq-foot-follow{margin:6px 0 0;color:rgba(230,241,247,.8)} html.look-graphite .w31-foot .iq-foot-follow span{color:rgba(230,241,247,.8)!important}
html.look-graphite .w31-foot .w31-ft-fine{border-top:1px solid rgba(230,241,247,.18);margin-top:18px;padding-top:16px;font-size:12.5px;line-height:1.55;color:rgba(230,241,247,.72)}
html.look-graphite .w31-foot .w31-ft-fine p{margin:0 0 6px!important;color:rgba(230,241,247,.72)!important;font:400 12.5px/1.55 var(--ch-font)!important;border:0!important;padding:0!important}
html.look-graphite .w31-foot .w31-ft-fine a{color:rgba(230,241,247,.9)!important}
.w31-foot .w31-ft-legal{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:8px}
.w31-foot .w31-ft-legal a{min-height:28px;display:inline-flex;align-items:center}
@media(max-width:760px){.w31-foot .w31-ft-top{grid-template-columns:1fr 1fr;gap:22px 16px}.w31-foot .w31-ft-brand{grid-column:1/-1}.w31-foot .w31-ft-big{font-size:30px}
  html.look-graphite .w31-foot .iq-foot-in{padding:32px 16px 26px!important}}

/* B1 · home pieces (niftiiq.com) */
.w31-home{max-width:1180px;margin:0 auto;padding:22px 24px 8px}
@media(max-width:760px){.w31-home{padding:16px 16px 4px}}
.w31-eb{font:600 11.5px/1 var(--ch-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ch-text-2);margin:0 0 10px}
html.look-graphite .w31-home h1{font:700 52px/.98 var(--ch-cond)!important;text-transform:uppercase;letter-spacing:.005em!important;margin:0!important;color:var(--ch-text)}
.w31-lead{font-size:17px;line-height:1.5;color:var(--ch-text-2);margin:10px 0 0;max-width:680px}
.w31-recs{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.w31-rec{display:flex;align-items:center;gap:12px;background:var(--ch-coal);border:1px solid var(--ch-line);border-radius:14px;padding:9px 14px;box-shadow:var(--iq-sh-1);color:var(--ch-text)!important;text-decoration:none!important}
.w31-rec b{font:700 22px/1 var(--ch-mono);white-space:nowrap}
.w31-rec span{font-size:12.5px;line-height:1.25;color:var(--ch-text-2)}
.w31-rec small{display:block;font-size:11px;color:var(--ch-text-dim)}
.w31-recline{font-size:13px;color:var(--ch-text-2);margin:8px 0 0}
.w31-recline a{color:var(--ch-amber);font-weight:600}
.w31-find{display:flex;gap:10px;margin-top:16px;max-width:620px}
.w31-find input{flex:1;min-width:0;height:52px;border-radius:16px;border:1.5px solid var(--ch-line-2);background:var(--ch-coal);color:var(--ch-text);padding:0 18px;font:500 16px var(--ch-font)}
.w31-find button{height:52px;min-width:64px;border-radius:16px}
.w31-sports{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:16px}
.w31-sports .w31-sk{font:600 10.5px var(--ch-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ch-text-dim)}
.w31-sport{display:flex;align-items:center;gap:10px;background:var(--ch-coal);border:1px solid var(--ch-line);border-radius:14px;padding:8px 14px 8px 9px;box-shadow:var(--iq-sh-1);color:var(--ch-text)!important;text-decoration:none!important}
.w31-sport i{width:32px;height:32px;border-radius:10px;background:var(--iq-gtint);display:grid;place-items:center;color:var(--iq-green);flex:none}
html[data-theme="dark"] .w31-sport i{color:var(--iq-cta)}
.w31-sport i svg{width:18px;height:18px}
.w31-sport b{display:block;font:700 14.5px/1.1 var(--ch-font);white-space:nowrap}
.w31-sport small{display:block;font:600 10.5px var(--ch-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--iq-amber-ink);white-space:nowrap}
.w31-g2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.w31-g3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.w31-g4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.w31-g2>*, .w31-g3>*, .w31-g4>*{min-width:0}
.w31-sec{margin-top:34px}
.w31-sech{display:flex;align-items:flex-end;gap:14px;margin-bottom:12px;flex-wrap:wrap}
html.look-graphite .w31-sech h2{font:700 28px/1 var(--ch-cond)!important;text-transform:uppercase;letter-spacing:.01em!important;margin:0!important;color:var(--ch-text)}
.w31-sech p{flex-basis:100%;margin:-4px 0 0;font-size:13.5px;color:var(--ch-text-2);order:3}
.w31-sech .w31-more{margin-left:auto;font-weight:600;font-size:14.5px;color:var(--ch-amber)!important;text-decoration:none!important;white-space:nowrap}
.w31-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.w31-upd form{display:flex;flex-wrap:wrap;gap:8px 10px;margin-top:12px;align-items:center}
.w31-upd .w31-topics{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13.5px;flex-basis:100%}
.w31-upd .w31-topics label, .w31-upd .w31-age{display:inline-flex;align-items:center;gap:6px;min-height:32px;cursor:pointer;color:var(--ch-text)}
.w31-upd input[type=email], .w31-upd input[type=text]{flex:1 1 180px;min-width:0;height:44px;border-radius:12px;border:1.5px solid var(--ch-line-2);background:var(--ch-coal);color:var(--ch-text);padding:0 14px;font:500 15px var(--ch-font)}
.w31-upd .w31-age{font-size:13px;flex-basis:100%}
.w31-small{font-size:12px;color:var(--ch-text-2);margin:8px 0 0}
.w31-small a{color:var(--ch-amber)}
.w31-chips{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}
.w31-chip{display:inline-flex;align-items:center;gap:6px;font:600 11px/1 var(--ch-mono);letter-spacing:.06em;text-transform:uppercase;padding:7px 10px;border-radius:999px;border:1px solid var(--ch-line-2);color:var(--ch-text-2)!important;text-decoration:none!important;white-space:nowrap;background:var(--ch-coal)}
.w31-chip.on{background:var(--iq-gtint);border-color:transparent;color:var(--iq-green)!important}
html[data-theme="dark"] .w31-chip.on{color:#8BE9FB!important}
.w31-chip.a{background:var(--iq-amber-soft);border-color:var(--iq-cta);color:var(--iq-amber-ink)!important}
.w31-chip.next{background:#C8392A;border-color:#C8392A;color:#FFFFFF!important}
.w31-races{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.w31-races > .mx-races-fb{display:contents}
.w31-races .mx-mini{min-width:0}
.w31-races .w31-card.more{min-height:180px}
.w31-big{font:700 30px/1 var(--ch-cond);text-transform:uppercase;color:var(--iq-green)}
html[data-theme="dark"] .w31-big{color:#8BE9FB}
.w31-game .w31-tag{margin-bottom:8px}
.w31-game h3{padding-right:36px}
.w31-game .w31-meta{font:500 12px var(--ch-mono);color:var(--ch-text-2);margin:2px 0 8px}
.w31-game .w31-why b{color:var(--ch-text)}
.w31-bar{height:8px;border-radius:999px;background:var(--mx-s0);overflow:hidden;margin:8px 0 2px}
.w31-bar i{display:block;height:100%;background:var(--mx-s3)}
.w31-st h3{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.w31-st h3 small{font:600 10.5px var(--ch-mono);letter-spacing:.06em;color:var(--ch-text-dim)}
.w31-st ol{list-style:none;margin:8px 0 0;padding:0}
.w31-st li{display:grid;grid-template-columns:18px 1fr auto;gap:8px;align-items:center;padding:6px 0;border-top:1px solid var(--ch-line);font-size:14px}
.w31-st li:first-child{border-top:0}
.w31-st li > span:first-child{font:600 12px var(--ch-mono);color:var(--ch-text-dim)}
.w31-st li b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w31-st li em{font:500 13px var(--ch-mono);font-style:normal;color:var(--ch-text-2);text-align:center;min-width:34px}
.w31-st li.cut{border-top:2px dashed var(--ch-cut)}
.w31-tagrow{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.w31-tag{display:inline-flex;align-items:center;font:600 10.5px/1 var(--ch-mono);letter-spacing:.06em;text-transform:uppercase;padding:5px 8px;border-radius:999px;background:var(--iq-gtint);color:var(--iq-green);white-space:normal}
html[data-theme="dark"] .w31-tag{color:#8BE9FB}
.w31-tag.a{background:var(--iq-amber-soft);color:var(--iq-amber-ink);border:1px solid var(--iq-cta)}
.w31-card.green .w31-tag{background:rgba(230,241,247,.14);color:#3DD6F5}
.w31-card.green h3{font:700 22px/1.05 var(--ch-cond)!important;text-transform:uppercase!important;letter-spacing:.01em!important;margin-top:8px!important}
.w31-card.green .iq-cta{margin-top:14px}
.w31-card.green h3{color:#E6F1F7!important}
@media(max-width:1180px){.w31-races{grid-template-columns:1fr}}
@media(max-width:760px){
  html.look-graphite .w31-home h1{font-size:38px!important}
  .w31-lead{font-size:16px}
  .w31-recs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
  .w31-rec{flex-direction:column;align-items:flex-start;gap:3px;padding:8px 10px}.w31-rec b{font-size:18px}.w31-rec span{font-size:11px}
  .w31-sports{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:-16px;margin-right:-16px;padding:2px 16px 6px}
  .w31-sports::-webkit-scrollbar{display:none} .w31-sports > *{flex:none}
  .w31-g2, .w31-g3, .w31-g4{grid-template-columns:1fr;gap:12px}
  .w31-g3.keep2, .w31-g4.keep2{grid-template-columns:1fr 1fr;gap:10px}
  .w31-g3.keep2 .w31-card, .w31-g4.keep2 .w31-card{padding:14px}
  .w31-g3.keep2 .w31-card p, .w31-g3.keep2 .w31-go{display:none}
  .w31-g3.keep2 .w31-card h3{font-size:15px!important;padding-right:0}
  .w31-swipe{display:grid!important;grid-auto-flow:column;grid-auto-columns:78%;grid-template-columns:none!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;
    margin-left:-16px;margin-right:-16px;padding:2px 16px 8px;gap:12px}
  .w31-swipe::-webkit-scrollbar{display:none} .w31-swipe > *{scroll-snap-align:start}
  html.look-graphite .w31-sech h2{font-size:24px!important}
  .w31-sech .w31-more{margin-left:0;flex-basis:100%;order:4}
  .w31-card{padding:16px}
}

/* W31_C2 hotfix (Brett 10-11, wide screens): the Lab main frame zeroes .ch-home margins; keep the home centered like the header */
html.look-graphite main.ch-full > .w31-home, html.look-graphite main > .w31-home{margin-left:auto!important;margin-right:auto!important;width:auto;max-width:1128px!important}  /* = the other pages' frame, so the home lines up with the header logo */
@media(min-width:761px){.w31-races .mx-card .mx th.mxh, .w31-races .mx-card .mx td.mx-c, .w31-races .mx-card .mx td.mx-x{width:40px;min-width:40px;max-width:40px;padding:0} .w31-races .mx-card .mx td.st{padding-right:10px}}  /* W31_C2: race cards fit the 1128 frame */
.w31-races .mx-mini:has(thead th:nth-child(12)){grid-column:1/-1}  /* a race with 8+ places takes the full row (no squeeze, no scroll) */
html.look-graphite .w31-foot .iq-foot-in{max-width:1128px}  /* W31_C2: footer lines up with the header + page frame */

/* ================= W31_D · Pixel C2 walk fixes (2026-10-12) · v1.6 ================= */
/* S1 · one container: header inner = 1120 px frame with 24 px gutters, so every page's content starts under the logo */
html.look-graphite main.ch-full > .w31-home, html.look-graphite main > .w31-home{max-width:1120px!important}
html.look-graphite .w31-foot .iq-foot-in{max-width:1120px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
@media(min-width:761px){
  html.look-graphite main.ch-full > .mx-page{max-width:1120px}
  html.look-graphite main:not(.ch-full) .mx-page{width:100%;max-width:none;margin-left:0;margin-right:0;padding-left:0;padding-right:0}
  html.look-graphite .iq-comp, html.look-graphite main.ch-full > .iq-comp{max-width:1072px}
  html.look-graphite main.ch-full > .iq-comp{margin-left:max(16px,calc((100% - 1072px)/2))!important;margin-right:max(16px,calc((100% - 1072px)/2))!important}
}
/* N1 · the section menu's 'More' list opens inside the screen on phones */
@media(max-width:760px){html.look-graphite .iq-comp{position:relative}}
/* M1 · card header labels wrap instead of pushing the card wider (NBA East '15 teams · top 6 in, ...') */
.mx-head{flex-wrap:wrap;row-gap:4px}
.mx-head .mx-q{white-space:normal;max-width:100%}
/* M2 · NFL ✓ / ✕ marks in dark: dark tinted chips (were light pastel, 1.6 / 2.5:1) */
html[data-theme="dark"] .gp-hit{background:rgba(124,240,180,.14)!important}
html[data-theme="dark"] .gp-miss{background:rgba(242,160,160,.14)!important}
/* M4 · 8-place divisions (B North) fit 375-400 px phones: 23 px place cells */
@media(max-width:400px){.mx-card .mx.mx-many th.mxh, .mx-card .mx.mx-many td.mx-c, .mx-card .mx.mx-many td.mx-x{width:23px;min-width:23px;max-width:23px}}
/* S3 · 'TB' stays on the name's line on phones */
@media(max-width:600px){.mx td.tm, .mx-card .mx td.tm{white-space:nowrap!important} .mx .mx-tb{font-size:9px!important;padding:0 2px!important;margin-left:3px!important}}
/* M3 · places toggle: on phones, a division with more than 8 places shows #1-#k | the rest (max 8 place columns + Playoffs);
   a team whose place now is in the other view gets a small 'now #n' tag. Desktop unchanged. (lab-matrix.js mxPlaces) */
.mx-pv{display:none}
.mx .mx-nowtag{display:none}
@media(max-width:600px){
  .mx-pv{display:inline-flex;gap:2px;margin:2px 12px 8px;padding:2px;border:1px solid var(--ch-line-2);border-radius:999px;background:var(--ch-coal)}
  .mx-pv button{appearance:none;border:0;background:transparent;min-height:32px;padding:0 12px;border-radius:999px;font:700 12px var(--ch-mono);color:var(--ch-text-2);cursor:pointer}
  .mx-pv button[aria-pressed="true"]{background:var(--ch-text);color:var(--ch-black)}
  .mx[data-mx-pv="a"] .mx-pb, .mx[data-mx-pv="b"] .mx-pa{display:none!important}
  .mx[data-mx-pv] thead th:first-child, .mx[data-mx-pv] td.c{display:none}
  .mx[data-mx-pv] th.mxh, .mx[data-mx-pv] td.mx-c, .mx[data-mx-pv] td.mx-x{width:24px!important;min-width:24px!important;max-width:24px!important;font-size:10px}
  .mx[data-mx-pv="a"] .mx-nowtag.in-b, .mx[data-mx-pv="b"] .mx-nowtag.in-a{display:block;font:600 10px/1.2 var(--ch-mono);letter-spacing:.04em;color:var(--ch-amber);margin-top:1px}
}
@media(max-width:380px){.mx-card .mx.mx-many thead th:first-child, .mx-card .mx.mx-many td.c{display:none}}  /* 360 px Androids: 8-place divisions drop the rank badge (the outlined cell still shows the place) */
@media(max-width:600px){.mx td.tm:has(.mx-tb) > a{display:inline-block;max-width:58px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}}  /* S3: name + TB fit one line */
@media(max-width:380px){.mx[data-mx-pv] th.mxh, .mx[data-mx-pv] td.mx-c, .mx[data-mx-pv] td.mx-x{width:22px!important;min-width:22px!important;max-width:22px!important}}
@media(max-width:380px){.mx td.tm:has(.mx-tb) > a{max-width:46px}}
html.look-graphite .iq-foot.w31-foot{max-width:none!important;width:auto!important;margin-left:0!important;margin-right:0!important}  /* football pages capped the footer box at 1100 */
@media(min-width:761px){html.look-graphite main.ch-full .mx-page{max-width:1120px}}  /* hub: main > content > hub > page */

/* ================= W31_E · team-page odds strip (Brett 10-12, Pixel B4c option a) + header mid breakpoint · v1.7 ================= */
.w31-os{display:grid;grid-template-columns:1.15fr 3fr;background:#0B1A26;color:#E6F1F7;border-radius:var(--iq-r);box-shadow:var(--iq-sh-1);overflow:hidden;margin:14px 0 4px}
.w31-os-odds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.w31-os-c{padding:14px 18px 16px;border-left:1px solid rgba(230,241,247,.14);min-width:0}
.w31-os-rk{border-left:0;background:rgba(0,0,0,.14)}
.w31-os-k{display:block;font:600 10.5px/1.2 var(--ch-mono);letter-spacing:.1em;text-transform:uppercase;color:rgba(230,241,247,.75);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w31-os-n{display:block;font:700 42px/1 var(--ch-cond);color:#3DD6F5;white-space:nowrap;letter-spacing:.01em}
.w31-os-n small{font:600 14px var(--ch-font);color:#E6F1F7;margin-left:4px;letter-spacing:0}
.w31-os-odds .w31-os-n small{font:700 22px var(--ch-cond);color:#3DD6F5;margin-left:1px}
.w31-os-n.w31-os-b{font-size:28px;line-height:42px}
.w31-os-why{margin:4px 2px 14px}
@media(max-width:600px){
  .w31-os{grid-template-columns:1fr}
  .w31-os-rk{display:flex;align-items:baseline;gap:10px;padding:10px 14px;border-bottom:1px solid rgba(230,241,247,.14)}
  .w31-os-rk .w31-os-k{margin:0}
  .w31-os-c{padding:10px 12px 12px}
  .w31-os-odds .w31-os-c:first-child{border-left:0}
  .w31-os-n{font-size:28px}
  .w31-os-odds .w31-os-n small{font-size:16px}
  .w31-os-n.w31-os-b{font-size:18px;line-height:28px}
  .w31-os-k{font-size:9.5px;letter-spacing:.06em}
}
/* header: between phone and desktop (761-979 px windows) the doors wrapped ('Maine high school' on 3 lines): use the phone header
   (logo + Free account / Plus + Menu) up to 979 px; the full doors row from 980 px */
@media(min-width:761px) and (max-width:979px){
  html.look-graphite .iq-top-in{grid-template-columns:1fr auto!important;grid-template-areas:"logo right"!important;padding:8px 24px!important}
  html.look-graphite .iq-doors, html.look-graphite .iq-acct{display:none!important}
  html.look-graphite .iq-top-r{display:flex!important}
}
@media(min-width:980px){html.look-graphite .iq-doors a, html.look-graphite .iq-acct a{white-space:nowrap}}
html[data-theme="dark"] .w30-wb-op{background:#1592B3!important;color:#F6F9FB!important}  /* next-game bar: brand green in dark too (no navy) */

/* ===== W31_F · B2 football hub (Pixel W31_B2_FOOTBALL_HUB_SHEET, Brett OK 10-11) · kit v1.8 · Sage 2026-10-12 ===== */
@media(min-width:761px) and (max-width:979px){html.look-graphite .ch-menu, html.look-graphite .iq-top-r .ch-menu{display:block!important}}  /* Pixel 10-12 MUST: Menu shows 761-979 px (lab-graphite hid it from 761) */
.b2-hub{max-width:1072px;margin:0 auto;padding:0 0 28px}  /* = header frame: content starts under the logo */
.b2-head{margin-top:18px}
html.look-graphite .b2-h1{font:700 44px/1.02 var(--ch-cond)!important;text-transform:uppercase;letter-spacing:.005em!important;margin:4px 0 0!important;color:var(--ch-text)}
html.look-graphite .b2-h2{font:700 26px/1.05 var(--ch-cond)!important;text-transform:uppercase;margin:0!important;color:inherit;letter-spacing:.01em!important}
.b2-how{margin-top:16px;gap:12px}
.b2-howc{padding:12px 14px!important;font-size:14px;line-height:1.4}
.b2-howc span{color:var(--ch-text-2);font-size:13px}
.b2-n{font-family:var(--ch-mono);color:var(--iq-amber-ink);margin-right:2px}
html[data-theme="dark"] .b2-n{color:var(--ch-amber)}
.b2-k{font:600 11.5px/1 var(--ch-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ch-text-2);padding-bottom:4px}
.b2-meta{display:block;font:600 11px/1.2 var(--ch-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ch-text-2);margin-bottom:6px}
.b2-r{padding:12px 14px!important}
.b2-sc{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;font-size:14.5px}
.b2-sc span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b2-sc b{font:700 15px/1.2 var(--ch-mono);text-align:right}
.b2-sc .w{font-weight:700;color:var(--ch-text)} .b2-sc .l{color:var(--ch-text-2)} .b2-sc b.l{color:var(--ch-text-dim,var(--ch-text-2));font-weight:600}
.b2-miss .b2-r h3{font-size:15px!important}
.b2-g{padding:14px 16px!important}
.b2-gtop{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}
.b2-gtop .b2-meta{margin:0}
.b2-gtop .w31-chip{padding:4px 8px;font-size:10px}
.b2-sp{flex:1}
.b2-gt{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;font-size:15px}
.b2-gt b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b2-p{font:600 14px/1.3 var(--ch-mono);text-align:right}
.b2-bar{display:flex;height:8px;border-radius:999px;overflow:hidden;background:var(--mx-s0);margin:9px 0 8px}
.b2-bar i{display:block;height:100%}
.b2-bar i:first-child{background:var(--mx-s2)} .b2-bar i:last-child{background:var(--iq-green)}
html[data-theme="dark"] .b2-bar i:last-child{background:#8BE9FB}
.b2-what{display:block;font-size:12.5px;line-height:1.5;color:var(--ch-text-2)}
.b2-find{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:18px;padding:22px!important}
.b2-find p{margin-top:4px}
.b2-find .w31-find{margin:0;max-width:none}
.b2-mxh{align-items:flex-end}
.b2-mxt{margin-left:auto}
.b2-mxt .mx-seg{margin:0}
@media(min-width:980px){
  .b2-mx .mx-stack{display:grid!important;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
  .b2-mx .mx-stack > .mx-div{display:block!important;min-width:0}
  .b2-mx .mx-stack > .mx-div:has(thead th:nth-child(12)){grid-column:1/-1}
  .b2-mx .mx-card .mx th.mxh, .b2-mx .mx-card .mx td.mx-c, .b2-mx .mx-card .mx td.mx-x{width:34px;min-width:34px;max-width:34px;padding:0}
  .b2-mx .mx-card .mx td.st{padding-right:8px}
  .b2-mx .mx-stack > .mx-div:not(:has(thead th:nth-child(12))) .mx td.tm{max-width:118px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .b2-mx .mx-stack > .mx-div:not(:has(thead th:nth-child(12))) .mx th.r{padding-right:6px;font-size:10.5px!important;letter-spacing:0}
  .b2-mx .mx-stack > .mx-div:not(:has(thead th:nth-child(12))) .mx td.c{width:28px;padding:0 2px}
  .b2-mx .mx-stack > .mx-div .mx-tag .lg{display:none} .b2-mx .mx-stack > .mx-div .mx-tag .sh{display:inline}
  .b2-mx .mx-stack > .mx-div:has(thead th:nth-child(12)) .mx th.mxh, .b2-mx .mx-stack > .mx-div:has(thead th:nth-child(12)) .mx td.mx-c, .b2-mx .mx-stack > .mx-div:has(thead th:nth-child(12)) .mx td.mx-x{width:40px;min-width:40px;max-width:40px}
}
.b2-mx:not(.b2-open) .mx-stack > .mx-div:nth-child(n+3){display:none!important}
@media(max-width:979px){.b2-mx .mx-stack.mx-one > .mx-div:nth-child(-n+2), .b2-mx.b2-open .mx-stack.mx-one > .mx-div{display:block}}
.b2-all{text-align:center;margin-top:14px}
.b2-allbtn{min-height:42px;font-size:14px}
.b2-gotw{display:grid!important;grid-template-columns:1.05fr 1fr;gap:26px;align-items:center;padding:24px 26px!important}
.b2-gotw .b2-h2{color:#E6F1F7!important;margin:12px 0 6px!important}
.b2-when{font:500 13px var(--ch-mono)!important;color:rgba(230,241,247,.72)!important}
.b2-why{margin-top:12px!important;font-size:15px!important;color:#E6F1F7!important}
.b2-how2{margin-top:10px!important;font-size:12.5px!important}
.b2-vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center;gap:10px}
.b2-vs b{display:block;color:#E6F1F7}
.b2-vs small{display:block;font-size:12px;color:rgba(230,241,247,.72)}
.b2-big{display:block;font:700 40px/1.05 var(--ch-mono);color:#E6F1F7}
.b2-at{font:700 18px var(--ch-cond);color:var(--ch-amber,#3DD6F5)}
.b2-bar--g{height:12px;margin:16px 0 12px;background:rgba(230,241,247,.15)}
.b2-bar--g i:first-child{background:#3DD6F5} .b2-bar--g i:last-child{background:#E6F1F7}
html[data-theme="dark"] .b2-bar--g i:last-child{background:#E6F1F7}
.b2-ifs{display:grid;gap:4px;font-size:13px;color:rgba(230,241,247,.85);margin-bottom:14px}
.b2-ifs b{color:#E6F1F7}
.b2-opengame{width:100%}
.b2-plus{margin-top:12px}
@media(max-width:760px){
  .b2-hub{padding:0 16px 24px}
  .b2-mx{margin-left:-16px;margin-right:-16px}
  html.look-graphite .b2-h1{font-size:32px!important}
  .b2-how{grid-template-columns:1fr!important}
  .b2-find{grid-template-columns:1fr;padding:18px!important}
  .b2-gotw{grid-template-columns:1fr;gap:16px;padding:20px!important}
  .b2-big{font-size:34px}
  .b2-mxt{margin-left:0;flex-basis:100%;order:4}
  .b2-res.w31-swipe{grid-auto-columns:62%}
}
.b2-mx .mx-page{padding-left:0!important;padding-right:0!important;max-width:none!important}
@media(max-width:760px){.b2-mx .mx-page{padding-left:16px!important;padding-right:16px!important}}

/* ===== W31_G · B3 NFL main = the pro / basketball frame (Pixel W31_B3_NFL_MAIN_SHEET, Brett OK 10-11) · kit v1.9 · Sage 2026-10-12 ===== */
.b3-eb{display:block;font:600 11.5px/1.3 var(--ch-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ch-text-2);margin-bottom:6px}
.b3-rec{gap:16px}
.b3-stat{padding:16px 18px!important}
.b3-big{display:block;font:700 40px/1.05 var(--ch-mono);color:var(--ch-text);margin:4px 0 6px;letter-spacing:-.01em}
.b3-rtop{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-bottom:6px}
.b3-rtop .b2-meta{margin:0}
.w31-tag.b3-miss{background:transparent;border:1px solid var(--ch-line-2);color:var(--ch-text-2)}
.b3-wait{display:flex!important;align-items:center;gap:18px;justify-content:space-between}
.b3-wait p{margin-top:4px}
.b3-two{display:grid;grid-template-columns:1.05fr 1fr;gap:18px;align-items:start}
.b3-rank{padding:20px 22px!important}
.b3-list{list-style:none;margin:6px 0 14px;padding:0}
.b3-list a{display:grid;grid-template-columns:24px 40px minmax(0,1fr) 34% 52px;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--ch-line);color:var(--ch-text)!important;text-decoration:none!important;font-size:14.5px}
.b3-list li:last-child a{border-bottom:0}
.b3-n{font:600 13px var(--ch-mono);color:var(--ch-text-2)}
.b3-ab{font:600 11px var(--ch-mono);color:var(--ch-text-2);letter-spacing:.04em}
.b3-nm{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b3-bar{display:block;height:7px;border-radius:999px;background:var(--mx-s0);overflow:hidden}
.b3-bar i{display:block;height:100%;background:var(--iq-green)}
html[data-theme="dark"] .b3-bar i{background:#8BE9FB}
.b3-v{font:700 14px var(--ch-mono);text-align:right}
@media(hover:hover){.b3-list a:hover .b3-nm{color:var(--iq-green)} html[data-theme="dark"] .b3-list a:hover .b3-nm{color:#8BE9FB}}
.b3-ghost{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:14px;border:1.5px solid var(--ch-line-2);color:var(--ch-text)!important;font:600 14.5px var(--ch-font);text-decoration:none!important}
.b3-race .w31-sech{margin-bottom:10px}
.b3-mx{padding:0!important;max-width:none!important}
.b3-plus{margin-top:14px}
.b3-moved{margin-top:22px;padding:14px 18px!important}
.b3-moved summary{display:flex;align-items:center;gap:14px;cursor:pointer;list-style:none;flex-wrap:wrap}
.b3-moved summary::-webkit-details-marker{display:none}
.b3-mvline{font:500 12.5px var(--ch-mono);color:var(--ch-text-2)}
.b3-det{margin-left:auto;font-weight:600;font-size:14px;color:var(--ch-amber)}
.b3-det::after{content:" \25BE"}
.b3-moved[open] .b3-det::after{content:" \25B4"}
.b3-moved ul{margin:12px 0 2px;padding-left:18px;font-size:13.5px;line-height:1.55;color:var(--ch-text-2)}
.b3-moved li b{color:var(--ch-text)}
@media(max-width:980px){.b3-two{grid-template-columns:1fr}}
@media(max-width:760px){
  .b3-big{font-size:34px}
  .b3-wait{flex-direction:column;align-items:flex-start}
  .b3-list a{grid-template-columns:22px 34px minmax(0,1fr) 52px}
  .b3-list .b3-bar{display:none}
  .b3-det{margin-left:0}
  .b3-rank{padding:16px!important}
}
.b3-big--w{font-family:var(--ch-cond);text-transform:uppercase;letter-spacing:.01em}
.b3 .nba-games, .b3 .ch-games{margin-top:0}
.b3-list--t a{grid-template-columns:24px minmax(0,1fr) 40% 78px}
.b3-list--t .b3-ab{display:none}
@media(max-width:760px){.b3-list--t a{grid-template-columns:22px minmax(0,1fr) 78px}}

/* ===== W31_H · B5 game page header + 'What you should know' (Pixel W31_B5 sheet) ===== */
.b5-head{padding:18px 22px!important;margin:12px 0 4px}
.b5-when{margin-bottom:10px!important}
.b5-row{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:center;gap:18px}
.b5-team{display:flex;flex-direction:column;gap:5px;color:var(--ch-text)!important;text-decoration:none!important;min-width:0}
.b5-home{align-items:flex-end;text-align:right}
html.look-graphite .b5-nm{font:700 26px/1.05 var(--ch-cond)!important;text-transform:uppercase;margin:0!important;color:var(--ch-text);letter-spacing:.01em!important}
.b5-sub{font:600 12.5px var(--ch-mono);color:var(--ch-text-2)}
.b5-form{display:flex;gap:3px}
.b5-form i{font:700 9.5px/18px var(--ch-mono);font-style:normal;width:18px;height:18px;border-radius:5px;text-align:center;background:var(--mx-s0);color:var(--ch-text-2)}
.b5-form i.w{background:var(--iq-green);color:#E6F1F7}
html[data-theme="dark"] .b5-form i.w{background:#1592B3}
.b5-form i.t{background:var(--iq-amber-soft);color:var(--iq-amber-ink)}
.b5-pts{font-size:12.5px;color:var(--ch-text-2)}
.b5-mid{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}
.b5-mid .b2-meta{margin:0}
.b5-pcts{display:flex;align-items:baseline;gap:12px}
.b5-pcts b{font:700 40px/1 var(--ch-mono);color:var(--ch-text)}
.b5-bar{width:100%;max-width:280px;margin:4px 0!important}
.b5-bar i:first-child{background:var(--ch-amber,#3DD6F5)!important}
.b5-fact{padding:14px 16px!important}
.b5-v{display:block;font:700 22px/1.15 var(--ch-mono);color:var(--ch-text);margin-bottom:6px}
.b5-fact .b2-meta{margin-bottom:6px}
@media(max-width:760px){
  .b5-row{grid-template-columns:1fr 1fr;gap:14px 12px}
  .b5-mid{grid-column:1/-1;order:3}
  html.look-graphite .b5-nm{font-size:21px!important}
  .b5-pcts b{font-size:34px}
  .b5-head{padding:16px!important}
}
.b5-facts{margin-bottom:22px}

/* ===== W31_I · B6 ratings (Pixel W31_B6 sheet) ===== */
.b6{max-width:1072px;margin:0 auto;padding:6px 0 28px}
.b6-lede{font-size:15.5px;color:var(--ch-text-2);max-width:40rem;margin:6px 0 10px}
.b6-ctl{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0 12px}
.b6-ctl .mx-seg{margin:0}
.b6-cls{margin:0}
button.w31-chip{cursor:pointer;font-family:var(--ch-mono)}
.b6-tbl{padding:8px 18px 14px!important}
.b6-hd, .b6-row summary{display:grid;grid-template-columns:30px minmax(0,1.4fr) minmax(0,1fr) 64px minmax(110px,1.3fr) 20px;align-items:center;gap:10px}
.b6-hd{font:600 10.5px var(--ch-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ch-text-2);padding:8px 0;border-bottom:1px solid var(--ch-line)}
.b6-row{border-bottom:1px solid var(--ch-line)}
.b6-row[hidden]{display:none}
.b6 .b6-row > summary{display:grid!important;list-style:none;cursor:pointer;padding:9px 0;font-size:14.5px}
.b6-tbl[hidden], .b6-row[hidden]{display:none!important}
.b6-row summary::-webkit-details-marker{display:none}
@media(hover:hover){.b6-row summary:hover .b6-nm{color:var(--iq-green)} html[data-theme="dark"] .b6-row summary:hover .b6-nm{color:#8BE9FB}}
.b6-n{font:600 13px var(--ch-mono);color:var(--ch-text-2)}
.b6-nm{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b6-cl{font-size:13px;color:var(--ch-text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b6-r{font:700 14px var(--ch-mono);text-align:right}
.b6-rg{position:relative;height:16px}
span.b6-rg{display:block}
.b6-band{position:absolute;top:6px;height:5px;border-radius:999px;background:var(--mx-s2)}
.b6-dot{position:absolute;top:3px;width:11px;height:11px;margin-left:-5.5px;border-radius:50%;background:var(--iq-green);border:2px solid var(--ch-coal)}
html[data-theme="dark"] .b6-dot{background:#8BE9FB}
.b6-chev::before{content:"\203A";font:700 18px/1 var(--ch-font);color:var(--ch-text-2)}
.b6-row[open] .b6-chev::before{content:"\25BE";font-size:13px}
.b6-why{background:var(--iq-gtint);border-radius:14px;padding:14px 16px;margin:2px 0 10px}
.b6-why h3{font:700 15px var(--ch-font)!important;margin:0 0 10px!important;text-transform:none!important;letter-spacing:0!important}
.b6-why-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 18px}
.b6-why-g b{display:block;font:700 20px/1.1 var(--ch-mono);color:var(--ch-text);margin:2px 0}
.b6-why-g small{font-size:12.5px;color:var(--ch-text-2)}
.b6-why .b2-meta{margin:0}
.b6-prior{margin:12px 0 4px!important;font-size:13px}
.b6-team{display:inline-block;margin-top:6px;font-weight:600;font-size:13.5px;color:var(--ch-amber)!important;text-decoration:none!important}
.b6-keys{margin-top:18px;gap:14px}
.b6-keys .w31-card{padding:14px 16px!important}
.b6-acc{display:flex!important;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding:16px 20px!important}
.b6-acc p{margin:0}
.b6-method{margin-top:16px;padding:14px 18px!important}
.b6-method summary{cursor:pointer}
.b6-method .card{box-shadow:none!important;margin:12px 0 0}
@media(max-width:760px){
  .b6{padding:6px 16px 24px}
  .b6-tbl{padding:6px 12px 12px!important}
  .b6-hd, .b6-row summary{grid-template-columns:24px minmax(0,1fr) 54px 72px 14px;gap:8px}
  .b6-cl{display:none}
  .b6-why-g{grid-template-columns:1fr 1fr}
  .b6-acc{flex-direction:column;align-items:flex-start}
}

/* ===== W31_J · B4 team page rest (Pixel W31_B4 sheet; D4) ===== */
.b4-id{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;margin:12px 0 4px}
.b4-id .b2-meta{margin:0}
.b4-pts{font-size:13.5px;color:var(--ch-text-2)}
.b4-id form, .b4-id .iq-cta{margin-left:auto}
.b4-next{display:grid!important;grid-template-columns:1.1fr 1fr;gap:22px;align-items:center;padding:20px 24px!important;margin:14px 0}
.b4-next .b2-h2{color:#E6F1F7!important;margin:10px 0 4px!important}
.b4-bl{display:flex;justify-content:space-between;font:700 13px var(--ch-mono);color:#E6F1F7}
.b4-next .b2-bar--g{margin:8px 0 14px}
.b4-ghost{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:12px;border:1.5px solid rgba(230,241,247,.45);color:#E6F1F7;font:600 14px var(--ch-font)}
.b4-season{margin-top:0}
.b4-ladder ul{margin:8px 0 12px;padding-left:18px;font-size:13.5px;line-height:1.55;color:var(--ch-text-2)}
.w31-card.green ul{color:rgba(230,241,247,.85)}
.b4-ladder .w31-card{display:flex;flex-direction:column}
.b4-lbtn{margin-top:auto;width:100%}
.b4-note{margin-top:auto!important;font-size:13px}
@media(max-width:760px){.b4-next{grid-template-columns:1fr;gap:12px;padding:18px!important} .b4-id form, .b4-id .iq-cta{margin-left:0}}
html.look-graphite .b4-ladder h3{font:700 16.5px/1.25 var(--ch-font)!important;text-transform:none!important;letter-spacing:0!important;color:inherit}
.b4-season{grid-template-columns:1fr!important}

/* ===== W31_K · Pixel F-J walk fixes (10-12) ===== */
html .w29-card, html .w29-card .w29-h b, html .w29-card li, html .w29-card ul, html .w29-card p:not(.w29-eyebrow):not(.w29-fine):not(.w29-note):not(.w29-alt){color:#E6F1F7!important}  /* MUST 1: write-up card is dark in both themes, so its text is cream in both */
.b3-mx .mx .mx-nl, .w31-races .mx .mx-nl{display:none} .b3-mx .mx .mx-ns, .w31-races .mx .mx-ns{display:inline}  /* MUST 2 + SHOULD 5: short names on 2-up race cards */
.b3-mx .mx-card .mx th.mxh, .b3-mx .mx-card .mx td.mx-c, .b3-mx .mx-card .mx td.mx-x{width:44px;min-width:44px;max-width:44px;padding:0}
html .b2-gotw .b2-at, html[data-theme="dark"] .b2-gotw .b2-at{color:#3DD6F5!important}  /* MUST 3: AT amber on green (8:1) */
.b5-form i{font-size:11px;width:20px;height:20px;line-height:20px}  /* SHOULD 7 */
html[data-theme="dark"] .b5-form i.w{background:#1BA7C6;color:#091117}
.bb-scroll{overflow-y:hidden}  /* SHOULD 8 */
@media(max-width:400px){.b6-why-g{grid-template-columns:1fr 1fr!important;gap:10px 12px} .b6-why-g b{font-size:17px}}  /* SHOULD 9 */

/* ================= W32 · final pass (Pixel W32 sheets 1-6 + D2/D3, Brett 10-12) · v1.14 · Sage 2026-10-12 =================
   Tokens: Pixel's W31 v2 names, scoped (so nothing else on the page changes). Display only. */
.w32, .mx-panel, .w32-sc{--w-bg:#F2F5F8;--w-card:#FFFFFF;--w-ink:#0C1A24;--w-ink-2:#475B6A;--w-ink-3:#6E8292;--w-green:#0B1A26;--w-green-2:#12384C;
  --w-gtint:#E6F1F6;--w-amber:#3DD6F5;--w-amber-deep:#22C3E6;--w-amber-ink:#08799A;--w-amber-soft:#E3F4F9;--w-line:rgba(11,26,38,.12);--w-line-2:rgba(11,26,38,.22);
  --w-s4:#1592B3;--w-sh-1:0 1px 0 rgba(11,26,38,.06),0 10px 28px -16px rgba(11,26,38,.35);--w-sh-2:0 2px 0 rgba(11,26,38,.08),0 18px 36px -14px rgba(11,26,38,.45);
  --w-cond:"Oswald","Arial Narrow",sans-serif;--w-mono:var(--ch-mono,"JetBrains Mono",ui-monospace,monospace);--w-font:var(--ch-font,"Sora",system-ui,sans-serif)}
html[data-theme="dark"] .w32, html[data-theme="dark"] .mx-panel, html[data-theme="dark"] .w32-sc{--w-bg:#070D12;--w-card:#0E161E;--w-ink:#E6F1F7;--w-ink-2:#93A9B8;--w-ink-3:#6E8899;--w-gtint:#111C26;
  --w-amber-ink:#3DD6F5;--w-amber-soft:rgba(61,214,245,.10);--w-line:rgba(230,241,247,.12);--w-line-2:rgba(230,241,247,.24);--w-s4:#1BA7C6;
  --w-sh-1:0 1px 0 rgba(0,0,0,.4),0 10px 28px -16px rgba(0,0,0,.8);--w-sh-2:0 2px 0 rgba(0,0,0,.5),0 18px 36px -14px rgba(0,0,0,.9)}

/* ---- 2 · app-icon % cells on EVERY matrix (squircle, soft fill, subtle depth, no corner fold) ---- */
:root{--q0:#EEF6F9;--q1:#CDE8F0;--q2:#8FCBDD;--q3:#1E95B5;--q4:#08799A}
html[data-theme="dark"]{--q0:#0F1A23;--q1:#12364A;--q2:#155A73;--q3:#1BA7C6;--q4:#8BE9FB}
.mx td.mx-c, .mx-row .mx-hc, .mx-pill{border-radius:30%/34%!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(11,26,38,.10),0 1px 1.5px rgba(11,26,38,.10),0 4px 10px -6px rgba(11,26,38,.45)!important}
.mx td.mx-c::after{display:none!important}
.mx td.mx-c.mx-s0, .mx-row .mx-hc.mx-s0, .mx-pill.mx-s0{background:linear-gradient(180deg,#F6FAFC,var(--q0))!important;color:#0C1A24!important}
.mx td.mx-c.mx-s1, .mx-row .mx-hc.mx-s1, .mx-pill.mx-s1{background:linear-gradient(180deg,#DCEFF5,var(--q1))!important;color:#0C1A24!important}
.mx td.mx-c.mx-s2, .mx-row .mx-hc.mx-s2, .mx-pill.mx-s2{background:linear-gradient(180deg,#A6D8E6,var(--q2))!important;color:#0C1A24!important}
.mx td.mx-c.mx-s3, .mx-row .mx-hc.mx-s3, .mx-pill.mx-s3{background:linear-gradient(180deg,#1A9BBC,var(--q3))!important;color:#FFFFFF!important}
.mx td.mx-c.mx-s4, .mx-row .mx-hc.mx-s4, .mx-pill.mx-s4{background:linear-gradient(180deg,#0B86A6,var(--q4))!important;color:#FFFFFF!important}
html[data-theme="dark"] .mx td.mx-c, html[data-theme="dark"] .mx-row .mx-hc, html[data-theme="dark"] .mx-pill{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 1px 0 rgba(0,0,0,.5),0 6px 12px -8px rgba(0,0,0,.9)!important}
html[data-theme="dark"] .mx td.mx-c.mx-s0, html[data-theme="dark"] .mx-row .mx-hc.mx-s0, html[data-theme="dark"] .mx-pill.mx-s0{background:linear-gradient(180deg,#131F29,var(--q0))!important;color:#E6F1F7!important}
html[data-theme="dark"] .mx td.mx-c.mx-s1, html[data-theme="dark"] .mx-row .mx-hc.mx-s1, html[data-theme="dark"] .mx-pill.mx-s1{background:linear-gradient(180deg,#163E54,var(--q1))!important;color:#E6F1F7!important}
html[data-theme="dark"] .mx td.mx-c.mx-s2, html[data-theme="dark"] .mx-row .mx-hc.mx-s2, html[data-theme="dark"] .mx-pill.mx-s2{background:linear-gradient(180deg,#18607A,var(--q2))!important;color:#E6F1F7!important}
html[data-theme="dark"] .mx td.mx-c.mx-s3, html[data-theme="dark"] .mx-row .mx-hc.mx-s3, html[data-theme="dark"] .mx-pill.mx-s3{background:linear-gradient(180deg,#1BA7C6,var(--q3))!important;color:#04161C!important}
html[data-theme="dark"] .mx td.mx-c.mx-s4, html[data-theme="dark"] .mx-row .mx-hc.mx-s4, html[data-theme="dark"] .mx-pill.mx-s4{background:linear-gradient(180deg,#8BE9FB,var(--q4))!important;color:#04161C!important}
.mx td.mx-x, .mx-row .mx-hc.x{border-radius:30%/34%!important}
.mx td.mx-x{position:relative;box-shadow:none!important;background:transparent!important;outline:none!important}
.mx td.mx-x.est::before{border-style:dotted!important}
.mx td.mx-x::before{content:"";position:absolute;inset:2px;border:1.5px dashed var(--ch-line-2);border-radius:30%/34%;pointer-events:none}
.mx td.mx-c.now, .mx-row .mx-hc.now{outline:2px solid var(--ch-text)!important;outline-offset:1px!important}
.mx td.mx-c.mx-sel, .mx-row .mx-hc.mx-sel, .mx-pill.mx-sel{outline:2px solid #3DD6F5!important;outline-offset:2px!important;transform:scale(1.1);z-index:2}
@media(hover:hover) and (pointer:fine){.mx td.mx-c:hover{transform:scale(1.1);outline:2px solid #3DD6F5;outline-offset:2px;box-shadow:0 8px 16px -8px rgba(0,0,0,.45)!important}}

/* ---- D5 · 'Not clinched · in with a win at X' in the Playoffs column ---- */
.mx-iw{display:inline-flex;flex-direction:column;align-items:flex-start;gap:1px;line-height:1.15;text-align:left;cursor:pointer}
@media(min-width:761px){.mx-iw{max-width:118px}} table.mx-pt .mx-iw small{font-size:10.5px}
.mx-iw b{font:700 9.5px var(--ch-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ch-text-2)}
.mx-iw small{font:600 11px var(--ch-font);color:var(--ch-good)}
td.st .mx-iw, td.pc .mx-iw{margin-left:auto}
@media(max-width:760px){.mx-iw{max-width:92px}.mx-iw b{font-size:8.5px}.mx-iw small{font-size:10px}}

/* ---- D2 · the % pop-up: a side sheet over the page (desktop) / bottom sheet (phone). Nothing behind it moves. ---- */
.mx-scrim{background:rgba(7,13,17,.46)!important;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);z-index:80!important}
.mx-panel{z-index:81!important;background:var(--w-card)!important;color:var(--w-ink)!important;border:0!important;box-shadow:-24px 0 60px -20px rgba(0,0,0,.45)}
body.mx-open .mx-page{padding-right:0!important}
@media(min-width:761px){.mx-panel{top:0!important;right:0!important;bottom:0!important;left:auto!important;width:452px!important;max-height:none!important;border-radius:24px 0 0 24px!important}}
@media(max-width:760px){.mx-panel{left:0!important;right:0!important;bottom:0!important;top:auto!important;max-height:88vh!important;border-radius:24px 24px 0 0!important;box-shadow:0 -20px 50px -20px rgba(0,0,0,.5)}
  .mx-panel::before{width:44px!important;height:5px!important;border-radius:99px!important;margin:10px auto 0!important;background:var(--w-line-2)!important}}
.mx-pn-in{padding:22px 22px 26px!important;overscroll-behavior:contain}
.mx-pn-in:has(> .w32-sh-h){padding:0!important}
.mx-pn-x{top:18px!important;right:18px!important;width:40px!important;height:40px!important;border-radius:50%!important;border:1.5px solid var(--w-line-2)!important;background:var(--w-card)!important;color:var(--w-ink)!important;font-size:22px!important;display:grid!important;place-items:center;z-index:2}
@media(max-width:760px){.mx-pn-x{top:20px!important;right:14px!important}}
@media(max-width:760px){.mx-pn-in{padding:16px 16px 22px!important}}
.w32-sh-h{padding:20px 70px 14px 22px;border-bottom:1px solid var(--w-line)}
.w32-k{font:600 11px/1.2 var(--w-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--w-ink-2)}
.w32-t{font:700 26px/1.02 var(--w-cond)!important;text-transform:uppercase;margin:6px 0 0!important;color:var(--w-ink)!important;letter-spacing:.005em}
.w32-sh-b{padding:16px 22px 26px;display:grid;gap:14px;align-content:start}
.w32-stat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.w32-st{border-radius:14px;border:1px solid var(--w-line);padding:10px 11px;background:var(--w-bg);min-width:0}
.w32-st .k{display:block;font:600 10px/1 var(--w-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--w-ink-2)}
.w32-st .v{display:block;font:700 17px/1.1 var(--w-font);margin-top:6px}
.w32-st .v.s{font-size:15px}
.w32-st .w32-iw{display:block;font-size:12px;line-height:1.3;margin-top:4px;color:var(--w-ink-2)}
.w32-st.ok{background:var(--w-green);border-color:var(--w-green);color:#E6F1F7}.w32-st.ok .k{color:rgba(230,241,247,.75)}
html[data-theme="dark"] .w32-st.ok{background:#08799A;border-color:#08799A}
.w32-st.no .v{color:var(--ch-red-text)}
.w32-pv{border-radius:16px;border:1.5px solid var(--w-green);background:var(--w-gtint);padding:14px 14px 12px}
html[data-theme="dark"] .w32-pv{border-color:var(--w-s4)}
.w32-tag{display:inline-flex;align-items:center;gap:6px;font:700 10.5px/1 var(--w-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--w-green);background:var(--w-card);border:1px solid var(--w-green);padding:5px 8px;border-radius:999px}
html[data-theme="dark"] .w32-tag{color:#8BE9FB;border-color:var(--w-s4)}
.w32-pv h4{font:700 14.5px/1.3 var(--w-font)!important;margin:14px 0 6px!important;color:var(--w-ink)!important;text-transform:none!important;letter-spacing:0!important}
.w32-pv p, .w32-pv li{font-size:13.5px;line-height:1.45}
.w32-ck{list-style:none;display:grid;gap:6px;margin:0;padding:0}
.w32-ck li{display:flex;gap:9px;align-items:flex-start;background:var(--w-card);border:1px solid var(--w-line);border-radius:11px;padding:8px 10px}
.w32-ck li b.ck{flex:none;width:20px;height:20px;border-radius:6px;background:var(--w-green);color:#E6F1F7;display:grid;place-items:center;font-size:11px}
html[data-theme="dark"] .w32-ck li b.ck{background:var(--w-s4);color:#04161C}
.w32-ck.no li b.ck{background:transparent;border:1.5px solid var(--ch-red-text);color:var(--ch-red-text)}
.w32-places{display:grid;gap:5px;margin-top:10px}
.w32-places span{height:34px;border-radius:30%/34%;display:grid;place-items:center;font:700 12.5px var(--w-mono);background:var(--w-card);border:1.5px solid var(--w-green);color:var(--w-ink)}
.w32-places span.no{border:1.5px dashed var(--w-line-2);color:var(--w-ink-3);text-decoration:line-through;background:transparent}
.w32-places span.on{background:var(--w-green);color:#E6F1F7}
html[data-theme="dark"] .w32-places span{border-color:var(--w-s4)} html[data-theme="dark"] .w32-places span.no{border-color:var(--w-line-2)} html[data-theme="dark"] .w32-places span.on{background:var(--w-s4);color:#04161C}
.w32-small{font-size:13px;line-height:1.45;color:var(--w-ink-2);margin:8px 0 0}
.w32-small a, .w32-upd a{color:inherit;font-weight:700}
.w32-pv p.w32-upd{font:600 11px/1.35 var(--w-mono);color:var(--w-ink-3);margin:12px 0 0;letter-spacing:.02em}
.w32-lockd{margin:12px 0 0;font-size:14px}
.w32-sim{border-radius:16px;border:1px solid var(--w-line);padding:14px;background:var(--w-bg)}
.w32-sim .k{font:600 10.5px/1 var(--w-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--w-ink-2)}
.w32-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:8px}
.w32-n{font:700 34px/1 var(--w-mono);color:var(--w-ink);white-space:nowrap}
.w32-from{font-size:13px;color:var(--w-ink-2)}
.w32-sim p{font-size:13.5px;color:var(--w-ink-2);margin:8px 0 0;line-height:1.45}
.w32-bar{height:8px;border-radius:99px;background:var(--w-line);margin-top:10px;overflow:hidden}.w32-bar i{display:block;height:100%;background:var(--w-s4);border-radius:99px}
.w32-acts{display:flex;gap:10px;flex-wrap:wrap}
.w32-sec-btn{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:14px;border:1.5px solid var(--w-line-2);background:var(--w-card);color:var(--w-ink)!important;font:700 15px/1 var(--w-font);text-decoration:none!important}
.w32-lock{position:relative;margin-top:4px}
.w32-blur{filter:blur(4.5px);opacity:.65;pointer-events:none;user-select:none}
.w32-ov{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:12px}
.w32-ov > div{background:var(--w-card);border:1.5px solid var(--w-amber);border-radius:16px;padding:14px 16px;box-shadow:var(--w-sh-2);max-width:320px}
.w32-ov p{font-size:13px;color:var(--w-ink-2);margin:4px 0 10px}
@media(max-width:760px){.w32-sh-h{padding:12px 64px 12px 16px}.w32-t{font-size:23px!important}.w32-sh-b{padding:12px 16px 22px;gap:12px}
  .w32-stat{gap:6px}.w32-st{padding:9px 8px}.w32-st .v{font-size:14.5px}.w32-n{font-size:28px}}
/* W32 Q5: the Bye column (B and D) fits the card: tighter pills and padding in those tables */
table.mx-pt:has(thead th:nth-child(7)) td.pc{padding-right:6px}
table.mx-pt:has(thead th:nth-child(7)) .mx-pill{min-width:46px;padding:4px 4px}
table.mx-pt:has(thead th:nth-child(7)) .mx-iw{max-width:104px}
@media(max-width:760px){table.mx-pt:has(thead th:nth-child(7)) td.pc{padding-right:3px} table.mx-pt:has(thead th:nth-child(7)) .mx-pill{min-width:38px;font-size:10.5px;padding:4px 2px}
  table.mx-pt:has(thead th:nth-child(7)) .mx-iw{max-width:78px} table.mx-pt:has(thead th:nth-child(7)) th{font-size:9px!important;letter-spacing:.03em!important}}
/* W32: page-level type rules (html.look-pine .gp-main p 15px) must not resize the pop-up text */
.mx-panel .w32-sh-b p, .mx-panel .w32-sh-b li{font-size:13.5px!important;line-height:1.45!important;margin-bottom:0}
.mx-panel p.w32-small{font-size:13px!important}
.mx-panel p.w32-upd{font-size:11px!important;line-height:1.35!important}
.mx-panel .w32-sh-b ul{margin:0!important;padding:0!important}

/* ---- W32 item 1 · record cards (niftiiq.com home hero) ---- */
.w32-recs{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;margin-top:20px;max-width:880px;align-items:stretch}
.w32-rc{display:block;background:var(--w-green);color:#E6F1F7!important;border-radius:22px;padding:18px 20px 16px;position:relative;overflow:hidden;box-shadow:var(--w-sh-2);text-decoration:none!important;transition:transform .15s}
.w32-rc:hover{transform:translateY(-2px)}
.w32-rc::before{content:"";position:absolute;right:-40px;top:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(61,214,245,.20),transparent 70%)}
.w32-rc .k{display:flex;align-items:center;gap:8px;font:600 11px/1 var(--w-mono);letter-spacing:.09em;text-transform:uppercase;color:rgba(230,241,247,.8)}
.w32-rc .k .ic{width:26px;height:26px;border-radius:8px;background:rgba(230,241,247,.12);display:grid;place-items:center}
.w32-rc .k .ic svg{width:16px;height:16px}
.w32-rc .big{display:block;font:700 54px/1 var(--w-mono);letter-spacing:-.02em;margin:12px 0 10px;font-variant-numeric:tabular-nums}
.w32-rc .bar{display:block;height:8px;border-radius:99px;background:rgba(230,241,247,.16);overflow:hidden}
.w32-rc .bar i{display:block;height:100%;border-radius:99px;background:var(--w-amber)}
.w32-rc .w32-rr{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:13px;color:rgba(230,241,247,.82)}
.w32-rc .w32-rr span{background:transparent!important;padding:0;border:0}
.w32-rc .w32-rr .pct{font:700 15px/1 var(--w-mono);background:var(--w-amber)!important;color:#0C1A24;padding:6px 10px!important;border-radius:999px;white-space:nowrap}
.w32-rc-how{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:14px 18px;border-radius:22px;border:1.5px dashed var(--w-line-2);font-size:13.5px;color:var(--w-ink-2)!important;max-width:210px;text-decoration:none!important}
.w32-rc-how b{color:var(--w-ink);font-size:14.5px}
.w32-rc-how .lk{color:var(--w-green);font-weight:700} html[data-theme="dark"] .w32-rc-how .lk{color:var(--w-amber)}
html[data-theme="dark"] .w32-rc{background:#122E40}
@media(max-width:600px){.w32-recs{grid-template-columns:1fr 1fr;gap:10px}.w32-rc{padding:14px 14px 12px;border-radius:18px}.w32-rc .big{font-size:34px;margin:10px 0 8px}
  .w32-rc .k{font-size:9.5px;letter-spacing:.06em}.w32-rc .k .ic{display:none}.w32-rc .w32-rr{flex-wrap:wrap;gap:6px;font-size:11.5px;margin-top:8px}.w32-rc .w32-rr .pct{font-size:13px;padding:5px 8px}
  .w32-rc-how{grid-column:1/-1;max-width:none;flex-direction:row;flex-wrap:wrap;align-items:center;padding:10px 14px;font-size:12.5px}}

/* ---- W32 D1 · one follow + updates card ---- */
.w32-fu{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);border-radius:24px;overflow:hidden;border:1.5px solid var(--w-amber);box-shadow:var(--w-sh-2);background:var(--w-card);margin:24px 0 0}
.w32-fu .l{background:linear-gradient(160deg,var(--w-green),#081520);color:#E6F1F7;padding:26px 28px}
.w32-chip{display:inline-block;font:600 11px/1 var(--w-mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(230,241,247,.4);color:#E6F1F7;border-radius:999px;padding:6px 9px}
.w32-fu .l h3{font:700 30px/1.02 var(--w-cond)!important;text-transform:uppercase;letter-spacing:.01em;margin:12px 0 10px!important;color:#E6F1F7!important}
.w32-fu .l h3 em{font-style:normal;color:var(--w-amber)}
.w32-fu .l p{font-size:14px!important;color:rgba(230,241,247,.85)!important;margin:0}
.w32-fu .l ul{list-style:none;display:grid;gap:9px;margin:14px 0 0;padding:0}
.w32-fu .l li{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:rgba(230,241,247,.9)}
.w32-fu .l li i{flex:none;width:22px;height:22px;border-radius:7px;background:rgba(61,214,245,.18);color:var(--w-amber);display:grid;place-items:center;font:700 12px var(--w-mono);font-style:normal}
.w32-fu .r{padding:24px 28px;background:var(--w-amber-soft);color:var(--w-ink)}
html[data-theme="dark"] .w32-fu .r{background:linear-gradient(180deg,rgba(61,214,245,.07),var(--w-card))}
.w32-fu .lab{font:600 11px/1 var(--w-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--w-ink-2);margin-bottom:7px;display:block}
.w32-fu .f2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.w32-fu .inp{height:50px;border-radius:14px;border:1.5px solid var(--w-line-2);background:var(--w-card);display:flex;align-items:center;gap:10px;padding:0 14px}
.w32-fu .inp:focus-within{border-color:var(--w-green);box-shadow:0 0 0 3px rgba(11,26,38,.15)}
.w32-fu .inp input{flex:1;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important;font:600 15px var(--w-font)!important;color:var(--w-ink)!important;outline:none;height:100%!important;border-radius:0!important}
.w32-fu .inp input::placeholder{color:var(--w-ink-3);font-weight:400}
.w32-fu .inp .tb{flex:none;width:24px;height:24px;border-radius:7px;background:var(--w-gtint);display:grid;place-items:center;color:var(--w-green)}
.w32-fu .inp .tb svg{width:15px;height:15px}
html[data-theme="dark"] .w32-fu .inp .tb{background:rgba(61,214,245,.14);color:var(--w-amber)}
.w32-fu .gap{height:14px}
.w32-fu .ticks{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.w32-fu .tk, .w32-fu .age{position:relative;display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-weight:600;font-size:14px}
.w32-fu .tk{height:40px;padding:0 13px 0 10px;border-radius:12px;border:1.5px solid var(--w-line-2);background:var(--w-card)}
.w32-fu .tk input, .w32-fu .age input{position:absolute;opacity:0;width:1px;height:1px}
.w32-fu .tk b, .w32-fu .age b{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--w-line-2);display:grid;place-items:center;font-size:12px;color:#E6F1F7}
.w32-fu .tk:has(input:checked){border-color:var(--w-green);background:var(--w-gtint)}
.w32-fu .tk input:checked + b, .w32-fu .age input:checked + b{background:var(--w-green);border-color:var(--w-green)}
.w32-fu .tk input:checked + b::after, .w32-fu .age input:checked + b::after{content:"\2713"}
.w32-fu .tk input:focus-visible + b, .w32-fu .age input:focus-visible + b{outline:3px solid var(--w-green-2);outline-offset:2px}
html[data-theme="dark"] .w32-fu .tk:has(input:checked){border-color:var(--w-s4)} html[data-theme="dark"] .w32-fu .tk input:checked + b, html[data-theme="dark"] .w32-fu .age input:checked + b{background:var(--w-s4);border-color:var(--w-s4);color:#04161C}
.w32-fu .go{display:flex;align-items:center;gap:16px;margin-top:16px;flex-wrap:wrap}
.w32-fu .go .sp{flex:1}
.w32-fu .w32-go{min-height:52px;padding:0 22px;font-size:16px}
.w32-fu .fine{font-size:12.5px!important;color:var(--w-ink-2)!important;margin-top:12px;line-height:1.5!important}
.w32-fu .fine a{color:inherit;text-decoration:underline}
.w32-err{background:#FBE9E6;color:#8A2416;border-radius:10px;padding:8px 10px;font-size:13.5px;margin:0 0 12px}
@media(max-width:760px){.w32-fu{grid-template-columns:1fr}.w32-fu .l{padding:20px}.w32-fu .l h3{font-size:25px!important}.w32-fu .l ul{gap:7px;margin-top:10px}.w32-fu .r{padding:18px 16px}.w32-fu .f2{grid-template-columns:1fr}.w32-fu .go .w32-go{width:100%}}
form#follow.w32-fu .inp input[name]{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important;height:100%!important;border-radius:0!important;min-height:0!important;width:auto!important}
form#follow.w32-fu .inp input[name]:not([type="checkbox"]){background:transparent!important;background-color:transparent!important;border:0!important;flex:1 1 auto!important;width:100%!important;color:var(--w-ink)!important}

/* ---- W32 item 5 · school page (/maine/schools/<slug>/) + the 'also on niftiIQ' chips ---- */
.w32-sc{max-width:1180px;margin:0 auto;padding-bottom:30px}
.w32-sch{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin:18px 0 18px}
.w32-sch .sp{flex:1}
.w32-sch h1{font:700 52px/.98 var(--w-cond)!important;text-transform:uppercase;margin:8px 0 0!important;color:var(--w-ink)}
.w32-sports{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.w32-sc4{display:block;border-radius:22px;background:var(--w-card);border:1px solid var(--w-line);box-shadow:var(--w-sh-1);padding:18px 20px;color:var(--w-ink)!important;text-decoration:none!important;transition:transform .15s,box-shadow .15s}
.w32-sc4:hover{transform:translateY(-3px);box-shadow:var(--w-sh-2)}
.w32-sc4 .hd{display:flex;align-items:center;gap:12px}
.w32-sc4 .ic{flex:none;width:44px;height:44px;border-radius:14px;background:var(--w-green);color:#E6F1F7;display:grid;place-items:center}
.w32-sc4 .ic svg{width:22px;height:22px}
html[data-theme="dark"] .w32-sc4 .ic{background:#08799A}
.w32-sc4 .hd b{display:block;font:700 22px/1 var(--w-cond);text-transform:uppercase}
.w32-sc4 .hd small{display:block;font:600 11px/1 var(--w-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--w-ink-2);margin-top:5px}
.w32-sc4 .goo{margin-left:auto;width:34px;height:34px;border-radius:50%;background:var(--w-gtint);color:var(--w-green);display:grid;place-items:center;font-weight:700}
html[data-theme="dark"] .w32-sc4 .goo{background:rgba(61,214,245,.14);color:var(--w-amber)}
.w32-sc4 .kv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}
.w32-sc4 .kv > span{border-radius:13px;background:var(--w-bg);border:1px solid var(--w-line);padding:10px 11px;min-width:0}
.w32-sc4 .kv small{display:block;font:600 10px/1 var(--w-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--w-ink-2)}
.w32-sc4 .kv b{display:block;font:700 19px/1.1 var(--w-mono);margin-top:7px;white-space:nowrap}
.w32-sc4 .kv b.ok{color:var(--w-green)} html[data-theme="dark"] .w32-sc4 .kv b.ok{color:#8BE9FB}
.w32-sc4 .nx{display:block;font-size:13.5px;color:var(--w-ink-2);margin-top:12px}
.w32-sc4 .nx b{color:var(--w-ink)}
.w32-sc4.soon{background:linear-gradient(180deg,var(--w-card),var(--w-bg))}
.w32-sc4 .chipx{display:inline-block;margin-top:12px;font:600 11px/1 var(--w-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--w-amber-ink);background:var(--w-amber-soft);border:1px solid var(--w-amber);padding:6px 9px;border-radius:999px}
@media(max-width:760px){.w32-sports{grid-template-columns:1fr;gap:12px}.w32-sc4{padding:14px}.w32-sc4 .kv b{font-size:16px}.w32-sc4 .hd b{font-size:20px}.w32-sch h1{font-size:38px!important}.w32-sch .iq-cta{width:100%}}
.w32-also{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:14px}
.w32-also .k{font:600 10.5px/1 var(--ch-mono);letter-spacing:.08em;text-transform:uppercase;margin-right:4px}
.w32-also a{text-decoration:none!important;border:1px solid currentColor;padding:6px 10px;border-radius:999px;font-weight:600;font-size:12.5px;opacity:.92}
.w32-also a.all{border-style:dashed}

/* ---- W32 item 3 · team page header: one green block ---- */
.w32-th{border-radius:26px;background:var(--w-green);color:#E6F1F7;padding:24px 26px 20px;box-shadow:var(--w-sh-2);position:relative;overflow:hidden;margin:8px 0 16px}
html[data-theme="dark"] .w32-th{background:#0F2533;border:1px solid rgba(230,241,247,.08)}
.w32-th::after{content:"";position:absolute;right:-80px;top:-120px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(61,214,245,.13),transparent 68%);pointer-events:none}
.w32-th .top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;position:relative;z-index:1}
.w32-th h1{font:700 58px/.95 var(--w-cond)!important;text-transform:uppercase;margin:0!important;color:#E6F1F7!important;letter-spacing:.005em}
.w32-th .cls{font:600 11.5px/1 var(--w-mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(230,241,247,.35);border-radius:999px;padding:7px 10px;color:rgba(230,241,247,.9)}
.w32-th .cls.you{border-color:var(--w-amber);color:var(--w-amber)}
.w32-th .sp{flex:1}
.w32-th .acts{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.w32-th .iq-share-btn{min-height:46px!important;border-radius:14px!important;border:1.5px solid rgba(230,241,247,.35)!important;background:transparent!important;color:#E6F1F7!important;font-weight:700!important;padding:0 16px!important}
.w32-th .tiles{display:grid;grid-template-columns:1.05fr 1fr 1.25fr 1.15fr 1.1fr;gap:10px;margin-top:20px;position:relative;z-index:1}
.w32-th .tl{display:block;background:rgba(230,241,247,.07);border:1px solid rgba(230,241,247,.13);border-radius:16px;padding:12px 14px;min-width:0;color:#E6F1F7!important;text-decoration:none!important}
.w32-th a.tl:hover{background:rgba(230,241,247,.12)}
.w32-th .k{display:block;font:600 10.5px/1 var(--w-mono);letter-spacing:.09em;text-transform:uppercase;color:rgba(230,241,247,.72)}
.w32-th .tl .v{display:block;font:700 30px/1 var(--w-mono);margin-top:9px;white-space:nowrap}
.w32-th .tl .v small{font:600 13px var(--w-mono);color:rgba(230,241,247,.75);margin-left:4px}
.w32-th .tl .s{display:block;font-size:12.5px;color:rgba(230,241,247,.75);margin-top:6px}
.w32-th .tl.rk .v{color:var(--w-amber)}
.w32-th .form{display:flex;gap:4px;margin-top:9px}
.w32-th .form b{width:24px;height:30px;border-radius:7px;display:grid;place-items:center;font:700 12.5px var(--w-mono)}
.w32-th .form b.w{background:#E6F1F7;color:var(--w-green)} .w32-th .form b.l, .w32-th .form b.t{background:transparent;border:1.5px solid rgba(230,241,247,.32);color:rgba(230,241,247,.8)}
.w32-th .odds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.6fr);gap:10px;margin-top:10px;position:relative;z-index:1}
.w32-th .o{border-radius:16px;padding:12px 14px;background:#E6F1F7;color:var(--w-green)}
.w32-th .o .k{color:#475B6A}
.w32-th .o .v{display:block;font:700 30px/1 var(--w-mono);margin-top:9px;white-space:nowrap}
.w32-th .o .s{display:block;font-size:12.5px;color:#475B6A;margin-top:6px}
.w32-th .o.ok{background:#E6F1F6}
.w32-th .spark{border-radius:16px;padding:12px 14px 8px;background:rgba(230,241,247,.07);border:1px solid rgba(230,241,247,.13)}
.w32-th .spark .k{display:flex}
.w32-th .spark .k span{margin-left:auto;color:var(--w-amber)}
.w32-th .spark svg{display:block;width:100%;height:58px;margin-top:6px}
.w32-th .spark polyline{fill:none;stroke:var(--w-amber);stroke-width:2}
.w32-th .spark circle{fill:#E6F1F7;stroke:var(--w-amber);stroke-width:1.5}
.w32-th .spark .wks{display:flex;justify-content:space-between;font:600 9.5px var(--w-mono);color:rgba(230,241,247,.6);margin-top:2px}
.w32-th .spark .wks i{font-style:normal}
.w32-th .thf{margin-top:12px;font-size:13px;color:rgba(230,241,247,.78);position:relative;z-index:1}
.w32-th .w32-why summary{cursor:pointer;color:var(--w-amber);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.w32-th .w32-why span{display:block;margin-top:6px;max-width:860px;line-height:1.5}
.w32-th .w32-also{color:#E6F1F7;position:relative;z-index:1}
.w32-th .w32-also a{color:#E6F1F7!important;border-color:rgba(230,241,247,.3)}
@media(max-width:980px){.w32-th .tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.w32-th{padding:18px 16px 16px;border-radius:22px}.w32-th h1{font-size:40px!important}.w32-th .acts{width:100%}.w32-th .acts .iq-cta, .w32-th .acts form{flex:1}.w32-th .acts form .iq-cta{width:100%}
  .w32-th .tiles{grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.w32-th .tl{padding:10px 12px}.w32-th .tl .v{font-size:24px}.w32-th .tl.form-t{grid-column:1/-1}
  .w32-th .odds{grid-template-columns:repeat(3,1fr);gap:8px}.w32-th .o{padding:10px 10px}.w32-th .o .v{font-size:22px}.w32-th .o .s{font-size:11px}.w32-th .spark{grid-column:1/-1}}
.w32-th .o .v.sm{font-size:21px;white-space:normal}
html body .w32-th .iq-share-btn, html body .w32-th .iq-share-btn *{color:#E6F1F7!important;-webkit-text-fill-color:#E6F1F7!important}
html body .w32-th .iq-share-btn svg{stroke:#E6F1F7}
@media(max-width:760px){.w32-th .o:has(.v.sm){grid-column:1/-1}.w32-th .o .v.sm{font-size:19px}}

/* ---- W32 item 4 · game page: best win so far ---- */
.w32-bw{border-radius:22px;border:1.5px solid var(--w-amber);background:linear-gradient(180deg,var(--w-amber-soft),var(--w-card) 80%);box-shadow:var(--w-sh-2);padding:18px 20px;margin:4px 0 14px;color:var(--w-ink)}
.w32-bw .hd{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.w32-bw .hd h3{font:700 22px/1 var(--w-cond)!important;text-transform:uppercase;margin:0!important;color:var(--w-ink)!important}
.w32-bw .hd .sub{font-size:12.5px;color:var(--w-ink-2)}
.w32-new{font:700 9.5px/1 var(--w-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--w-amber-ink);border:1px solid var(--w-amber);border-radius:999px;padding:4px 7px}
.w32-bw .two{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.w32-bw .side{border-radius:16px;background:var(--w-card);border:1px solid var(--w-line);padding:14px 16px;display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:center}
.w32-bw .who{grid-column:1/-1;font:600 10.5px/1 var(--w-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--w-ink-2);margin-bottom:6px}
.w32-bw .sc{grid-row:span 2;font:700 26px/1 var(--w-mono);background:var(--w-green);color:#E6F1F7;border-radius:14px;padding:12px;text-align:center;min-width:104px}
html[data-theme="dark"] .w32-bw .sc{background:#08799A}
.w32-bw .sc small{display:block;font:600 10px/1 var(--w-mono);letter-spacing:.08em;margin-top:6px;opacity:.8;text-transform:uppercase}
.w32-bw .op{font:700 19px/1.15 var(--w-font)}
.w32-bw .op a{color:inherit}
.w32-bw .now{display:flex;gap:6px;flex-wrap:wrap}
.w32-bw .now span{font:600 11.5px/1 var(--w-mono);padding:6px 8px;border-radius:999px;background:var(--w-gtint);color:var(--w-green)}
html[data-theme="dark"] .w32-bw .now span{color:#8BE9FB}
.w32-bw .now span.a{background:var(--w-amber);color:#0C1A24}
.w32-bw .rule{font-size:12.5px!important;color:var(--w-ink-2)!important;margin:12px 0 0}
@media(max-width:760px){.w32-bw{padding:14px}.w32-bw .two{grid-template-columns:1fr;gap:10px}.w32-bw .side{padding:12px}.w32-bw .sc{grid-row:auto;min-width:0;font-size:20px;padding:9px 10px}.w32-bw .now{grid-column:1/-1;margin-top:8px}.w32-bw .op{font-size:16.5px}}

/* ---- W32 item 6 · footer columns on the NFL pages (its template's bare 'nav{display:flex;gap:22px;...}' rule leaked in) ---- */
footer .w31-ft-top nav{display:block;gap:0;padding-top:0;font-weight:inherit}

/* W32_C r2: school page tiles fit on phones (tick hidden, smaller value, may wrap) */
@media (max-width:520px){.w32-sc4 .kv b{font-size:16px;white-space:normal}.w32-sc4 .kv b .tk{display:none}}
.w32-sc4 .kv b .tk{font-style:normal}

/* W32 r2 (Pixel MUST 2): nothing behind the pop-up moves (wheel, touch, keys) */
html:has(body.mx-open),body.mx-open{overflow:hidden!important;overscroll-behavior:none}

/* W32 r2 (Pixel walk 10-12): team header phone (Not clinched full width -> the two chance tiles share the next row);
   best win: each side is one link, no underlined text inside a card */
@media(max-width:760px){.w32-th .odds:has(.v.sm){grid-template-columns:1fr 1fr}}
.w32-bw a.side{color:inherit!important;text-decoration:none!important;transition:transform .15s,box-shadow .15s}
.w32-bw a.side:hover{transform:translateY(-2px);box-shadow:var(--w-sh-1)}
.w32-bw a.side:focus-visible{outline:2px solid var(--w-amber);outline-offset:2px}