/* Crawl Space Map — tokens. Palette: soil horizons (loam brown, clay ochre, silt grey) with a water-table blue. */
:root{
  --bg:#F5F2EC; --surface:#FFFFFF; --ink:#211C17; --muted:#625A51; --line:#DED6CA; --line-strong:#B9AD9C;
  --accent:#6B4E2E; --accent-ink:#FFFFFF; --accent-soft:#EFE5D8;
  --cool:#2F6E95; --cool-soft:#DCEAF3; --ok:#3E7A45; --ok-soft:#E0EFDF; --warm:#B07A1E; --warm-soft:#F6EAD0; --bad:#A63D2C; --bad-soft:#F6E0DA;
  --r:8px; --max:1080px;
  --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);
  --hero-art-bg:#EDE6DA; --soil-a:#8A6A47; --soil-b:#A88457; --soil-c:#C9B08A; --water:#2F6E95; --sky:#E7EEF2;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#141210; --surface:#1D1A16; --ink:#EEE8DF; --muted:#ADA397; --line:#2E2923; --line-strong:#4D453B;
  --accent:#D3A877; --accent-ink:#1E140A; --accent-soft:#3A2D1F;
  --cool:#86BCDD; --cool-soft:#1A2E3A; --ok:#86C78D; --ok-soft:#1B3220; --warm:#E5B85E; --warm-soft:#3A2E14; --bad:#F09A8A; --bad-soft:#3E1F1A;
  --hero-art-bg:#221E19; --soil-a:#5E4630; --soil-b:#715839; --soil-c:#8A7655; --water:#4F8FB8; --sky:#1C2329; color-scheme:dark;
}}
.brand-mark{width:18px;height:18px;border-radius:3px;background:linear-gradient(180deg,var(--soil-a) 0 33%,var(--soil-b) 33% 66%,var(--water) 66%)}
.hero{border-bottom:none;position:relative}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:8px;background:linear-gradient(90deg,var(--soil-a),var(--soil-b),var(--soil-c),var(--water))}
.hero-art{background:var(--hero-art-bg)}
/* art */
.art .art-sky{fill:var(--sky)}.art .art-soil-a{fill:var(--soil-a)}.art .art-soil-b{fill:var(--soil-b)}.art .art-soil-c{fill:var(--soil-c)}
.art .art-wet{fill:var(--water)}.art .art-water{fill:var(--water);opacity:.55}.art .art-water-line{stroke:var(--water);stroke-width:3;stroke-dasharray:10 6;fill:none}
.art .art-roof{fill:var(--accent);stroke:var(--ink);stroke-width:3}.art .art-wall{fill:var(--surface);stroke:var(--ink);stroke-width:3}.art .art-door{fill:var(--accent);stroke:var(--ink);stroke-width:2}.art .art-glass{fill:var(--cool-soft);stroke:var(--ink);stroke-width:2}
.art .art-floor{fill:var(--ink)}.art .art-crawl{fill:var(--hero-art-bg);opacity:.9}.art .art-stem{fill:var(--line-strong);stroke:var(--ink);stroke-width:2}.art .art-footing{fill:var(--line-strong);stroke:var(--ink);stroke-width:2}
.art .art-joist{fill:var(--warm)}.art .art-liner{fill:none;stroke:var(--ok);stroke-width:5;stroke-linejoin:round}.art .art-vent{fill:var(--ink)}.art .art-grade{stroke:var(--ink);stroke-width:3;fill:none}
/* components */
.tool{border-top:5px solid var(--accent)}
.tier{display:inline-block;font:700 .78rem var(--display);letter-spacing:.1em;text-transform:uppercase;padding:3px 10px;border-radius:999px}
.tier.high{background:var(--bad-soft);color:var(--bad)}.tier.elevated{background:var(--warm-soft);color:var(--warm)}.tier.moderate{background:var(--cool-soft);color:var(--cool)}.tier.low{background:var(--ok-soft);color:var(--ok)}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:14px 0 6px}
.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:10px 12px;border-top:4px solid var(--soil-b)}
.kpi .k{font:600 .76rem var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.kpi .v{font:700 1.55rem/1.1 var(--display);color:var(--ink)}.kpi .s{font-size:.8rem;color:var(--muted)}
.county-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin:14px 0}
.county-grid a,.county-grid span{display:flex;justify-content:space-between;gap:8px;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:var(--surface);text-decoration:none;color:var(--ink);font-size:.93rem}
.county-grid a:hover{border-color:var(--accent)}.county-grid small{color:var(--muted);font-variant-numeric:tabular-nums}
.county-grid .high small{color:var(--bad);font-weight:700}.county-grid .elevated small{color:var(--warm);font-weight:700}
.sources{font-size:.84rem;color:var(--muted);border-left:3px solid var(--soil-b);padding:6px 12px;margin:14px 0}.sources a{color:var(--muted)}
.lookup{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}
@media (max-width:640px){.lookup{grid-template-columns:1fr}}
.band{margin:30px -16px;padding:26px 16px;background:var(--soil-a);color:#FBF7F0;border-top:6px solid var(--water)}
.band h2{color:#fff;margin-top:0}.band a{color:#FFE2B8}.band .cards .card{background:rgba(0,0,0,.18);border-color:transparent;color:#FBF7F0}.band .card span{color:#F0E4D2}
figure.viz .viz-bar{fill:var(--soil-b)}figure.viz .viz-bar-hi{fill:var(--water)}