/* ── Shell isolation ─────────────────────────────────────────────────────
   This dashboard was built as a standalone page, then scoped under .hm so it
   could be served inside the Fader shell. Scoping stops the prototype styling
   the site; it does NOT stop the site styling the prototype. The shell defines
   .hero, .panel, .num, .score, h2 and h3 globally, and those names collide.

   Only properties the scoped rules below never declare get through — .hero's
   max-width:700px is what crushed the hero card to a 105px column. Rolled back
   to the browser default here, so the rules below are the only styles on this
   page and it renders as the verified build did. Measured, not guessed:
   `node prototypes/_leaks.js` enumerates every leaking rule — rerun it if the
   shell's stylesheet changes. .num is deliberately absent: the shell sets
   font-family:var(--mono), and --mono resolves against .hm's own value.

   The scope sits in :where() so it adds NO specificity: each reset then weighs
   exactly the same as the shell rule it cancels and wins on source order alone
   (this file loads after shell.css), while every scoped rule below — one class
   heavier — still outranks it. Written as `.hm .panel p`, the reset would have
   outweighed `.hm .chart-subtitle` and blown up 18 captions instead. */
:where(.hm) .hero    { max-width:revert; font-size:revert; color:revert; margin:revert; }
:where(.hm) .hero b  { color:revert; font-weight:revert; }
:where(.hm) .panel   { display:revert; flex-direction:revert; }
:where(.hm) .panel p { font-size:revert; line-height:revert; color:revert; margin:revert; }
:where(.hm) .score   { display:revert; height:revert; background:revert; }
:where(.hm) h2, :where(.hm) h3 { font-size:revert; font-weight:revert; line-height:revert; margin:revert; }
.hm a { border-bottom:revert; }

.hm {
      --bg:#f3f5f7; --panel:#fff; --panel-2:#f8fafb; --ink:#17202a; --muted:#68727e;
      --line:#dce1e6; --accent:#245bd7; --accent-soft:#e9efff; --positive:#0a7656;
      --positive-soft:#e6f5ef; --negative:#b43b45; --negative-soft:#fbecee;
      --caution:#8a5a00; --caution-soft:#fff3d6; --shadow:0 1px 2px rgba(20,32,44,.05);
      --radius:12px; --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
    }
.hm,.hm * { box-sizing:border-box; }
.hm { background:var(--bg); overflow-x:hidden; }
.hm { margin:0; min-width:0; overflow-x:hidden; background:var(--bg); color:var(--ink); font:14px/1.35 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.hm button, .hm table { font:inherit; }
.hm button { color:inherit; }
.hm a { color:var(--accent); }
.hm .shell { width:min(1400px,100%); margin:auto; padding:18px 24px 40px; min-width:0; }
.hm .masthead { display:flex; align-items:center; justify-content:space-between; gap:16px; min-width:0; }
.hm .brand { display:flex; align-items:baseline; gap:12px; min-width:0; }
.hm h1 { margin:0; font-size:21px; line-height:1; letter-spacing:-.02em; }
.hm .run-date, .hm .caveat { color:var(--muted); font-size:12px; white-space:nowrap; }
.hm .header-meta { display:flex; align-items:center; justify-content:flex-end; gap:8px; min-width:0; }
.hm .chip { display:inline-flex; align-items:center; gap:6px; min-height:28px; padding:4px 9px; border:1px solid var(--line); border-radius:999px; background:var(--panel); color:var(--muted); font-size:11px; white-space:nowrap; text-decoration:none; }
.hm .chip strong { color:var(--ink); font-variant-numeric:tabular-nums; }
.hm .chip.caution { background:var(--caution-soft); border-color:color-mix(in srgb,var(--caution) 28%,var(--line)); color:var(--caution); }
.hm .chip.caution strong { color:var(--caution); }
.hm button.chip { cursor:pointer; }
.hm .tabs-wrap { margin-top:14px; border-bottom:1px solid var(--line); min-width:0; overflow-x:auto; max-width:100%; scrollbar-width:thin; }
.hm .tabs { display:flex; width:max-content; min-width:100%; gap:2px; }
.hm [role="tab"] { position:relative; appearance:none; border:0; background:transparent; padding:10px 14px 11px; color:var(--muted); font-weight:650; cursor:pointer; white-space:nowrap; }
.hm [role="tab"]::after { content:""; position:absolute; left:12px; right:12px; bottom:-1px; height:2px; background:transparent; }
.hm [role="tab"][aria-selected="true"] { color:var(--accent); }
.hm [role="tab"][aria-selected="true"]::after { background:var(--accent); }
.hm [role="tab"]:focus-visible, .hm .chip:focus-visible, .hm summary:focus-visible { outline:3px solid color-mix(in srgb,var(--accent) 40%,transparent); outline-offset:2px; }
.hm [role="tabpanel"] { padding-top:14px; min-width:0; }
.hm [role="tabpanel"][hidden] { display:none; }
.hm .panel { min-width:0; border:1px solid var(--line); border-radius:var(--radius); background:var(--panel); box-shadow:var(--shadow); }
.hm .hero { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:22px; padding:17px 20px; }
.hm .hero-copy, .hm .hero-pulses { min-width:0; }
.hm .hero h2 { margin:0 0 4px; font-size:22px; line-height:1.1; letter-spacing:-.03em; }
.hm .hero p { margin:0; color:var(--muted); }
.hm .hero-pulses { display:flex; align-items:stretch; gap:8px; }
.hm .pulse { min-width:118px; padding:8px 11px; border-left:1px solid var(--line); }
.hm .pulse:first-child { border-left:0; }
.hm .pulse strong { display:block; font-size:18px; line-height:1.1; font-variant-numeric:tabular-nums; }
.hm .pulse span { display:block; margin-top:3px; color:var(--muted); font-size:10px; }
.hm .pulse strong .breadth-desktop { margin:0; color:inherit; font-size:inherit; }
.hm .breadth-mobile { display:none; }
.hm .quality-alert { grid-column:1/-1; display:flex; align-items:center; gap:7px; padding-top:9px; border-top:1px solid var(--line); color:var(--caution); font-size:11px; }
.hm .quality-alert::before { content:"!"; display:grid; place-items:center; width:17px; height:17px; border-radius:50%; background:var(--caution-soft); font-weight:800; }
.hm .kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:10px; }
.hm .kpi { min-width:0; padding:13px 15px 12px; }
.hm .kpi-label { color:var(--muted); font-size:11px; font-weight:700; }
.hm .kpi-value { margin-top:5px; font-size:27px; line-height:1; letter-spacing:-.035em; font-variant-numeric:tabular-nums; }
.hm .kpi-unit { margin-top:4px; color:var(--muted); font-size:9px; }
.hm .kpi-period { color:var(--muted); font-size:9px; white-space:nowrap; }
.hm .kpi-meta { display:flex; align-items:baseline; justify-content:space-between; gap:8px; margin-top:7px; min-width:0; }
.hm .comparison { font-size:11px; font-weight:650; white-space:nowrap; }
.hm .source { overflow:hidden; color:var(--muted); font-size:9px; text-align:right; text-overflow:ellipsis; white-space:nowrap; }
.hm .positive { color:var(--positive); }
.hm .negative { color:var(--negative); }
.hm .caution-text { color:var(--caution); }
.hm .overview-grid { display:grid; grid-template-columns:minmax(0,2fr) minmax(270px,1fr); gap:10px; margin-top:10px; align-items:stretch; }
.hm .section-card { min-width:0; padding:13px 15px; }
.hm .section-head { display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin-bottom:9px; }
.hm h3 { margin:0; font-size:13px; letter-spacing:-.01em; }
.hm .micro { color:var(--muted); font-size:10px; }
.hm .overview-grid > .section-card { display:flex; flex-direction:column; }
.hm .mover-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; min-width:0; flex:1; }
.hm .mover-col { min-width:0; display:flex; flex-direction:column; }
.hm .mover-col .mover-row { flex:1; }
.hm .subhead { display:flex; align-items:center; gap:6px; margin-bottom:3px; color:var(--muted); font-size:10px; font-weight:750; }
.hm .mover-row { display:grid; grid-template-columns:42px minmax(82px,1.15fr) minmax(42px,.9fr) 58px 55px 58px; align-items:center; gap:6px; min-width:0; min-height:28px; border-top:1px solid var(--line); }
.hm .ticker { font:700 11px/1 var(--mono); }
.hm .company-name { overflow:hidden; min-width:0; color:var(--muted); font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.hm .bar-track { height:5px; overflow:hidden; border-radius:99px; background:var(--panel-2); }
.hm .bar { display:block; height:100%; border-radius:inherit; }
.hm .bar.up { background:var(--positive); }
.hm .bar.down { background:var(--negative); }
.hm .delta, .hm .pct, .hm .current-total { text-align:right; font:650 9px/1 var(--mono); white-space:nowrap; }
.hm .theme-list { min-width:0; }
.hm .theme-row { display:grid; grid-template-columns:minmax(105px,1.25fr) minmax(52px,1fr) 48px; grid-template-areas:"name bar rate" "leaders leaders count"; align-items:center; gap:3px 8px; min-width:0; padding:5px 0; border-top:1px solid var(--line); }
.hm .theme-name { grid-area:name; overflow:hidden; min-width:0; font-size:10px; font-weight:650; text-overflow:ellipsis; white-space:nowrap; }
.hm .theme-bar { grid-area:bar; }
.hm .theme-rate { grid-area:rate; text-align:right; font:700 10px/1 var(--mono); }
.hm .theme-leaders { grid-area:leaders; overflow:hidden; color:var(--muted); font:9px/1.2 var(--mono); text-overflow:ellipsis; white-space:nowrap; }
.hm .theme-count { grid-area:count; color:var(--muted); font:9px/1.2 var(--mono); text-align:right; }
.hm .bar.level { background:var(--accent); }
.hm .signals { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:10px; }
.hm .signal { min-width:0; padding:11px 14px; border-left:3px solid var(--accent); }
.hm .signal.caution-border { border-left-color:var(--caution); }
.hm .signal h3 { margin-bottom:3px; }
.hm .signal-line { overflow:hidden; color:var(--muted); font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.hm .signal-metric { display:block; margin-top:6px; font:750 10px/1 var(--mono); }
.hm .metric-tip-wrap { position:relative; display:inline-block; min-width:0; }
.hm .metric-trigger { appearance:none; margin:0; padding:0; border:0; background:transparent; color:inherit; font:inherit; font-weight:inherit; line-height:inherit; letter-spacing:inherit; cursor:pointer; }
.hm .metric-trigger:focus-visible { outline:2px solid var(--accent); outline-offset:3px; border-radius:3px; }
.hm .info-trigger { display:inline-grid; place-items:center; width:17px; height:17px; border:1px solid var(--line); border-radius:50%; color:var(--muted); font-size:10px; font-weight:800; }
.hm .metric-tip-wrap .chart-tooltip { top:calc(100% + 7px); left:0; right:auto; width:min(320px,calc(100vw - 48px)); }
.hm .kpi .metric-tip-wrap .chart-tooltip { left:0; }
.hm .confidence-line { display:flex; align-items:center; gap:8px; margin-top:8px; }
.hm .confidence-line .chip { min-height:24px; }
.hm .quality-alert a { color:inherit; font-weight:700; }
.hm .score-remediation { margin:10px 0 0; padding:9px 10px; border-radius:8px; background:var(--caution-soft); color:var(--caution); font-size:10px; }
.hm .tab-section { min-width:0; }
.hm .tab-title { margin:4px 0 12px; font-size:19px; }
.hm .split { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; min-width:0; }
.hm .table-card { min-width:0; padding:13px 14px; }
.hm .scroll-frame { max-width:100%; min-width:0; overflow-x:auto; }
.hm table { width:100%; border-collapse:collapse; font-size:11px; font-variant-numeric:tabular-nums; }
.hm th { padding:7px 8px; border-bottom:1px solid var(--line); color:var(--muted); font-size:9px; letter-spacing:.03em; text-align:left; white-space:nowrap; }
.hm .sort-button { appearance:none; margin:-4px; padding:4px; border:0; background:transparent; color:inherit; font:inherit; font-weight:700; cursor:pointer; }
.hm .sort-button:hover { color:var(--accent); }
.hm td { padding:7px 8px; border-bottom:1px solid var(--line); vertical-align:top; }
.hm tbody tr:last-child td { border-bottom:0; }
.hm th.num, .hm td.num { text-align:right; white-space:nowrap; }
.hm .company-cell { min-width:180px; }
.hm .company-cell strong { display:inline-block; width:48px; font-family:var(--mono); }
.hm .company-note { margin:0 0 9px; color:var(--muted); font-size:10px; }
.hm .company-note strong { color:var(--ink); }
.hm .column-help { display:inline-grid; place-items:center; width:14px; height:14px; margin-left:3px; border:1px solid var(--line); border-radius:50%; color:var(--muted); font-size:8px; }
.hm .small-base-flag { display:block; margin-top:2px; color:var(--caution); font-size:8px; font-weight:750; white-space:nowrap; }
.hm .source-status { min-width:92px; }
.hm .dq-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; min-width:0; }
.hm .dq-card { min-width:0; padding:15px; }
.hm .dq-card.wide { grid-column:1/-1; }
.hm .score-block { display:flex; align-items:center; gap:14px; margin-bottom:10px; }
.hm .score { font:750 32px/1 var(--mono); color:var(--caution); }
.hm .score small { font-size:12px; color:var(--muted); }
.hm .component { display:grid; grid-template-columns:minmax(120px,1fr) 46px 48px; gap:8px; align-items:center; padding:7px 0; border-top:1px solid var(--line); }
.hm .component-name { min-width:0; }
.hm .component-name small { display:block; margin-top:2px; color:var(--muted); font-size:9px; }
.hm .component .num { font:700 10px/1 var(--mono); text-align:right; }
.hm details { min-width:0; border-top:1px solid var(--line); }
.hm details:first-of-type { border-top:0; }
.hm summary { padding:10px 0; cursor:pointer; font-weight:700; }
.hm details > div { padding:0 0 12px; color:var(--muted); }
.hm .detail-list { margin:0; padding-left:18px; }
.hm .detail-list li { margin:5px 0; }
.hm .ledger-url { max-width:260px; overflow-wrap:anywhere; }
.hm .definition-list { display:grid; grid-template-columns:max-content minmax(0,1fr); gap:7px 12px; margin:0; }
.hm .definition-list dt { font-weight:700; }
.hm .definition-list dd { margin:0; color:var(--muted); }
.hm .empty { color:var(--muted); font-style:italic; }
.hm .trends-intro { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; min-width:0; margin:4px 0 12px; }
.hm .trends-intro .tab-title { margin:0; }
.hm .trends-intro p { margin:0; color:var(--muted); font-size:11px; }
.hm .trends-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; min-width:0; }
.hm .chart-card { min-width:0; padding:15px; overflow:hidden; }
.hm .chart-card.full { grid-column:1/-1; }
.hm .chart-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; min-width:0; }
.hm .chart-title-block { min-width:0; }
.hm .chart-title-block h3 { font-size:14px; }
.hm .chart-subtitle { margin:4px 0 0; color:var(--muted); font-size:11px; }
.hm .chart-latest { flex:0 0 auto; text-align:right; font-variant-numeric:tabular-nums; }
.hm .chart-latest strong { display:block; font-size:18px; line-height:1; }
.hm .chart-latest span { color:var(--muted); font-size:9px; }
.hm .chart-controls { display:flex; align-items:center; justify-content:space-between; gap:10px; min-width:0; margin-top:10px; }
.hm .range-controls, .hm .chart-toggle { display:flex; min-width:0; border:1px solid var(--line); border-radius:8px; overflow:hidden; }
.hm .range-btn, .hm .toggle-btn { appearance:none; min-height:28px; padding:4px 9px; border:0; border-left:1px solid var(--line); background:var(--panel-2); color:var(--muted); font-size:10px; font-weight:700; cursor:pointer; white-space:nowrap; }
.hm .range-btn:first-child, .hm .toggle-btn:first-child { border-left:0; }
.hm .range-btn[aria-pressed="true"], .hm .toggle-btn[aria-pressed="true"] { background:var(--accent-soft); color:var(--accent); }
.hm .range-btn:disabled { cursor:not-allowed; opacity:.42; }
.hm .chart-plot { position:relative; width:100%; max-width:100%; min-width:0; min-height:235px; margin-top:8px; overflow:hidden; }
.hm .chart-card.full .chart-plot { min-height:270px; }
.hm .chart-plot svg { display:block; width:100%; max-width:100%; height:auto; min-width:0; overflow:hidden; }
.hm .chart-plot svg text { fill:var(--muted); font-family:Inter,ui-sans-serif,system-ui,sans-serif; font-size:11px; }
.hm .chart-plot svg .direct-label { fill:var(--ink); font-weight:750; }
.hm .chart-plot svg .axis-line, .hm .chart-plot svg .grid-line { stroke:var(--line); vector-effect:non-scaling-stroke; }
.hm .chart-plot svg .grid-line { stroke-dasharray:2 4; }
.hm .chart-plot svg .series-blue { fill:none; stroke:var(--accent); stroke-width:2.25; vector-effect:non-scaling-stroke; }
.hm .chart-plot svg .series-muted { fill:none; stroke:var(--muted); stroke-width:1.75; vector-effect:non-scaling-stroke; }
.hm .chart-plot svg .series-dotted { stroke-dasharray:4 4; }
.hm .chart-plot svg .series-green { fill:none; stroke:var(--positive); stroke-width:2.25; vector-effect:non-scaling-stroke; }
.hm .chart-plot svg .series-red { fill:none; stroke:var(--negative); stroke-width:2.25; vector-effect:non-scaling-stroke; }
.hm .chart-plot svg .band { fill:color-mix(in srgb,var(--accent) 16%,transparent); stroke:none; }
.hm .chart-plot svg .label-leader { stroke:var(--muted); stroke-width:1; vector-effect:non-scaling-stroke; }
.hm .chart-plot svg [data-tip] { cursor:pointer; outline:none; }
.hm .chart-plot svg [data-tip]:focus { stroke:var(--ink); stroke-width:3; }
.hm .chart-plot svg .point-hit-target { fill:transparent; stroke:none; pointer-events:all; }
.hm .chart-tooltip { position:absolute; z-index:3; top:8px; right:8px; width:min(290px,calc(100% - 16px)); padding:9px 10px; border:1px solid var(--line); border-radius:8px; background:var(--panel); box-shadow:0 8px 22px rgba(0,0,0,.14); color:var(--ink); font-size:10px; pointer-events:none; white-space:normal; }
.hm .chart-tooltip[hidden] { display:none; }
.hm .chart-meta { display:flex; justify-content:space-between; gap:12px; margin-top:6px; color:var(--muted); font-size:9px; }
.hm .chart-meta span:last-child { text-align:right; }
.hm .chart-data { margin-top:8px; }
.hm .chart-data summary { padding:7px 0 0; color:var(--muted); font-size:10px; }
.hm .chart-data > div { padding-top:7px; }
.hm .trend-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; margin-top:8px; min-width:0; }
.hm .trend-stat { min-width:0; padding:7px 8px; border-radius:7px; background:var(--panel-2); }
.hm .trend-stat strong { display:block; overflow:hidden; font:750 12px/1.1 var(--mono); text-overflow:ellipsis; white-space:nowrap; }
.hm .trend-stat span { display:block; margin-top:3px; color:var(--muted); font-size:8px; }
.hm .distribution-note { margin:8px 0 0; padding:8px 10px; border-radius:7px; background:var(--panel-2); color:var(--muted); font-size:10px; }
.hm .outlier-table { margin-top:8px; }
.hm .outlier-table caption { padding:0 0 5px; color:var(--muted); font-size:9px; text-align:left; }
.hm .outlier-table th, .hm .outlier-table td { padding:5px 7px; }
.hm .outlier-table tr.meaningful-outlier { background:var(--accent-soft); }
.hm .quality-strip { min-width:0; }
.hm .quality-strip td, .hm .quality-strip th { padding:6px 7px; }
.hm .pass-badge { display:inline-flex; align-items:center; gap:4px; padding:3px 7px; border-radius:999px; background:var(--positive-soft); color:var(--positive); font-weight:750; white-space:nowrap; }
.hm .missing { text-decoration:underline dotted; text-underline-offset:2px; cursor:help; }
@media (max-width:900px) {.hm .masthead { align-items:flex-start; flex-direction:column; }
.hm .header-meta { justify-content:flex-start; flex-wrap:wrap; }
.hm .hero { grid-template-columns:1fr; }
.hm .hero-pulses { justify-content:space-between; }
.hm .quality-alert { grid-column:1; }
.hm .overview-grid { grid-template-columns:1fr; }
.hm .signals { grid-template-columns:1fr; }
.hm .split, .hm .dq-grid { grid-template-columns:1fr; }
.hm .dq-card.wide { grid-column:auto; }
.hm .trends-grid { grid-template-columns:1fr; }
.hm .chart-card.full { grid-column:auto; }

    }
@media (max-width:640px) {.hm .shell { padding:14px 12px 28px; }
.hm .brand { align-items:flex-start; flex-direction:column; gap:5px; }
.hm .caveat { white-space:normal; }
.hm .kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
.hm .hero-pulses { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; }
.hm .pulse { min-width:0; padding:7px 8px; }
.hm .pulse strong { font-size:15px; }
.hm .mover-columns { grid-template-columns:1fr; }
.hm .mover-row { grid-template-columns:40px minmax(60px,.8fr) minmax(42px,.75fr) 54px 52px 55px; gap:4px; }
.hm .table-card { padding:10px; }
.hm .trends-intro { align-items:flex-start; flex-direction:column; gap:4px; }
.hm .chart-card { padding:12px; }
.hm .chart-head { gap:7px; }
.hm .chart-controls { align-items:flex-start; flex-direction:column; }
.hm .range-controls, .hm .chart-toggle { max-width:100%; overflow-x:auto; }
.hm .trend-stats { grid-template-columns:1fr; }

    }
@media (max-width:430px) {.hm /* compact labels while preserving horizontal access to all tabs */
      [role="tab"] { padding:10px 7px 11px; font-size:13px; }
.hm [role="tab"]::after { left:6px; right:6px; }
.hm .kpi-meta { align-items:flex-start; flex-direction:column; gap:3px; }
.hm .comparison { max-width:100%; white-space:normal; }
.hm .source { overflow:visible; max-width:100%; text-align:left; text-overflow:clip; white-space:normal; }
.hm .hero-pulses { grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
.hm .breadth-pulse { grid-column:1/-1; grid-row:1; border-left:0; border-bottom:1px solid var(--line); }
.hm .breadth-desktop { display:none !important; }
.hm .breadth-mobile { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.hm .breadth-mobile > span { display:flex; min-width:0; flex-direction:column; margin:0; text-align:center; }
.hm .breadth-mobile small { color:var(--muted); font-size:9px; font-weight:650; }
.hm .breadth-mobile b { margin-top:2px; color:var(--ink); font-size:14px; }

    }
@media (max-width:390px) {.hm .kpi-value { font-size:23px; }
.hm .hero h2 { font-size:19px; }
.hm .mover-row { grid-template-columns:38px minmax(0,1fr) 52px 50px 53px; }
.hm .mover-row .bar-track { display:none; }

    }
@media (prefers-color-scheme:dark) {.hm {
        --bg:#10151b; --panel:#171d24; --panel-2:#222a33; --ink:#edf1f5; --muted:#aab4bf;
        --line:#303944; --accent:#78a2ff; --accent-soft:#1e315e; --positive:#66d4ae;
        --positive-soft:#173b31; --negative:#ff8993; --negative-soft:#4a252b;
        --caution:#f4c15c; --caution-soft:#40351d; --shadow:none;
      }

    }

  
/* Pre-render state. Replaced by the Overview render; stays put if a fetch fails. */
.hm .boot-note { color:var(--muted); font-size:14px; padding:24px 0; margin:0; }