/* License by Trade — site tokens only (structure lives in base.css). Pick an own palette per site: batch sites do not share a theme. */
:root{
  --bg:#F3F5F7; --surface:#FFFFFF; --ink:#15202B; --muted:#56636F; --line:#DCE2E8; --line-strong:#B4BFCA;
  --accent:#35546B; --accent-ink:#FFFFFF; --accent-soft:#E3EAF0;
  --cool:#1F7A5C; --cool-soft:#DDF1E8; --ok:#1F7A5C; --ok-soft:#DDF1E8; --warm:#A86A00; --warm-soft:#FBEFD2; --bad:#A8342C; --bad-soft:#F8E2DF;
  --r:10px; --max:1060px;
  --sans:Inter,"Avenir Next","Segoe UI",system-ui,-apple-system,Roboto,sans-serif;
  --mono:ui-monospace,Menlo,Consolas,monospace;
  --display:"Barlow Condensed","Avenir Next Condensed","Arial Narrow",var(--sans); --glass:#D6E4EE; --hero-art-bg:var(--accent-soft);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#0F161D; --surface:#17212B; --ink:#E8EEF3; --muted:#9AA8B5; --line:#273441; --line-strong:#3E4F60;
  --accent:#9DBAD0; --accent-ink:#0E1A24; --accent-soft:#1A2733;
  --cool:#6ED3A9; --cool-soft:#163829; --ok:#6ED3A9; --ok-soft:#163829; --warm:#F2C25A; --warm-soft:#3A2E12; --bad:#F09088; --bad-soft:#3E1F1C; color-scheme:dark;
}}
.brand-mark{width:16px;height:16px;border-radius:4px;background:var(--accent)}
:root{--hero-art-bg:#E7EDF2;--glass:#CFDDE8}
@media (prefers-color-scheme:dark){:root{--hero-art-bg:#1A2733}}
/* License by Trade: palette is slate with a signal-orange accent mark */
.brand-mark{background:linear-gradient(135deg,var(--accent) 60%,#D9822B 60%)}
.hero-home h1{font-size:clamp(1.5rem,4.6vw,2.4rem);margin-bottom:.3em}
.pick{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:6px 0 8px}
.pick label.f span{margin-bottom:2px;font-size:.84rem}
#out .answers{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:8px 0 10px}
#out .answer{padding:8px 10px}#out .answer .value{font-size:1.15rem}
#out .answer .note{font-size:.78rem}
.tl{margin:6px 0 6px;padding-left:20px;font-size:.93rem}.tl li{margin:2px 0}.tl-y{color:var(--muted);white-space:nowrap}
.stat .value{font-size:1.02rem;line-height:1.25}
.eyebrow{font:600 .8rem var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 .3em}
.art .art-step{fill:var(--surface);stroke:var(--ink);stroke-width:2.5}
.art .art-ground{fill:var(--line);opacity:.8}
.art .art-line-box{fill:none;stroke:var(--line-strong);stroke-width:2}
.art .art-switch{fill:var(--ink)}
.art .art-wire{fill:none;stroke:#D9822B;stroke-width:6;stroke-linecap:round}.art .art-wire-b{stroke:var(--ink)}
.art .art-pipe{fill:none;stroke:var(--ink);stroke-width:26;stroke-linecap:round;stroke-linejoin:round}
.art .art-pipe-in{fill:none;stroke:#C77A3A;stroke-width:20;stroke-linecap:round;stroke-linejoin:round}
.art .art-pipe-thin{fill:none;stroke:#C77A3A;stroke-width:6;stroke-linecap:round}
.art .art-spoke{stroke:var(--surface);stroke-width:4;stroke-linecap:round}
.art .art-drip{fill:var(--glass)}
.art .art-grille{fill:none;stroke:var(--ink);stroke-width:3}
.art .art-stud{fill:none;stroke:#C9A36A;stroke-width:8;stroke-linecap:square}
.art .art-hat{fill:#D9822B;stroke:var(--ink);stroke-width:2}
@media (max-width:760px){.hero-home .hero-art{display:none}}