/* Outage Sizer — site tokens only (structure lives in base.css). Ember orange on warm charcoal: a storm-night palette. */
:root{
  --bg:#F6F3EF; --surface:#FFFFFF; --ink:#1E1A17; --muted:#5E5650; --line:#E2DBD3; --line-strong:#BFB4A8;
  --accent:#B5541C; --accent-ink:#FFFFFF; --accent-soft:#F7E6DA;
  --cool:#2D6A80; --cool-soft:#DCEBF0; --ok:#2E7451; --ok-soft:#DDEFE4; --warm:#A86A00; --warm-soft:#FBEFD2; --bad:#A8342C; --bad-soft:#F8E2DF;
  --r:10px; --max:1060px;
  --sans:"Avenir Next","Segoe UI",system-ui,-apple-system,Roboto,sans-serif;
  --mono:ui-monospace,Menlo,Consolas,monospace;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#141110; --surface:#1E1A18; --ink:#F1ECE7; --muted:#AA9F95; --line:#322B27; --line-strong:#4D433D;
  --accent:#F0915A; --accent-ink:#2A1205; --accent-soft:#3A2214;
  --cool:#7FC3D9; --cool-soft:#15303A; --ok:#78D0A0; --ok-soft:#163626; --warm:#F2C25A; --warm-soft:#3A2E12; --bad:#F09088; --bad-soft:#3E1F1C; color-scheme:dark;
}}
.brand-mark{width:16px;height:16px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.load-groups{display:grid;gap:14px}
.load-groups fieldset{border:1px solid var(--line);border-radius:var(--r);padding:10px 12px;margin:0}
.load-groups legend{font-weight:600;padding:0 4px}
.load-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 0;border-top:1px solid var(--line)}
.load-row:first-of-type{border-top:0}
.load-row label{flex:1;min-height:40px;display:flex;flex-direction:column;justify-content:center}
.load-row .w{font-size:.85em;color:var(--muted)}
.load-row input[type=number]{width:4.2em;min-height:40px;text-align:center}
.verdict{border-left:4px solid var(--accent);background:var(--accent-soft);padding:10px 14px;border-radius:0 var(--r) var(--r) 0}
.fit-yes{color:var(--ok);font-weight:600}.fit-no{color:var(--bad);font-weight:600}
.viz-seg-a{fill:var(--accent)}.viz-seg-b{fill:var(--cool)}.viz-surge{fill:var(--warm);opacity:.85}
.viz-mark{stroke:var(--ink);stroke-width:2;stroke-dasharray:4 3}
@media (min-width:960px){.tool-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:22px;align-items:start}#out{position:sticky;top:72px}}