/* xc-signal.css · niftisports Signal: Maine HS cross country page bodies (XC_V1_A, L132) · Sage [niftisports xc] 2026-10-30
   Loaded ONLY on niftisports.com (base.html: {% if xc_sig %}), after the Signal kit (signal_tokens, signal_components, sig-bridge,
   sig-chrome). niftiiq.com never loads it and stays byte for byte. Scope: <div class="gp-content xcs"> on every XC page,
   so the kit's .sig components (.btn, .tag, .h2, .recs) work inside the bodies too.
   Signal rules (brief L120 §3-5): tokens only (light + dark come free), Schibsted Grotesk headings in sentence case,
   Public Sans text, Roboto Mono tabular numbers, cobalt links, 1 px lines, 8 px corners, row cards, framed buttons, outline
   tags. No glow / blur / text-shadow, no left-border accents (rule 10-26), names wrap and never cut. Display only: no number
   lives in this file. */

/* ---------- page frame ---------- */
html.ns-sig.xc-sig, html.ns-sig.xc-sig body{background:var(--bg)!important}
html.ns-sig main.xc-m{max-width:none!important;padding:0!important;margin:0!important;background:var(--bg)!important;overflow-x:clip}
html.ns-sig main.xc-m>.gp-content.xcs{max-width:1120px;margin:0 auto!important;padding:4px 32px 32px!important;box-sizing:border-box;background:var(--bg)}
html.ns-sig main.xc-m .iq-crumbs{max-width:1120px;margin:14px auto 0!important;padding:0 32px!important;box-sizing:border-box;background:none}
html.ns-sig main.xc-m>.iq-note{max-width:1056px;margin:24px auto!important;box-sizing:border-box}
@media (max-width:600px){
  html.ns-sig main.xc-m>.gp-content.xcs{padding:4px 16px 24px!important}
  html.ns-sig main.xc-m .iq-crumbs{padding:0 16px!important}
  html.ns-sig main.xc-m>.iq-note{margin:24px 16px!important}
}
html.ns-sig .gp-band,html.ns-sig main.xc-m .gp-art,html.ns-sig main.xc-m .sk-doodle,html.ns-sig main.xc-m svg.gp-scene{display:none!important}

/* ---------- type: every letter in the kit (brief §4) ---------- */
html.ns-sig .xcs,html.ns-sig .xcs *{font-family:var(--fb)!important;text-shadow:none!important;letter-spacing:normal;text-transform:none!important}
html.ns-sig main.xc-m .iq-crumbs,html.ns-sig main.xc-m .iq-crumbs *{font-family:var(--fb)!important;font-size:12.5px!important;letter-spacing:normal!important;text-transform:none!important;color:var(--dim)}
html.ns-sig main.xc-m .iq-crumbs a{color:var(--dim)!important;text-decoration:none!important}html.ns-sig main.xc-m .iq-crumbs a:hover{color:var(--ink)!important}
html.ns-sig .xcs{color:var(--ink);font-size:14px;line-height:1.5}
html.ns-sig .xcs h1,html.ns-sig .xcs h2,html.ns-sig .xcs h3,html.ns-sig .xcs h4,html.ns-sig .xcs .h,html.ns-sig .xcs .H,html.ns-sig .xcs .xc-hubt,html.ns-sig .xcs .ice-h1,html.ns-sig .xcs .fx-big,html.ns-sig .xcs .seed-big,
html.ns-sig .xcs .story h1,html.ns-sig .xcs .story h2,html.ns-sig .xcs .head h1{font-family:var(--fh)!important;text-transform:none!important;color:var(--ink)}
html.ns-sig .xcs .num,html.ns-sig .xcs td.num,html.ns-sig .xcs th.num,html.ns-sig .xcs .mono,html.ns-sig .xcs .ice-mono,html.ns-sig .xcs .pts,html.ns-sig .xcs .pts b,html.ns-sig .xcs .tm b,html.ns-sig .xcs .pl b,
html.ns-sig .xcs .rk,html.ns-sig .xcs .fp,html.ns-sig .xcs .p,html.ns-sig .xcs .fr b,html.ns-sig .xcs .kpi b,html.ns-sig .xcs .rc-time b,html.ns-sig .xcs .rc-place b,html.ns-sig .xcs .tc-score,html.ns-sig .xcs .tc-rank,
html.ns-sig .xcs .seed-big,html.ns-sig .xcs .fx-n,html.ns-sig .xcs .fx-big,html.ns-sig .xcs .st-big,html.ns-sig .xcs .mx-pc,html.ns-sig .xcs .mx-pk,html.ns-sig .xcs .st-pk,html.ns-sig .xcs time,html.ns-sig .xcs .h-time,
html.ns-sig .xcs .h-5k,html.ns-sig .xcs .h-place,html.ns-sig .xcs .xc-pts,html.ns-sig .xcs .tot,html.ns-sig .xcs code,html.ns-sig .xcs pre,html.ns-sig .xcs kbd,html.ns-sig .xcs .nums,html.ns-sig .xcs .rn b,html.ns-sig .xcs .spl,
html.ns-sig .xcs .rng b,html.ns-sig .xcs .rline b,html.ns-sig .xcs .lstats .v,html.ns-sig .xcs .seg-n{font-family:var(--fn)!important;font-variant-numeric:tabular-nums}
/* the kicker line above a title: plain words, no shouting */
html.ns-sig .xcs .eyebrow,html.ns-sig .xcs .eb,html.ns-sig .xcs .ice-k,html.ns-sig .xcs .fx-eyebrow,html.ns-sig .xcs .fx-lab,html.ns-sig .xcs .lbl,html.ns-sig .xcs .lab,html.ns-sig .xcs .cap,html.ns-sig .xcs .k,html.ns-sig .xcs small,
html.ns-sig .xcs .fld>span,html.ns-sig .xcs .f>small,html.ns-sig .xcs th,html.ns-sig .xcs .early,html.ns-sig .xcs .beat,html.ns-sig .xcs .st-dt,html.ns-sig .xcs .grp-h .meta,html.ns-sig .xcs .count,html.ns-sig .xcs .chip,
html.ns-sig .xcs .tag,html.ns-sig .xcs .rc .m,html.ns-sig .xcs .rc .lbl,html.ns-sig .xcs .xcard .lbl,html.ns-sig .xcs .mx-chip,html.ns-sig .xcs .mx-seg,html.ns-sig .xcs .ice-st,html.ns-sig .xcs .iq-lock-txt b{
  text-transform:none!important;letter-spacing:normal!important}
html.ns-sig .xcs .eyebrow,html.ns-sig .xcs .eb,html.ns-sig .xcs .ice-k,html.ns-sig .xcs .fx-eyebrow{font-size:12px!important;font-weight:600!important;color:var(--dim)!important;margin:0 0 4px!important}

/* ---------- XC hub header (5 hub pages) + the two lines on every page ---------- */
html.ns-sig .xcs .xc-hub{display:flex;align-items:center;gap:16px;padding:18px 0 14px;border-bottom:var(--lw) solid var(--ln);margin-bottom:14px}
html.ns-sig .xcs .xc-hub img.sport-ic{width:56px;height:56px;flex:none;border-radius:22%}
html.ns-sig .xcs .xc-hubt{font-family:var(--fh)!important;font-weight:800;font-size:22px;letter-spacing:-.03em!important;line-height:1.15;margin:0}
html.ns-sig .xcs .xc-hubs{font-size:13px;color:var(--ink2);margin:3px 0 0}
@media (max-width:600px){html.ns-sig .xcs .xc-hub{gap:12px;padding:14px 0 12px}html.ns-sig .xcs .xc-hub img.sport-ic{width:40px;height:40px}html.ns-sig .xcs .xc-hubt{font-size:18px}}
html.ns-sig .xcs .xc-neutral{margin:12px 0 10px;font-size:13px;color:var(--ink2)}
html.ns-sig .xcs a.xc-statesln{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;justify-content:space-between;border:var(--lw) solid var(--accL);background:var(--accS);
  border-radius:var(--r);padding:10px 14px;margin:0 0 16px;color:var(--ink)!important;text-decoration:none!important}
html.ns-sig .xcs a.xc-statesln b{font-family:var(--fh)!important;font-weight:800;font-size:15px;letter-spacing:-.01em!important}
html.ns-sig .xcs a.xc-statesln span{color:var(--acc);font-weight:600;font-size:13.5px}
html.ns-sig .xcs a.xc-statesln:hover{border-color:var(--acc)}

/* ---------- links ---------- */
html.ns-sig .xcs a{color:var(--acc)!important;text-decoration:none!important;background-image:none!important;border-bottom:0}
html.ns-sig .xcs a:hover{text-decoration:underline!important;text-underline-offset:3px}
html.ns-sig .xcs a:focus-visible,html.ns-sig .xcs summary:focus-visible,html.ns-sig .xcs button:focus-visible,html.ns-sig .xcs select:focus-visible,html.ns-sig .xcs input:focus-visible{outline:2px solid var(--acc)!important;outline-offset:2px}

/* ---------- page heads: kicker, one title, one lead line ---------- */
html.ns-sig .xcs .phead,html.ns-sig .xcs header.hero,html.ns-sig .xcs .ice-hero,html.ns-sig .xcs .xcr .hero,html.ns-sig .xcs .head{background:none!important;border:0!important;box-shadow:none!important;padding:10px 0 8px!important;margin:0 0 6px!important}
html.ns-sig .xcs h1,html.ns-sig .xcs .ice-h1{font-weight:800!important;font-size:34px!important;letter-spacing:-.045em!important;line-height:1.08!important;margin:2px 0 6px!important;
  overflow-wrap:break-word;word-break:normal;white-space:normal!important;max-width:none}
@media (max-width:600px){html.ns-sig .xcs h1,html.ns-sig .xcs .ice-h1{font-size:26px!important}}
html.ns-sig .xcs .lead,html.ns-sig .xcs .lede,html.ns-sig .xcs .dek,html.ns-sig .xcs .fx-lead,html.ns-sig .xcs .phead p{color:var(--ink2)!important;font-size:15px!important;line-height:1.5;max-width:72ch;margin:4px 0 6px}
html.ns-sig .xcs .phead .meta,html.ns-sig .xcs .meta{color:var(--dim)!important;font-size:12.5px!important}
html.ns-sig .xcs .phead .meta{margin-top:6px}

/* ---------- section titles: the kit's .h2 (2 px ink rule) ---------- */
html.ns-sig .xcs h2,html.ns-sig .xcs .grp-h h2,html.ns-sig .xcs .vsec>h2{font-weight:800!important;font-size:19px!important;letter-spacing:-.02em!important;line-height:1.25;margin:0!important}
html.ns-sig .xcs .grp-h,html.ns-sig .xcs .vsec>h2,html.ns-sig .xcs .xcr h2.sec{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;border:0!important;border-bottom:calc(var(--lw) * 2) solid var(--ln2)!important;
  padding:0 0 8px!important;margin:28px 0 10px!important;background:none!important}
html.ns-sig .xcs h3{font-weight:800!important;font-size:16px!important;letter-spacing:-.01em!important;margin:18px 0 6px}
html.ns-sig .xcs .vsec{margin-top:8px!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
html.ns-sig .xcs .sub,html.ns-sig .xcs .vsec>p,html.ns-sig .xcs .note,html.ns-sig .xcs .tnote{color:var(--ink2)!important;font-size:13.5px;max-width:78ch}
html.ns-sig .xcs .muted,html.ns-sig .xcs .fine,html.ns-sig .xcs .small.muted,html.ns-sig .xcs .st-fine,html.ns-sig .xcs .fx-note,html.ns-sig .xcs .fx-dim{color:var(--ink2)!important}
html.ns-sig .xcs .small{font-size:13px}
html.ns-sig .xcs p{max-width:78ch}

/* ---------- cards + panels: clean card, 1 px line, 8 px corners, no shadow, no stripe ---------- */
html.ns-sig .xcs .card,html.ns-sig .xcs .xcard,html.ns-sig .xcs .panel,html.ns-sig .xcs .fx-panel,html.ns-sig .xcs .fx-card,html.ns-sig .xcs .tile,html.ns-sig .xcs .lockcard,html.ns-sig .xcs .seedcard,html.ns-sig .xcs .goalbox,
html.ns-sig .xcs .nextbox,html.ns-sig .xcs .storycard,html.ns-sig .xcs .iq-lock,html.ns-sig .xcs .box,html.ns-sig .xcs .st-panel,html.ns-sig .xcs .ice-band,html.ns-sig .xcs .mx-band,html.ns-sig .xcs .verdict,html.ns-sig .xcs .board,
html.ns-sig .xcs .dcard,html.ns-sig .xcs .rc,html.ns-sig .xcs .tc,html.ns-sig .xcs details.more,html.ns-sig .xcs .xcr .card{background:var(--card)!important;color:var(--ink);border:var(--lw) solid var(--ln)!important;
  border-radius:var(--r)!important;box-shadow:none!important;background-image:none!important}
html.ns-sig .xcs [class*="card"]::before,html.ns-sig .xcs .panel::before,html.ns-sig .xcs .vsec::before{display:none!important}
html.ns-sig .xcs .card,html.ns-sig .xcs .xcard,html.ns-sig .xcs .panel,html.ns-sig .xcs .fx-panel{padding:14px 16px}

/* ---------- row cards: lrow / runner_row / team_row (kit: Row-card standings) ---------- */
html.ns-sig .xcs .rows{display:grid!important;gap:6px!important;border:0!important;background:none!important;box-shadow:none!important}
html.ns-sig .xcs .rows>.row,html.ns-sig .xcs .row.lrow,html.ns-sig .xcs .row.rrow,html.ns-sig .xcs .row.trow{background:var(--card)!important;border:var(--lw) solid var(--ln)!important;border-radius:var(--r)!important;
  box-shadow:none!important;margin:0!important;padding:9px 12px!important;align-items:center;min-height:0}
html.ns-sig .xcs .row.lrow{display:grid!important;grid-template-columns:44px minmax(0,1fr) auto!important;gap:4px 12px!important}
html.ns-sig .xcs .rows.norank .row.lrow{grid-template-columns:minmax(0,1fr) auto!important}
html.ns-sig .xcs .rows.norank .row.lrow>.pl{display:none!important}
html.ns-sig .xcs .row .pl{display:grid;justify-items:center;align-content:center;gap:1px;min-width:0}
html.ns-sig .xcs .row .pl b{font-family:var(--fn)!important;font-weight:600!important;font-size:12.5px!important;min-width:28px;height:24px;padding:0 4px;border-radius:6px;background:var(--bg2);
  color:var(--ink)!important;display:grid;place-items:center;line-height:1}
html.ns-sig .xcs .row .pl span{font-size:11px;color:var(--dim);line-height:1.2}
html.ns-sig .xcs .rows.dates .row.lrow{grid-template-columns:64px minmax(0,1fr) auto!important}
html.ns-sig .xcs .rows.dates .row .pl b{background:none;height:auto;font-size:13.5px!important;color:var(--ink)!important;white-space:nowrap}
@media (max-width:640px){html.ns-sig .xcs .rows.dates .row.lrow{grid-template-columns:58px minmax(0,1fr)!important}}
html.ns-sig .xcs .row .nm,html.ns-sig .xcs .row a.nm{font-weight:600!important;font-size:14.5px!important;color:var(--ink)!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
html.ns-sig .xcs .row a.nm:hover{color:var(--acc)!important}
html.ns-sig .xcs .row .school,html.ns-sig .xcs .row .school a{font-size:13px;color:var(--ink2)}
html.ns-sig .xcs .row .school a{color:var(--acc)}
html.ns-sig .xcs .row .lstats{display:flex;gap:18px;align-items:center;justify-content:flex-end}
html.ns-sig .xcs .row .lstats .st{display:grid;justify-items:end;gap:0;min-width:0}
html.ns-sig .xcs .row .lstats .lab{font-size:11px!important;font-weight:600;color:var(--dim)!important}
html.ns-sig .xcs .row .lstats .v{font-size:13.5px;color:var(--ink);white-space:nowrap}
html.ns-sig .xcs .row .lstats .v b{font-family:var(--fn)!important;font-weight:700}
html.ns-sig .xcs .row.dim{opacity:1}html.ns-sig .xcs .row.dim .nm{color:var(--ink2)!important;font-weight:500!important}
html.ns-sig .xcs .row.you,html.ns-sig .xcs .row.hl,html.ns-sig .xcs .rc.hl,html.ns-sig .xcs .tc.hl{border-color:var(--acc)!important;background:var(--accS)!important}
@media (max-width:640px){
  html.ns-sig .xcs .row.lrow{grid-template-columns:38px minmax(0,1fr)!important}
  html.ns-sig .xcs .rows.norank .row.lrow{grid-template-columns:minmax(0,1fr)!important}
  html.ns-sig .xcs .row.lrow .lstats{grid-column:2;justify-content:flex-start;flex-wrap:wrap;gap:4px 14px}
  html.ns-sig .xcs .rows.norank .row.lrow .lstats{grid-column:1}
  html.ns-sig .xcs .row .lstats .st{display:flex;gap:5px;align-items:baseline;justify-items:start}
}

/* ---------- chips -> outline tags; segmented toggles -> framed ---------- */
html.ns-sig .xcs .chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}
html.ns-sig .xcs .chip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px!important;font-weight:600!important;line-height:1.2;padding:3px 8px!important;border-radius:6px!important;
  background:var(--card)!important;color:var(--ink2)!important;border:0!important;box-shadow:inset 0 0 0 var(--lw) var(--ln)!important;white-space:nowrap}
html.ns-sig .xcs .chip b{color:var(--ink);font-family:var(--fn)!important}
html.ns-sig .xcs .chip.st-ok{color:var(--good)!important;box-shadow:inset 0 0 0 var(--lw) var(--good)!important}
html.ns-sig .xcs .chip.st-pend,html.ns-sig .xcs .chip.warn{color:var(--ww)!important;box-shadow:inset 0 0 0 var(--lw) var(--ww)!important}
html.ns-sig .xcs a.chip{color:var(--ink)!important}
html.ns-sig .xcs a.chip:hover{box-shadow:inset 0 0 0 var(--lw) var(--ln2)!important;text-decoration:none!important}
html.ns-sig .xcs .chip.on,html.ns-sig .xcs .seasons .chip.on{color:var(--ink)!important;box-shadow:inset 0 0 0 2px var(--ink)!important;background:var(--card)!important}
html.ns-sig .xcs .seasons{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:10px 0 12px}
html.ns-sig .xcs .seasons .lab{font-size:12px;font-weight:600;color:var(--dim)!important;margin-right:4px}
html.ns-sig .xcs .seasons .chip{font-family:var(--fn)!important;font-size:12.5px!important;padding:5px 10px!important;border-radius:var(--r)!important}
html.ns-sig .xcs .seg,html.ns-sig .xcs .mx-seg,html.ns-sig .xcs .fx-seg,html.ns-sig .xcs .foctabs,html.ns-sig .xcs .tabs{display:inline-flex!important;flex-wrap:wrap;gap:6px!important;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
html.ns-sig .xcs .seg a,html.ns-sig .xcs .seg button,html.ns-sig .xcs .seg span,html.ns-sig .xcs .mx-seg a,html.ns-sig .xcs .mx-seg button,html.ns-sig .xcs .fx-seg a,html.ns-sig .xcs .fx-seg button,html.ns-sig .xcs .foctabs a,html.ns-sig .xcs .tabs a{
  font-size:13px!important;font-weight:600!important;padding:6px 12px!important;border-radius:var(--r)!important;background:var(--card)!important;color:var(--ink2)!important;
  box-shadow:inset 0 0 0 var(--lw) var(--ln)!important;border:0!important;text-decoration:none!important;line-height:1.2}
html.ns-sig .xcs .seg a.on,html.ns-sig .xcs .seg .on,html.ns-sig .xcs .seg [aria-current],html.ns-sig .xcs .seg [aria-pressed="true"],html.ns-sig .xcs .mx-seg .on,html.ns-sig .xcs .mx-seg [aria-pressed="true"],html.ns-sig .xcs .fx-seg .on,
html.ns-sig .xcs .fx-seg [aria-pressed="true"],html.ns-sig .xcs .foctabs a.on,html.ns-sig .xcs .foctabs a[aria-current],html.ns-sig .xcs .tabs a.on,html.ns-sig .xcs .tabs a[aria-current]{
  color:var(--ink)!important;box-shadow:inset 0 0 0 2px var(--ink)!important;background:var(--card)!important}

/* ---------- buttons: framed (kit) ---------- */
html.ns-sig .xcs .btn,html.ns-sig .xcs button.go-btn,html.ns-sig .xcs a.go-btn,html.ns-sig .xcs button[type=submit],html.ns-sig .xcs .gbtn,html.ns-sig .xcs .iq-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-weight:600!important;font-size:14px!important;padding:9px 16px!important;line-height:1.15;border-radius:var(--r)!important;background:var(--card)!important;color:var(--ink)!important;
  border:0!important;box-shadow:inset 0 0 0 2px var(--ink)!important;cursor:pointer;text-decoration:none!important;white-space:nowrap}
html.ns-sig .xcs .btn.secondary,html.ns-sig .xcs .btn-ghost{box-shadow:inset 0 0 0 var(--lw) var(--ln2)!important}
html.ns-sig .xcs a.go{display:inline-block;margin-top:8px;font-weight:600;font-size:13.5px;color:var(--acc)!important}

/* ---------- forms: filter bar, pickers ---------- */
html.ns-sig .xcs .fbar,html.ns-sig .xcs .filters,html.ns-sig .xcs .picker,html.ns-sig .xcs form.fx-bar{background:none!important;border:0!important;border-bottom:var(--lw) solid var(--ln)!important;box-shadow:none!important;padding:4px 0 14px!important;margin:8px 0 14px!important;border-radius:0!important}
html.ns-sig .xcs .f>small,html.ns-sig .xcs .fld>span,html.ns-sig .xcs label>small{display:block;font-size:11.5px!important;font-weight:600!important;color:var(--dim)!important;margin:0 0 3px 2px}
html.ns-sig .xcs input[type=search],html.ns-sig .xcs input[type=text],html.ns-sig .xcs input[type=date],html.ns-sig .xcs input[type=number],html.ns-sig .xcs input[type=email],html.ns-sig .xcs input[type=password],html.ns-sig .xcs select,html.ns-sig .xcs textarea{
  font-size:14px!important;font-weight:500!important;color:var(--ink)!important;background:var(--card)!important;border:var(--lw) solid var(--ln)!important;border-radius:var(--r)!important;
  box-shadow:none!important;min-height:38px;padding:7px 10px!important;color-scheme:light dark}
html.ns-sig .xcs select{padding-right:28px!important}
html.ns-sig .xcs input::placeholder{color:var(--dim)!important;opacity:1}
html.ns-sig .xcs .count{font-size:12.5px!important;color:var(--dim)!important}
html.ns-sig .xcs .count a{margin-left:8px;font-weight:600}

/* ---------- tables ---------- */
html.ns-sig .xcs table{border-collapse:collapse!important;width:100%;background:none!important;border:0!important;box-shadow:none!important;font-size:13.5px}
html.ns-sig .xcs th{font-size:12px!important;font-weight:600!important;color:var(--dim)!important;background:none!important;border:0!important;border-bottom:var(--lw) solid var(--ln2)!important;
  padding:6px 8px!important;text-align:left;vertical-align:bottom;white-space:normal}
html.ns-sig .xcs td{border:0!important;border-bottom:var(--lw) solid var(--ln)!important;padding:7px 8px!important;background:none!important;color:var(--ink);vertical-align:top}
html.ns-sig .xcs th.num,html.ns-sig .xcs td.num{text-align:right}
html.ns-sig .xcs tr:hover td{background:none!important}
html.ns-sig .xcs tr.line td,html.ns-sig .xcs tr.cut td{border-bottom:calc(var(--lw) * 2) solid var(--acc)!important;color:var(--acc)!important;font-weight:600;font-size:12px!important;padding:4px 8px!important}
html.ns-sig .xcs .tblwrap,html.ns-sig .xcs .scroll,html.ns-sig .xcs .mx-tb{overflow-x:auto;border:0!important;box-shadow:none!important;background:none!important}
html.ns-sig .xcs td .nm,html.ns-sig .xcs td a,html.ns-sig .xcs .tm,html.ns-sig .xcs .sch,html.ns-sig .xcs .school{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}

/* ---------- KPI tiles -> joined record strip look ---------- */
html.ns-sig .xcs .kpis,html.ns-sig .xcs .tiles,html.ns-sig .xcs .glance,html.ns-sig .xcs .facts,html.ns-sig .xcs .stats{gap:0!important}
html.ns-sig .xcs .kpi{background:var(--card)!important;border:var(--lw) solid var(--ln)!important;border-radius:var(--r)!important;box-shadow:none!important;padding:10px 14px!important}
html.ns-sig .xcs .kpi span{font-size:11px!important;font-weight:600!important;color:var(--dim)!important}
html.ns-sig .xcs .kpi b{font-size:20px!important;font-weight:600!important;color:var(--ink)!important;letter-spacing:-.02em}

/* ---------- details / summary ---------- */
html.ns-sig .xcs details>summary{cursor:pointer;font-weight:600;color:var(--ink);list-style-position:inside}
html.ns-sig .xcs details.more{padding:10px 14px;margin-top:10px}

/* ---------- bars + charts: cobalt on its light track ---------- */
html.ns-sig .xcs .bar .s,html.ns-sig .xcs .rbar .span,html.ns-sig .xcs .simbar i,html.ns-sig .xcs .fx-bar i,html.ns-sig .xcs .lbar i{background:var(--acc)!important}
html.ns-sig .xcs .bar,html.ns-sig .xcs .rbar,html.ns-sig .xcs .simbar,html.ns-sig .xcs .fx-bar,html.ns-sig .xcs .lbar{background:var(--accL)!important;box-shadow:none!important;border:0!important}
html.ns-sig .xcs .bar .p,html.ns-sig .xcs .rbar .pt{background:var(--ink)!important;border-color:var(--card)!important}
html.ns-sig .xcs .axis .ln{background:var(--ln)!important}html.ns-sig .xcs .axis i{background:var(--acc)!important;border-color:var(--card)!important}html.ns-sig .xcs .axis i.o{background:var(--card)!important;border-color:var(--acc)!important}

/* ---------- the shared lock / Plus card + note ---------- */
html.ns-sig .xcs .iq-lock{padding:14px 16px!important}
html.ns-sig .xcs .iq-lock-txt b{font-family:var(--fh)!important;font-weight:800;font-size:15px}
html.ns-sig .xcs .iq-lock-txt p{color:var(--ink2)}

/* ---------- Regionals / State meet bodies (.xcr: their own tokens -> Signal) ---------- */
html.ns-sig .xcs .xcr,html.ns-sig[data-theme] .xcs .xcr{--x-card:var(--card);--x-card2:var(--bg2);--x-tx:var(--ink);--x-tx2:var(--ink2);--x-tx3:var(--dim);--x-ln:var(--ln);--x-ln2:var(--ln);
  --x-acc:var(--acc);--x-accs:var(--accS);--x-acct:var(--acc);--x-onacc:var(--card);--x-bar:var(--accL);--x-in:var(--good);--x-bad:var(--live);--x-glow:transparent;--x-sh:none}
html.ns-sig .xcs .xcr .xcard,html.ns-sig .xcs .xcr .card,html.ns-sig .xcs .xcr .rc{box-shadow:none!important}
html.ns-sig .xcs .xcr .early{color:var(--ww)!important;font-size:12px!important;font-weight:600!important}
html.ns-sig .xcs .xcr .chip{border-radius:6px!important}

/* ---------- phone length (Pixel V1 SHOULD): long lists show the first rows + 'Show all' (xc-signal.js-free: <details>) ---------- */
html.ns-sig .xcs .xc-topn>summary{display:inline-flex;margin:10px 0 0;font-weight:600;color:var(--acc);font-size:13.5px}
html.ns-sig .xcs .xc-topn[open]>summary{display:none}

/* ---------- screen-reader only ---------- */
html.ns-sig .xcs .xc-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---------- regionals facts box + share bar ---------- */
html.ns-sig .xcs .xcr .facts{display:block!important;border-radius:var(--r)!important;box-shadow:none!important}
html.ns-sig .xcs .xcr .fr b{font-weight:600!important;font-size:13.5px!important;font-variant-numeric:tabular-nums}
html.ns-sig .xcs .iq-sharebar{margin:8px 0 4px}
html.ns-sig .xcs .iq-sharebar button,html.ns-sig .xcs .iq-sharebar a{color:var(--ink)!important;background:var(--card)!important;box-shadow:inset 0 0 0 var(--lw) var(--ln2)!important;
  border:0!important;border-radius:var(--r)!important;font-size:12.5px!important;font-weight:600!important;padding:6px 11px!important}
html.ns-sig .xcs .iq-sharebar svg{color:var(--ink);fill:none;stroke:currentColor}

/* ---------- phone length: first rows + 'Show all' (templates: _xcsig.html cap_box / cap_label) ---------- */
html.ns-sig .xcs .xc-allcb{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;opacity:0}
html.ns-sig .xcs .xc-all{display:none}
@media (max-width:640px){
  html.ns-sig .xcs .xc-all{display:inline-flex;align-items:center;margin:10px 0 4px;padding:8px 14px;border-radius:var(--r);background:var(--card);color:var(--ink);font-weight:600;font-size:13.5px;
    box-shadow:inset 0 0 0 var(--lw) var(--ln2);cursor:pointer}
  html.ns-sig .xcs .xc-allcb:checked~.xc-all{display:none}
  html.ns-sig .xcs .xc-allcb:focus-visible~.xc-all{outline:2px solid var(--acc);outline-offset:2px}
  html.ns-sig .xcs .xc-allcb.xc-cap10:not(:checked)~.rows>.row:nth-child(n+11),
  html.ns-sig .xcs .xc-allcb.xc-cap15:not(:checked)~.rows>.row:nth-child(n+16),
  html.ns-sig .xcs .xc-allcb.xc-cap25:not(:checked)~.rows>.row:nth-child(n+26),
  html.ns-sig .xcs .xc-allcb.xc-cap30:not(:checked)~.scroll tr:nth-child(n+32){display:none!important}
}

/* ---------- names wrap, never cut (Pixel V1 MUST: 'George Stevens Academy' at every width) ---------- */
html.ns-sig .xcs *{text-overflow:clip!important}
html.ns-sig .xcs .xcr .tm .s,html.ns-sig .xcs .rc-school,html.ns-sig .xcs .tc-name,html.ns-sig .xcs .mx td.tm a,html.ns-sig .xcs .mx td.tm .mx-nm,html.ns-sig .xcs .mx td.tm,
html.ns-sig .xcs .mx-g2 .mx-card table:not(.mx) td:nth-child(2) a,html.ns-sig .xcs .nm,html.ns-sig .xcs .sch,html.ns-sig .xcs .school,html.ns-sig .xcs .rc-name{
  white-space:normal!important;overflow:visible!important;max-width:none!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none}
html.ns-sig .xcs .xcr .tm{align-items:start!important}
/* the Regionals / State pickers keep the kit font (their own CSS sets 'font: … Sora' with !important) */
html.ns-sig .xcs .xcr select,html.ns-sig .xcs .xcr input,html.ns-sig .xcs .xcr button,html.ns-sig .xcs .xcr .go-btn{font-family:var(--fb)!important}

/* ---------- Festival recap (foc.css, #focx): graphite boards + hard-coded #fff -> Signal cards on tokens ---------- */
html.ns-sig .xcs #focx{--iq-up:var(--acc);--iq-down:var(--live);--iq-even:var(--dim);--iq-up-bg:var(--accS);--iq-link:var(--acc);--iq-ink:var(--ink);--iq-slate:var(--ink2);
  --iq-silver:var(--dim);--iq-line:var(--ln);--iq-line-2:var(--ln);--iq-mist:var(--bg2);--iq-graphite:var(--card);--iq-blue-light:var(--acc);--iq-radius:8px;--iq-radius-lg:8px;color:var(--ink)}
html.ns-sig .xcs #focx .board,html.ns-sig .xcs #focx .nextbox{background:var(--card)!important;color:var(--ink)!important;border:var(--lw) solid var(--ln)!important}
html.ns-sig .xcs #focx .board .verdict,html.ns-sig .xcs #focx .nextbox h2,html.ns-sig .xcs #focx .nextbox li b,html.ns-sig .xcs #focx .nextbox .close b{color:var(--ink)!important}
html.ns-sig .xcs #focx .board .verdict em{color:var(--acc)!important}
html.ns-sig .xcs #focx .nextbox li,html.ns-sig .xcs #focx .nextbox .close,html.ns-sig .xcs #focx .article p,html.ns-sig .xcs #focx .body p{color:var(--ink2)!important}
html.ns-sig .xcs #focx .bgrid,html.ns-sig .xcs #focx .bgrid>div,html.ns-sig .xcs #focx .nextbox li,html.ns-sig .xcs #focx .nextbox .close{border-color:var(--ln)!important}
html.ns-sig .xcs #focx .fx-mark{color:var(--ink)!important;border-color:var(--ln2)!important;background:var(--card)!important}
html.ns-sig .xcs #focx .fx-card,html.ns-sig .xcs #focx .fx-panel,html.ns-sig .xcs #focx .tbl,html.ns-sig .xcs #focx .tblwrap,html.ns-sig .xcs #focx th,html.ns-sig .xcs #focx .fx-showall,
html.ns-sig .xcs #focx .filterbtn,html.ns-sig .xcs #focx .sel,html.ns-sig .xcs #focx .t5 .col,html.ns-sig .xcs #focx .sheet .pan,html.ns-sig .xcs #focx .toc .back,html.ns-sig .xcs #focx .endnav a,
html.ns-sig .xcs #focx .tocm summary,html.ns-sig .xcs #focx .fmenu[open] summary,html.ns-sig .xcs #focx .fdrop,html.ns-sig .xcs #focx .focnav a.on,html.ns-sig .xcs #focx .fx-seg,
html.ns-sig .xcs #focx .dumb .trk .fx-o{background:var(--card)!important;color:var(--ink)}
html.ns-sig .xcs #focx .dumb .trk .fx-f{border-color:var(--card)!important}
html.ns-sig .xcs #focx .fx-bar{background:var(--bg)!important;border-bottom-color:var(--ln)!important}
html.ns-sig .xcs #focx .fx-seg a.on,html.ns-sig .xcs #focx .filterbtn b,html.ns-sig .xcs #focx .sheet .go{background:var(--ink)!important;color:var(--bg)!important}
html.ns-sig .xcs #focx .focnav{background:none!important;padding:0!important;gap:6px}
html.ns-sig .xcs #focx .focnav a{background:var(--card);box-shadow:inset 0 0 0 var(--lw) var(--ln);border-radius:var(--r);color:var(--ink2)}
html.ns-sig .xcs #focx .focnav a.on{box-shadow:inset 0 0 0 2px var(--ink)!important}
html.ns-sig .xcs #focx .fx-big,html.ns-sig .xcs #focx .head h1{color:var(--ink)}
html.ns-sig .xcs #focx .focnav a.on{color:var(--ink)!important;background:var(--card)!important}
html.ns-sig .xcs #focx .pq p{font-family:var(--fh)!important;font-weight:800!important;letter-spacing:-.02em!important}
html.ns-sig .xcs #focx{--iq-font:var(--fb);--iq-mono:var(--fn)}

/* ---------- hard-coded text colours in the templates (inline style) -> Signal status tokens, so dark mode reads ---------- */
html.ns-sig .xcs [style*="color:#0E7E46" i],html.ns-sig .xcs [style*="color:#0D7742" i],html.ns-sig .xcs [style*="color:#0C703E" i]{color:var(--good)!important}
html.ns-sig .xcs [style*="color:#a8321e" i],html.ns-sig .xcs [style*="color:#c23b3b" i],html.ns-sig .xcs [style*="color:#b42318" i],html.ns-sig .xcs [style*="color:#A3352A" i]{color:var(--live)!important}
html.ns-sig .xcs [style*="color:#097EA2" i],html.ns-sig .xcs [style*="color:#0A8DB3" i],html.ns-sig .xcs [style*="color:#08799A" i],html.ns-sig .xcs [style*="color:#2AA3C8" i],html.ns-sig .xcs [style*="color:#076D8C" i],html.ns-sig .xcs [style*="color:#6FC3D6" i],html.ns-sig .xcs [style*="color:#9FC5D0" i]{color:var(--acc)!important}
html.ns-sig .xcs [style*="color:#8FA5B4" i],html.ns-sig .xcs [style*="color:#718DA1" i],html.ns-sig .xcs [style*="color:#5F7B8F" i],html.ns-sig .xcs [style*="color:#587285" i],html.ns-sig .xcs [style*="color:#3D4F5C" i],html.ns-sig .xcs [style*="color:#303D47" i]{color:var(--ink2)!important}
html.ns-sig .xcs .up,html.ns-sig .xcs .pk-hit,html.ns-sig .xcs .gp-hit{color:var(--good)!important}
html.ns-sig .xcs .down,html.ns-sig .xcs .pk-miss,html.ns-sig .xcs .gp-miss{color:var(--live)!important}
html.ns-sig .xcs .gp-pending{color:var(--ww)!important}
html.ns-sig .xcs .small.muted strong,html.ns-sig .xcs .muted strong{color:var(--ink)!important}
html.ns-sig .xcs .jump{gap:6px}
html.ns-sig .xcs .jump a{background:var(--card)!important;color:var(--ink)!important;border:0!important;box-shadow:inset 0 0 0 var(--lw) var(--ln)!important;border-radius:var(--r)!important;min-height:36px;padding:7px 12px!important}
html.ns-sig .xcs .seedcard .aimb{background:var(--bg2)!important;border-color:var(--ln)!important}
html.ns-sig .xcs .seedcard .aimb b{color:var(--ink)!important}
html.ns-sig .xcs .seedcard .aimb span{color:var(--ink2)!important}
html.ns-sig .xcs .row.you a,html.ns-sig .xcs .row.you .yt{color:var(--ink)!important}
html.ns-sig .xcs [style*="color:#5E798D" i]{color:var(--ink2)!important}
/* Regionals/State side lists: label + value wrap instead of running out of the card (Regionals graded 'Teams that beat our numbers') */
html.ns-sig .xcs .xcr .li{flex-wrap:wrap;column-gap:12px;row-gap:2px}
html.ns-sig .xcs .xcr .li>span:first-child:not(:only-child){font-weight:600;color:var(--ink)}
html.ns-sig .xcs .xcr .li .p{white-space:normal!important;font-family:var(--fb)!important;font-weight:500!important;font-size:13px!important;color:var(--ink2)!important;text-align:left!important}
html.ns-sig .xcs .xcr .li a{white-space:normal!important}
@media (max-width:640px){html.ns-sig .xcs .xc-hubs{display:none}}
/* Festival 'went' chart: colours computed in the template (#08799A up / #A8352B down / #91A6B5 even) */
html.ns-sig .xcs [style*="color:#A8352B" i]{color:var(--live)!important}
html.ns-sig .xcs [style*="color:#91A6B5" i]{color:var(--dim)!important}
html.ns-sig .xcs [fill="#08799A" i]{fill:var(--acc)}html.ns-sig .xcs [fill="#A8352B" i]{fill:var(--live)}html.ns-sig .xcs [fill="#405361" i]{fill:var(--ink2)}
html.ns-sig .xcs [stroke="#08799A" i]{stroke:var(--acc)}html.ns-sig .xcs [stroke="#A8352B" i]{stroke:var(--live)}html.ns-sig .xcs [stroke="#91A6B5" i]{stroke:var(--dim)}
html.ns-sig .xcs [style*="background:#E3F4F9" i]{background:var(--accS)!important}

/* ===== r2 (Pixel LOOK FIX 10-30 18:14) ===== */
/* M1 'About these numbers' note (shared chrome, sits under the XC body): Signal card, cobalt links */
html.ns-sig main.xc-m .iq-note{background:var(--card)!important;border:var(--lw) solid var(--ln)!important;border-radius:var(--r)!important;box-shadow:none!important;color:var(--ink2)!important;padding:12px 16px!important}
html.ns-sig main.xc-m .iq-note *{font-family:var(--fb)!important;text-transform:none!important;letter-spacing:normal!important}
html.ns-sig main.xc-m .iq-note b{color:var(--ink)!important}
html.ns-sig main.xc-m .iq-note a,html.ns-sig main.xc-m .iq-note .iq-note-rm{color:var(--acc)!important;text-decoration:none!important}
html.ns-sig main.xc-m .iq-note p{color:var(--ink2)!important}
/* M2 every link in an XC body: cobalt (also the ones the old CSS set with !important), except the row/card names that read as ink */
html.ns-sig .xcs .xcr a:not(.chip):not(.go-btn),html.ns-sig .xcs #focx a:not(.on),html.ns-sig .xcs .row .school a,html.ns-sig .xcs .textpage a,html.ns-sig .xcs p a,html.ns-sig .xcs li a,html.ns-sig .xcs td a{color:var(--acc)!important}
html.ns-sig .xcs .xcr .li a{color:var(--ink)!important}
/* M3 est. tag on every projected percent (labels get the tag in app._ns_words; prose gets 'est.') */
html.ns-sig .xcs .xc-est{display:inline-flex;align-items:center;margin-left:6px;font-family:var(--fb)!important;font-size:11px!important;font-weight:600!important;line-height:1.2;padding:1px 6px;border-radius:6px;
  color:var(--acc)!important;background:var(--card);box-shadow:inset 0 0 0 var(--lw) var(--acc);vertical-align:1px;white-space:nowrap;text-transform:none!important;letter-spacing:normal!important}
/* M4 tables never break a name inside a word: fewer columns under 1000 px instead */
html.ns-sig .xcs table td,html.ns-sig .xcs table th{word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important}
@media (max-width:999px){html.ns-sig .xcs table .hide-m{display:none!important}}
html.ns-sig .xcs .xcr .tt td.sch{min-width:9em}
@media (max-width:600px){html.ns-sig .xcs .xcr .tt td.sch{min-width:0}html.ns-sig .xcs .xcr .tt td,html.ns-sig .xcs .xcr .tt th{padding:8px 5px!important}}
/* M6 the follow card (shared macro) in Signal: card, framed Join button, chips, hidden spam trap */
html.ns-sig .xcs .ice-follow{background:var(--card)!important;border:var(--lw) solid var(--ln)!important;border-radius:var(--r)!important;box-shadow:none!important;padding:18px 20px!important;color:var(--ink)!important;max-width:640px}
html.ns-sig .xcs .ice-follow::before,html.ns-sig .xcs .ice-follow::after{display:none!important}
html.ns-sig .xcs .ice-follow h2{border:0!important;padding:0!important;margin:2px 0 4px!important;font-size:22px!important;display:block!important}
html.ns-sig .xcs .ice-follow [style]{font-family:var(--fb)!important;text-transform:none!important;letter-spacing:normal!important}
html.ns-sig .xcs .ice-follow .ice-fine,html.ns-sig .xcs .ice-follow p{color:var(--ink2)!important;font-size:13px!important}
html.ns-sig .xcs .ice-follow .ice-ticks{list-style:none;padding:0;margin:8px 0 12px;display:grid;gap:4px}
html.ns-sig .xcs .ice-follow .ice-ticks li{position:relative;padding-left:20px;color:var(--ink2);font-size:14px}
html.ns-sig .xcs .ice-follow .ice-ticks li::before{content:"";position:absolute;left:2px;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--acc)}
html.ns-sig .xcs .ice-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
html.ns-sig .xcs .ice-follow legend{font-size:12.5px!important;font-weight:600!important;color:var(--dim)!important;margin-bottom:6px}
html.ns-sig .xcs .ice-pills{display:flex;flex-wrap:wrap;gap:6px}
html.ns-sig .xcs .ice-pills label{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:var(--r);background:var(--card);box-shadow:inset 0 0 0 var(--lw) var(--ln);font-size:13px;font-weight:600;color:var(--ink);cursor:pointer}
html.ns-sig .xcs .ice-pills label:has(input:checked){box-shadow:inset 0 0 0 2px var(--acc)}
html.ns-sig .xcs .ice-follow input[type=checkbox]{accent-color:var(--acc);width:16px;height:16px;margin:0}
html.ns-sig .xcs .ice-row2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
@media (max-width:600px){html.ns-sig .xcs .ice-row2{grid-template-columns:1fr}}
html.ns-sig .xcs .ice-fld label{display:block;font-size:12px;font-weight:600;color:var(--dim);margin:0 0 4px}
html.ns-sig .xcs .ice-fld input{width:100%;box-sizing:border-box}
html.ns-sig .xcs .ice-ck{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:13.5px;color:var(--ink2)}
html.ns-sig .xcs .ice-follow .ice-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;font-weight:600!important;font-size:14px!important;padding:11px 16px!important;border-radius:var(--r)!important;
  background:var(--card)!important;color:var(--ink)!important;border:0!important;box-shadow:inset 0 0 0 2px var(--acc)!important;cursor:pointer}
html.ns-sig .xcs .ice-follow .ice-btn::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--acc)}
html.ns-sig .xcs .ice-follow a{color:var(--acc)!important}
/* SHOULDs: chance bars cobalt on the light track (green stays for proven 'right'); the projection pill = cobalt outline est. tag */
html.ns-sig .xcs .xcr .bar{background:var(--accL)!important}
html.ns-sig .xcs .xcr .bar i,html.ns-sig .xcs .xcr .bar i.t3,html.ns-sig .xcs .xcr .bar i.q{background:var(--acc)!important;opacity:1!important}
html.ns-sig .xcs .xcr .early{background:var(--card)!important;color:var(--acc)!important;box-shadow:inset 0 0 0 var(--lw) var(--acc)!important;font-family:var(--fb)!important;font-weight:600!important}
html.ns-sig .xcs .xcr .early::before{background:var(--acc)!important;box-shadow:none!important}
html.ns-sig .xcs .xcr .p,html.ns-sig .xcs .xcr .tm .s{font-variant-numeric:tabular-nums}
html.ns-sig .xcs #focx .fx-panel .fx-panel{border:0!important}
html.ns-sig .xcs .ice-follow input[type=checkbox]{position:static!important;appearance:auto!important;-webkit-appearance:checkbox!important;flex:none;vertical-align:middle;top:auto!important}
html.ns-sig .xcs #focx{--iq-blue:var(--acc);--iq-steel:var(--dim)}
html.ns-sig .xcs .fbar .f,html.ns-sig .xcs .fsel .f{background:var(--card)!important;border-color:var(--ln)!important}
html.ns-sig .xcs [style*="background:#08799A" i]{background:var(--acc)!important}html.ns-sig .xcs [style*="border-color:#08799A" i]{border-color:var(--acc)!important}
html.ns-sig .xcs [style*="background:#91A6B5" i]{background:var(--dim)!important}html.ns-sig .xcs [style*="border-color:#91A6B5" i]{border-color:var(--dim)!important}
html.ns-sig .xcs [style*="background:#A8352B" i]{background:var(--live)!important}html.ns-sig .xcs [style*="border-color:#A8352B" i]{border-color:var(--live)!important}
html.ns-sig .xcs .xcr .kpi span,html.ns-sig .xcs .kpi span,html.ns-sig .xcs .xcr .kpi small{font-family:var(--fb)!important;letter-spacing:normal!important;text-transform:none!important;font-size:12px!important}
html.ns-sig .xcs .xcr .kpi b{font-family:var(--fn)!important;letter-spacing:-.01em!important}
/* XC_REDIR_A (Pixel live look SHOULD 10-31): Follow card text fields in light = the card (#FFFFFF), not the old look's #F2F5F8
   (lab-graphite.css '.gp-main form input[name]' !important = var(--ch-black)); dark untouched. */
html.ns-sig:not([data-theme="dark"]) .xcs .ice-follow input[name]:not([type=checkbox]):not([type=radio]):not([type=hidden]){background:var(--card)!important;color:var(--ink)!important;border-color:var(--ln)!important;-webkit-text-fill-color:var(--ink)}