:root{--tmg-ink:#111;--tmg-charcoal:#262626;--tmg-graphite:#3b3b3b;--tmg-steel:#5c5c5a;--tmg-edge:#8a8a87;--tmg-stone:#bdbdba;--tmg-rule:#e2e2df;--tmg-track:#ededea;--tmg-concrete:#f4f4f2;--tmg-white:#fff;--tmg-gold:#f7d57f;--tmg-gold-tint:#fdf6e3;--tmg-rust:#b35f24;--tmg-rust-text:#8a4519;--tmg-rust-tint:#f4e3d6;--tmg-green:#24563a;--tmg-green-tint:#e3eee6;--tmg-red:#a4271c;--color-text:var(--tmg-ink);--color-text-secondary:var(--tmg-graphite);--color-text-muted:var(--tmg-steel);--color-surface:var(--tmg-white);--color-surface-quiet:var(--tmg-concrete);--color-surface-inverse:var(--tmg-ink);--color-border:var(--tmg-rule);--color-border-input:var(--tmg-edge);--color-action:var(--tmg-ink);--color-action-text:var(--tmg-white);--color-running:var(--tmg-gold);--color-running-tint:var(--tmg-gold-tint);--color-over-budget:var(--tmg-rust);--color-over-budget-text:var(--tmg-rust-text);--color-success:var(--tmg-green);--color-danger:var(--tmg-red);--font-display:"Barlow Condensed", "Arial Narrow", sans-serif;--font-body:"Barlow", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--text-caption:13px;--text-small:14px;--text-body:16px;--text-lead:18px;--text-h3:22px;--text-h2:28px;--text-h1:40px;--text-display:48px;--tracking-label:.12em;--tracking-nav:.08em;--tracking-button:.06em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-control:4px;--radius-badge:3px;--radius-card:6px;--radius-dialog:8px;--touch-min:44px;--touch-field:56px;--topbar-height:64px;--stencil-bar:6px;--content-max:1280px;--color-chrome:var(--tmg-ink);--color-chrome-text:var(--tmg-white);--color-on-running:var(--tmg-ink);--color-success-fill:var(--tmg-green)}:root[data-mode=dark]{--tmg-ink:#ededea;--tmg-charcoal:#d6d6d2;--tmg-graphite:#c9c9c4;--tmg-steel:#a6a6a1;--tmg-edge:#75756f;--tmg-stone:#3a3a37;--tmg-rule:#2a2a28;--tmg-track:#2a2a28;--tmg-concrete:#1e1e1c;--tmg-white:#121211;--tmg-gold-tint:#3a3220;--tmg-rust:#d9803f;--tmg-rust-text:#f0a46b;--tmg-rust-tint:#3d2414;--tmg-green:#8fd3a8;--tmg-green-tint:#17301f;--tmg-red:#ff8a7a;--color-chrome:#000;--color-chrome-text:#ededea;--color-on-running:#111;--color-success-fill:#1f4a31;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=website]{--color-surface-inverse:#262626;--color-action:#262626;--color-surface-quiet:#faedcd;--color-running-tint:#faedcd}.tmg-label{font-family:var(--font-display);font-weight:600;font-size:var(--text-small);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text-muted)}.tmg-title{font-family:var(--font-display);text-transform:uppercase;font-weight:700;line-height:1}.tmg-figures{font-variant-numeric:tabular-nums}body{background:var(--color-surface);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-body);margin:0}.env-banner{background:var(--color-running);color:var(--color-on-running);font-family:var(--font-display);font-weight:600;font-size:var(--text-small);letter-spacing:var(--tracking-label);text-transform:uppercase;text-align:center;padding:var(--space-1) var(--space-4)}.app-header{height:var(--topbar-height);padding:0 var(--space-6);background:var(--color-chrome);color:var(--color-chrome-text);align-items:center;display:flex}.app-name{font-size:var(--text-h3)}.app-main{max-width:var(--content-max);padding:var(--space-6);margin:0 auto}.app-footer{padding:var(--space-4) var(--space-6);color:var(--color-text-muted);font-size:var(--text-small)}.app-header{gap:var(--space-8)}.app-nav a{color:var(--color-chrome-text);font-family:var(--font-display);letter-spacing:var(--tracking-nav);text-transform:uppercase;min-height:var(--touch-min);align-items:center;font-weight:600;display:inline-flex}a:focus-visible,button:focus-visible{outline:3px solid var(--color-text);outline-offset:2px}.app-nav a:focus-visible{outline-color:var(--color-chrome-text)}.setup-layout{gap:var(--space-8);grid-template-columns:220px 1fr;display:grid}.setup-nav{align-content:start;gap:2px;display:grid}.setup-nav a{min-height:var(--touch-min);padding:0 var(--space-3);border-radius:var(--radius-control);color:var(--color-text-secondary);align-items:center;text-decoration:none;display:flex}.setup-nav a[aria-current=page]{background:var(--color-action);color:var(--color-action-text);font-weight:600}.level-badge{padding:2px var(--space-2);border-radius:var(--radius-badge);font-family:var(--font-display);font-weight:600;font-size:var(--text-small);letter-spacing:var(--tracking-label);text-transform:uppercase;white-space:nowrap;border:1px solid;display:inline-block}.level-badge--ok{color:var(--color-success)}.level-badge--warning{color:var(--color-over-budget-text)}.level-badge--critical{color:var(--color-danger)}.sys-summary{gap:var(--space-2);margin:var(--space-4) 0 var(--space-6);justify-items:start;display:grid}.sys-summary__sentence{font-size:var(--text-lead);margin:0}.sys-summary__checked{color:var(--color-text-muted);font-size:var(--text-small);margin:0}.sys-panel{border:1px solid var(--color-border);border-radius:var(--radius-card);margin-bottom:var(--space-2)}.sys-panel__heading{font:inherit;margin:0}.sys-panel__toggle{all:unset;box-sizing:border-box;width:100%;min-height:var(--touch-min);padding:0 var(--space-4);cursor:pointer;justify-content:space-between;align-items:center;display:flex}.sys-panel__toggle:focus-visible{outline:3px solid var(--color-text);outline-offset:-3px}.sys-panel__title{font-family:var(--font-display);font-weight:700;font-size:var(--text-lead)}.sys-panel__items,.events{margin:0;padding:0;list-style:none}.sys-panel__item{gap:var(--space-4);padding:var(--space-2) var(--space-4);border-top:1px solid var(--color-border);grid-template-columns:1fr auto auto;align-items:center;display:grid}.sys-panel__label{color:var(--color-text-secondary)}.event{gap:var(--space-1) var(--space-4);padding:var(--space-3) 0;border-top:1px solid var(--color-border);grid-template-columns:auto 1fr auto;align-items:center;display:grid}.event__meta{color:var(--color-text-muted);font-size:var(--text-small);grid-column:2}.event>button,.event__acked{grid-area:1/3/span 2}.event[data-acked=true],.event[data-acked=true] .level-badge{color:var(--color-text-muted)}.btn-quiet{min-height:var(--touch-min);padding:0 var(--space-4);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border-input);border-radius:var(--radius-control);font:inherit;cursor:pointer;font-weight:600}@media (width<=720px){.setup-layout{grid-template-columns:1fr}}
