/* Remediation Cost — site tokens only (structure lives in base.css). Own palette: lichen olive + water blue on warm paper. */
:root{
  --bg:#F6F5F0; --surface:#FFFFFF; --ink:#1E2419; --muted:#5A6152; --line:#DEDDD3; --line-strong:#B9B9AA;
  --accent:#55652A; --accent-ink:#FFFFFF; --accent-soft:#E6E9DA;
  --cool:#2D6E86; --cool-soft:#DCEBF1; --ok:#2F7A4A; --ok-soft:#DFF0E4; --warm:#9A6200; --warm-soft:#F8EDD3; --bad:#A3392E; --bad-soft:#F6E1DD;
  --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:#CFE3EC; --hero-art-bg:var(--accent-soft);
  --mold:#3F4A2A; --water:#7FB3C9; --smoke:#8D8F88; --flame:#D9822B;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#12150F; --surface:#1B2017; --ink:#E9ECE2; --muted:#A3AA97; --line:#2C3326; --line-strong:#465040;
  --accent:#B6C487; --accent-ink:#141A08; --accent-soft:#232A17;
  --cool:#86C3DA; --cool-soft:#15303A; --ok:#7FD39B; --ok-soft:#173523; --warm:#EDC064; --warm-soft:#3A2E12; --bad:#F0948A; --bad-soft:#3E1F1C;
  --glass:#2B4552; --mold:#C9D4A4; --water:#3E7F99; --smoke:#5E625A; --flame:#E59A4C; color-scheme:dark;
}}
.brand-mark{width:16px;height:16px;border-radius:50% 50% 50% 4px;background:var(--accent)}
/* art */
.art .art-mold{fill:var(--mold);opacity:.78}
.art .art-water{fill:var(--water);opacity:.75}
.art .art-wave{fill:none;stroke:var(--cool);stroke-width:3}
.art .art-smoke{fill:var(--smoke);opacity:.55}
.art .art-soot{fill:var(--ink);opacity:.35}
.art .art-flame{fill:var(--flame);stroke:var(--ink);stroke-width:2}
/* charts */
.viz-bar{fill:var(--line-strong)} .viz-bar-hi{fill:var(--accent)}
/* tool */
.tool-hero{margin:10px 0 0;padding:14px}
.tool-hero .row{gap:10px;margin-bottom:10px}
.tool-hero:not(.is-water) .only-water{display:none}
.tool-hero.no-area .only-area{display:none}
.tool-hero .result{margin-top:6px;padding-top:10px}
.tool-hero .answers{gap:8px;margin:4px 0 8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.tool-hero .answer{padding:8px 10px}.tool-hero .answer .value{font-size:1.2rem}
.tool-hero .answer .label{font-size:.72rem}
.notes{margin:4px 0 6px;padding-left:18px}.notes li{margin:2px 0}
.legal-note{font-size:.92rem}
@media (max-width:760px){.hero-home h1{font-size:1.55rem}.tool-hero .row{grid-template-columns:1fr 1fr}.tool-hero .answers{grid-template-columns:1fr 1fr}.tool-hero .notes{font-size:.82rem}}
.tool-hero .answer .label,.tool-hero .answer .value{display:block}