/* sig-chrome.css · niftisports Signal chrome a1 (SIG_NAV_A, L120 package a) · Sage 2026-10-29
   Header (mark + live wordmark, High School / Pro / Our record dropdowns, Plus, find a school, sun/moon, Sign in, Join free,
   member menu, phone Menu), the one section menu + sub-row + "More about" row, and the footer. Reads only Signal tokens.
   Brief sections 5 + 6b: header 64 px (58 on phones), mark 28 px (24), 9 px gap (7), wordmark Schibsted 800 22 px (19),
   -0.02em, "nifti" ink + "sports" cobalt; active section item = 2 px ink underline; 1 px lines, 8 px corners, no left accents. */
.ns-chrome{position:relative;container-type:inline-size;background:var(--bg);color:var(--ink);font-family:var(--fb)}
.ns-chrome a{color:inherit;text-decoration:none}
.ns-chrome .ns-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ns-chrome svg{flex:none}
/* ---- header ---- */
/* each chrome block is its own container (= its own stacking context): the header block sits above the page so its menus open over it */
.ns-chrome.ns-topw{z-index:60}
.ns-chrome.ns-morew, .ns-chrome.ns-subw{z-index:1}
.ns-chrome .ns-hd{position:relative;z-index:40;background:var(--bg)}
.ns-chrome .ns-hd .in{height:64px;gap:24px}
.ns-chrome .brand{display:inline-flex;align-items:center;gap:9px;flex:none;padding:4px 0}
.ns-chrome .brand .mk{display:block;width:28px;height:28px}
.ns-chrome .mk-d{display:none!important}
html[data-theme="dark"] .ns-chrome .mk-l{display:none!important}
html[data-theme="dark"] .ns-chrome .mk-d{display:block!important}
.ns-chrome .brand .wm{font-family:var(--fh);font-weight:800;font-size:22px;letter-spacing:-.02em;line-height:1;color:var(--ink)}
.ns-chrome .brand .wm em{font-style:normal;color:var(--acc)}
.ns-chrome .ns-nav{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--ink2)}
.ns-chrome .ns-nav > a, .ns-chrome .ns-dd > summary{display:inline-flex;align-items:center;gap:5px;padding:8px 10px;border-radius:var(--r);cursor:pointer;color:var(--ink2);list-style:none;white-space:nowrap}
.ns-chrome .ns-dd > summary::-webkit-details-marker{display:none}
.ns-chrome .ns-nav > a:hover, .ns-chrome .ns-dd > summary:hover, .ns-chrome .ns-dd[open] > summary{color:var(--ink);background:var(--bg2)}
.ns-chrome .ns-dd > summary.on{color:var(--ink);font-weight:600}
.ns-chrome .ns-dd[open] .ns-cv{transform:rotate(180deg)}
.ns-chrome .ns-dd{position:relative}
.ns-chrome .ns-pn{position:absolute;top:calc(100% + 6px);left:0;min-width:290px;padding:8px;display:grid;gap:2px;background:var(--card);border:var(--lw) solid var(--ln);border-radius:var(--r);box-shadow:0 18px 40px -24px rgba(11,13,18,.35);z-index:50}
.ns-chrome .ns-pn-r{left:auto;right:0;min-width:200px}
.ns-chrome .ns-it{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:6px;color:var(--ink)}
.ns-chrome .ns-it:hover, .ns-chrome .ns-it:focus-visible{background:var(--bg2)}
.ns-chrome .ns-it[aria-current]{background:var(--accS)}
.ns-chrome .ns-it b{display:block;font-weight:600;font-size:14px}
.ns-chrome .ns-it small{display:block;font-size:12px;color:var(--dim);margin-top:1px}
.ns-chrome .ns-deck{margin:4px 10px 4px;padding-top:8px;border-top:var(--lw) solid var(--ln);font-size:12px;color:var(--dim)}
.ns-chrome .ns-ln{display:block;padding:9px 10px;border-radius:6px;font-size:14px;font-weight:500;color:var(--ink)}
.ns-chrome .ns-ln:hover{background:var(--bg2)}
.ns-chrome .hr{margin-left:auto;display:flex;gap:10px;align-items:center;font-size:14px;font-weight:500}
.ns-chrome .ns-q{display:flex;align-items:center;gap:7px;height:36px;padding:0 10px;border:var(--lw) solid var(--ln);border-radius:var(--r);background:var(--card);color:var(--dim)}
.ns-chrome .ns-q:focus-within{border-color:var(--acc)}
.ns-chrome .ns-q input{border:0;outline:0;background:transparent;color:var(--ink);font:500 13.5px var(--fb);width:120px;padding:0}
/* arena-ice.css styles every input with !important (Ice forms); the header search box opts out */
html[data-theme] .ns-chrome .ns-q input[name=q]:not([type=checkbox]):not([type=radio]):not([type=range]){background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;min-height:0!important;height:auto!important;padding:0!important;color:var(--ink)!important;font:500 13.5px var(--fb)!important}
html[data-theme] .ns-chrome .ns-q-m input[name=q]:not([type=checkbox]):not([type=radio]):not([type=range]){font-size:15px!important;width:100%}
.ns-chrome .ns-q input::placeholder{color:var(--dim)}
.ns-chrome .ns-th{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:var(--r);border:var(--lw) solid var(--ln);background:var(--card);color:var(--ink2);cursor:pointer;padding:0}
.ns-chrome .ns-th:hover{color:var(--ink)}
.ns-chrome .ns-th .moon{display:none}
html[data-theme="dark"] .ns-chrome .ns-th .sun{display:none}
html[data-theme="dark"] .ns-chrome .ns-th .moon{display:block}
.ns-chrome .ns-si{padding:8px 6px;color:var(--ink2)}
.ns-chrome .ns-si:hover{color:var(--ink)}
.ns-chrome .ns-me > summary{gap:8px;padding:4px 8px 4px 4px}
.ns-chrome .ns-av{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;font:700 13px var(--fh);color:var(--acc);box-shadow:inset 0 0 0 1.5px var(--acc);background:var(--card)}
.ns-chrome .ns-mf{max-width:12ch;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}
/* Framed buttons (brief 5): own class, because arena-ice.css paints every .btn with !important */
.ns-chrome .ns-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 14px/1.15 var(--fb);padding:9px 16px;white-space:nowrap;border-radius:var(--r);background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 2px var(--c,var(--ink))}
.ns-chrome .ns-btn.sm{font-size:12.5px;padding:7px 12px}
.ns-chrome .ns-btn.join{--c:var(--acc)}
.ns-chrome .ns-btn.plus{--c:var(--coral)}
.ns-chrome .ns-btn.join::before,.ns-chrome .ns-btn.plus::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c)}
.ns-chrome .ns-btn:hover{background:var(--bg2)}
/* phone menu */
.ns-chrome .ns-mn{display:none;position:static}
.ns-chrome .ns-mn > summary{list-style:none;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 10px;border-radius:var(--r);border:var(--lw) solid var(--ln);background:var(--card);color:var(--ink);font-weight:600;font-size:13.5px;cursor:pointer}
.ns-chrome .ns-mn > summary::-webkit-details-marker{display:none}
.ns-chrome .ns-mnp{position:absolute;left:0;right:0;top:100%;max-height:calc(100vh - 58px);overflow-y:auto;padding:10px 16px 22px;background:var(--bg);border-top:var(--lw) solid var(--ln);border-bottom:var(--lw) solid var(--ln);display:grid;gap:2px;z-index:50}
.ns-chrome .ns-mh{margin:12px 10px 2px;font-size:11.5px;font-weight:600;color:var(--dim);text-transform:uppercase;letter-spacing:.08em}
.ns-chrome .ns-q-m{height:40px;margin:4px 0 2px}
.ns-chrome .ns-q-m input{width:100%;font-size:15px}
.ns-chrome .ns-mj{margin-top:10px;width:100%}
@container (max-width:1060px){ .ns-chrome .ns-q{display:none} .ns-chrome .ns-mnp .ns-q{display:flex} }
@container (max-width:860px){
  .ns-chrome .ns-hd .in{height:58px;gap:10px}
  .ns-chrome .ns-nav, .ns-chrome .ns-si, .ns-chrome .ns-me{display:none}
  .ns-chrome .ns-mn{display:block}
  .ns-chrome .brand{gap:7px}
  .ns-chrome .brand .mk{width:24px;height:24px}
  .ns-chrome .brand .wm{font-size:19px}
}
@container (max-width:380px){ .ns-chrome .ns-mn > summary span{display:none} .ns-chrome .ns-j{padding-inline:9px} }
/* ---- section menu ---- */
.ns-chrome .ns-sub{background:var(--bg)}
.ns-chrome .ns-sub a{font-family:var(--fb)}
.ns-chrome .ns-sub a:hover{color:var(--ink)}
.ns-chrome .ns-sub2 .in{display:flex;gap:6px;padding-block:10px;overflow-x:auto;scrollbar-width:none}
.ns-chrome .ns-sub2 .in::-webkit-scrollbar{display:none}
.ns-chrome .ns-sub2 a{white-space:nowrap;font-size:12.5px;font-weight:600;padding:5px 10px;border-radius:6px;color:var(--ink2);box-shadow:inset 0 0 0 var(--lw) var(--ln);background:var(--card)}
.ns-chrome .ns-sub2 a[aria-current]{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.ns-chrome .ns-more .in{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:baseline;padding-block:14px;font-size:13px;border-top:var(--lw) solid var(--ln)}
.ns-chrome .ns-more span{color:var(--dim);font-weight:600}
.ns-chrome .ns-more a{color:var(--acc);font-weight:600}
.ns-chrome .ns-more a[aria-current]{color:var(--ink)}
.ns-morew{margin-top:28px}
/* ---- footer ---- */
.ns-chrome .ns-ft{border-top:var(--lw) solid var(--ln);margin-top:0}
.ns-chrome .ns-ft .in{padding-block:30px 22px}
.ns-chrome .ns-fcols{display:grid;grid-template-columns:minmax(0,2fr) repeat(4,minmax(0,1fr));gap:28px}
.ns-chrome .ns-fb p{font-size:13px;color:var(--ink2);margin:12px 0 0;max-width:42ch;line-height:1.55}
.ns-chrome .ns-fb .brand .mk{width:24px;height:24px}
.ns-chrome .ns-fb .brand .wm{font-size:19px}
.ns-chrome .ns-pw{font-size:12px!important;color:var(--dim)!important}
.ns-chrome .ns-pw b{color:var(--ink);font-weight:700}
.ns-chrome .ns-ft nav{display:grid;gap:7px;align-content:start;font-size:13.5px}
.ns-chrome .ns-ft h2{font:600 11.5px var(--fb);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin:0 0 3px}
.ns-chrome .ns-ft nav a{color:var(--ink2)}
.ns-chrome .ns-ft nav a:hover{color:var(--ink)}
.ns-chrome .ns-fx{margin-top:22px;font-size:13px;color:var(--ink2)}
.ns-chrome .ns-fl{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:baseline;margin-top:26px;padding-top:16px;border-top:var(--lw) solid var(--ln);font-size:12.5px;color:var(--dim)}
.ns-chrome .ns-fl a{color:var(--ink2)}
.ns-chrome .ns-lead{flex-basis:100%;font-size:12px}
@container (max-width:860px){ .ns-chrome .ns-fcols{grid-template-columns:repeat(2,minmax(0,1fr))} .ns-chrome .ns-fb{grid-column:1 / -1} }
/* focus rings: visible, solid, cobalt */
.ns-chrome a:focus-visible, .ns-chrome summary:focus-visible, .ns-chrome button:focus-visible, .ns-chrome input:focus-visible{outline:2px solid var(--acc);outline-offset:2px}

/* ---- r2 (Pixel LOOK 10-29) ---- */
/* MUST 2: the phone menu sheet always has the page colour and sits above the section menu */
.ns-chrome .ns-mnp{background:var(--bg);z-index:70}
/* MUST 3: XC's look-pine 'svg{max-width:100%}' squeezed the sun/moon to 0 px; SHOULD 7: 36x36 like the search box */
.ns-chrome .ns-th{width:36px!important;height:36px!important;min-height:0!important;min-width:0!important;padding:0!important;flex:none}
.ns-chrome .ns-th svg{flex:none;max-width:none!important;width:18px!important;height:18px!important}
.ns-chrome .ns-hd svg, .ns-chrome .ns-q svg, .ns-chrome .ns-mn svg, .ns-chrome .ns-cv{max-width:none!important}
/* SHOULD 5: the NFL page centred its navs; every sport's section menu starts at the left edge of the column */
.ns-chrome .ns-sub .in, .ns-chrome .ns-sub2 .in, .ns-chrome .ns-more .in{justify-content:flex-start!important;text-align:left;width:100%;max-width:1120px;margin-inline:auto;box-sizing:border-box}
.ns-chrome .ns-sub, .ns-chrome .ns-sub2, .ns-chrome .ns-more{width:100%;text-align:left}
/* SHOULD 7: phone header = mark + wordmark + Join free + Menu with a 16 px gutter; sun/moon moves into the Menu sheet */
.ns-chrome .ns-mth{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;font-size:14px;font-weight:500;color:var(--ink)}
@container (min-width:861px){ .ns-chrome .ns-mth{display:none} }
@container (max-width:860px){ .ns-chrome .ns-hd .hr > .ns-th{display:none} .ns-chrome .ns-hd .in{padding-inline:16px} }
/* ---- r3 (Pixel LOOK re-check 10-29) ---- */
/* MUST: XC's pine-mexc.css 'html.look-pine body button:not(.gp-menu)' (0,2,3) + v2.css 'body button' filled the sun/moon
   (dark: near-white square, icon invisible). This rule (0,4,3, !important on what they set) puts the Signal look back. */
html.ns-sig body .ns-chrome button.ns-th.ns-th{background:var(--card)!important;border:var(--lw) solid var(--ln)!important;color:var(--ink)!important;
  min-height:0!important;padding:0!important;font:inherit!important;border-radius:var(--r)!important;box-shadow:none!important;place-items:center;align-items:center;justify-content:center}
html.ns-sig body .ns-chrome button.ns-th.ns-th:hover{background:var(--bg2)!important;color:var(--ink)!important}
/* SHOULD: the section menu always sits right under the header, full width (sig-chrome.js moves it out of each app's <main>) */
.ns-chrome.ns-subw{width:100%}
/* note: while the phone Menu is open the page behind it doesn't scroll away */
html.ns-lock, html.ns-lock body{overflow:hidden}
/* ---- r4 (Pixel LOOK A3 10-29: REGRESSION) ---- */
/* r3's display:inline-grid !important beat the phone rule, so the sun/moon came back into the phone header. display is no longer set
   by the XC rule; the phone hide is restated at the same strength (the sun/moon lives in the Menu sheet on phones). */
html.ns-sig body .ns-chrome .ns-mth button.ns-th.ns-th{display:inline-grid!important}
@container (min-width:861px){ html.ns-sig body .ns-chrome .ns-hd .hr > button.ns-th.ns-th{display:inline-grid!important} }
@container (max-width:860px){
  html.ns-sig body .ns-chrome .ns-hd .hr > button.ns-th.ns-th{display:none!important}
  /* 600-860 px: section menu rows start at the same 16 px as the phone header (was 32) */
  .ns-chrome .ns-sub .in, .ns-chrome .ns-sub2 .in, .ns-chrome .ns-more .in{padding-inline:16px}
}
/* ---- r5 (Pixel LOOK A4 10-29) ---- */
/* XC's v2.css 'body details[open]>summary::before{content:"− "!important}' (+ its '+ ' on some summaries) wrote a minus in front of
   every open chrome menu (desktop '− High School', phone '− ≡ Menu'). No old-site marker on any chrome summary, open or closed. */
html.ns-sig body .ns-chrome details > summary::before, html.ns-sig body .ns-chrome details > summary::after,
html.ns-sig body .ns-chrome details[open] > summary::before, html.ns-sig body .ns-chrome details[open] > summary::after{content:none!important;display:none!important}
/* ---- b1 (SIG_NAV_B, L120 part 2 · Sage 10-29) ---- */
/* item 2 · score strip under the header (brief 5): 6 tiles joined by 1 px lines on --bg2, 16 px sport icon + label ('NBA · Live'
   in red), two team lines = letters-only badge + short name + mono score; sideways scroll on phones, no visible bar. Own class
   names (ns-*), because the old looks style '.tile' / '.strip' / '.bd' with !important. Hidden until sig-chrome.js fills it. */
.ns-chrome .ns-strip[hidden]{display:none!important}
.ns-chrome .ns-strip{background:var(--bg2);border-top:var(--lw) solid var(--ln);border-bottom:var(--lw) solid var(--ln)}
.ns-chrome .ns-strip .in{display:grid;grid-template-columns:repeat(6,minmax(168px,1fr));overflow-x:auto;scrollbar-width:none;padding-inline:32px}
.ns-chrome .ns-strip .in::-webkit-scrollbar{display:none}
.ns-chrome .ns-tile{display:grid;gap:3px;align-content:start;min-width:0;padding:10px 14px;margin:0;background:transparent;border:0;border-right:var(--lw) solid var(--ln);border-radius:0;box-shadow:none;color:var(--ink);text-align:left;text-decoration:none}
.ns-chrome .ns-tile:first-child{border-left:var(--lw) solid var(--ln)}
.ns-chrome a.ns-tile:hover{background:var(--card)}
.ns-chrome .ns-tk{display:flex;gap:6px;align-items:center;justify-content:flex-start;font:600 11px/1.3 var(--fb);color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:none;letter-spacing:0;margin:0}
.ns-chrome .ns-tk.lv{color:var(--live)}
.ns-chrome .ns-tk img{display:block;width:16px;height:16px;flex:none;max-width:none}
.ns-chrome .ns-tt{display:flex;justify-content:space-between;align-items:baseline;gap:8px;min-width:0;font:500 13px/1.35 var(--fb);color:var(--ink)}
.ns-chrome .ns-tt, .ns-chrome .ns-tt *{color:var(--ink)}
.ns-chrome .ns-tt.ns-win{font-weight:700}
.ns-chrome .ns-tn{display:flex;gap:6px;align-items:baseline;min-width:0;white-space:nowrap;overflow:hidden}
.ns-chrome .ns-nm{overflow:hidden;text-overflow:ellipsis}
.ns-chrome .ns-bd{flex:none;min-width:30px;font:600 10.5px/1 var(--fn);letter-spacing:.02em;color:var(--dim)}
.ns-chrome .ns-tt .ns-bd{color:var(--dim)}
.ns-chrome .ns-tt.ns-win .ns-bd{color:var(--ink)}
.ns-chrome .ns-sc{flex:none;font-family:var(--fn);font-variant-numeric:tabular-nums}
@container (max-width:860px){ .ns-chrome .ns-strip .in{padding-inline:16px;grid-template-columns:repeat(6,minmax(192px,1fr))} }
/* item 4 · admin 'View as' banner (top of every page while previewing) + the switch in the member menu / phone Menu */
.ns-chrome .ns-vab{background:var(--accS);border-bottom:var(--lw) solid var(--accL);color:var(--ink);font-size:13px}
.ns-chrome .ns-vab .in{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding-block:8px}
.ns-chrome .ns-va{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0}
.ns-chrome .ns-va-k{font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);margin-right:2px}
.ns-chrome .ns-va-pn{margin:6px 0 2px;padding:10px 10px 4px;border-top:var(--lw) solid var(--ln)}
.ns-chrome .ns-va-pn .ns-va-k{flex-basis:100%}
html.ns-sig body .ns-chrome button.ns-vb.ns-vb{display:inline-flex!important;align-items:center;min-height:0!important;height:auto!important;padding:4px 10px!important;margin:0!important;
  font:600 12.5px/1.2 var(--fb)!important;color:var(--ink2)!important;background:var(--card)!important;border:0!important;border-radius:6px!important;
  box-shadow:inset 0 0 0 var(--lw) var(--ln)!important;cursor:pointer;width:auto!important;text-transform:none!important;letter-spacing:0!important}
html.ns-sig body .ns-chrome button.ns-vb.ns-vb:hover{color:var(--ink)!important;background:var(--bg2)!important}
html.ns-sig body .ns-chrome button.ns-vb.ns-vb[aria-pressed="true"]{color:var(--ink)!important;box-shadow:inset 0 0 0 1.5px var(--ink)!important}
/* ---- c1 (SIG_NAV_C, Pixel LOOK SIG_NAV_B) ---- */
/* SHOULD 3: View-as chips at least 36 px tall on phones (banner + Menu sheet; Brett uses it on his phone) */
@container (max-width:860px){ html.ns-sig body .ns-chrome button.ns-vb.ns-vb{min-height:36px!important;padding:6px 12px!important;font-size:13.5px!important} .ns-chrome .ns-va{gap:8px} }
/* View as now sits above Sign out: a line under it too, so Sign out stands alone as the last row */
.ns-chrome .ns-va-pn{border-bottom:var(--lw) solid var(--ln);padding-bottom:10px;margin-bottom:6px}
/* ---- e1 (SIG_NAV_E · Sage 10-30, Pixel LOOK SIG_HOME_A SHOULD 6): school names fit their tile. Measured on all 78 football
   names + every NFL/NBA nickname: 12 px side padding + a 26 px badge on desktop, 192 px tiles on phones (the strip already
   scrolls sideways there); the 7 longest Maine names use a short form (nschrome.SHORT). */
.ns-chrome .ns-tile{padding-inline:12px}
.ns-chrome .ns-bd{min-width:26px}
/* ---- f1 (SIG_NAV_F · Sage 10-30, Pixel LOOK XC_STATES_NAV_A MUST 2 + SHOULD 4) ---- */
/* the XC app's style.css hides 'body .subnav' under 700 px (its old phone tabs): the Signal section menu (nav.subnav.ns-sub)
   went with it, so XC pages had NO section menu on phones. Show it everywhere (its own .in row already scrolls sideways). */
html.ns-sig body .ns-chrome nav.ns-sub{display:block!important}
/* States 'Projection · freezes ...' / 'Frozen ...' pill: old Ice dim cobalt on navy in dark -> Signal --acc on --accS */
html.ns-sig .xcr .early{background:var(--accS)!important;color:var(--acc)!important}
html.ns-sig .xcr .early::before{background:var(--acc)!important;box-shadow:0 0 0 3px var(--accL)!important}
/* SIG_DOOR_A (Pixel V1 AUDIT sitewide MUST 3): the page is --bg (#FFFFFF light / #0D1015 dark) on every niftisports page. The
   old looks paint it #F2F5F8 (html.look-graphite:not([data-theme=dark]) body !important, 0,2,2); this is 0,3,2. */
html.ns-sig.ns-sig[data-theme], html.ns-sig.ns-sig[data-theme] body{background:var(--bg)!important}

/* NS_DARK_A r2 (Pixel dark audit 11-02). D1: the team card's 'you are here' cell (Your account > Following, team pages) is
   Signal, not the old Arena cyan: --acc + white in light (6.0:1); in dark --accS fill, --acc ring, --ink text (15:1).
   Specificity 0,5,2 / 0,6,2: above arena-ice.css's html[data-theme] body .mx-row .mx-hc.mx-sN (0,4,2) and the inline matrix css. */
html.ns-sig.ns-sig body .mx-row .mx-hc.now{background:var(--acc)!important;color:#fff!important}
html.ns-sig.ns-sig[data-theme="dark"] body .mx-row .mx-hc.now{background:var(--accS)!important;color:var(--ink)!important;box-shadow:inset 0 0 0 2px var(--acc)!important}
/* D2: the 'Your team' chip in dark: white on #7B96FF was 2.75:1; now --ink on --accS with an --acc ring (15:1), like the outline tags */
html.ns-sig.ns-sig[data-theme="dark"] body .mx-yt{background:var(--accS)!important;color:var(--ink)!important;box-shadow:inset 0 0 0 1.5px var(--acc)}
/* D4: phones: the team card head wraps; 'Team page' and '+ Follow another team' start a new line instead of running to the edge */
@media (max-width:480px){html.ns-sig .mx-you-h .mx-you-go{margin-left:0}html.ns-sig .mx-you-h>*{min-width:0;overflow-wrap:anywhere}
  html.ns-sig .mx-you-more{text-align:left;white-space:normal;overflow-wrap:anywhere}}