:root{
  --bg:#f6f7f9;--card:#ffffff;--ink:#14161c;--muted:#5b6472;--line:#e3e6eb;
  --ok:#1f8a5b;--ok-bg:#e7f5ee;--warn:#b26a00;--warn-bg:#fdf3e1;
  --bad:#c23b22;--bad-bg:#fdecea;--na:#7a8494;--na-bg:#eef0f3;
  --bar-none:#e3e6eb;
}
@media (prefers-color-scheme:dark){
  :root{
    --bg:#0e1116;--card:#161a21;--ink:#e8ebf0;--muted:#9aa3b2;--line:#262c36;
    --ok:#3fbf86;--ok-bg:#12291f;--warn:#e0a03a;--warn-bg:#2d2312;
    --bad:#ef6a52;--bad-bg:#331915;--na:#8b94a3;--na-bg:#1e232b;--bar-none:#262c36;
  }
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);
  font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
a{color:inherit;text-underline-offset:2px}
.wrap{max-width:860px;margin:0 auto;padding:0 16px}
.top{background:var(--accent,#16324f);color:#fff}
.top-in{display:flex;align-items:center;justify-content:space-between;height:60px;gap:12px}
.brand{font-weight:700;font-size:19px;text-decoration:none;letter-spacing:-.01em}
.brand span{font-weight:400;opacity:.8}
.visit{font-size:14px;opacity:.9}
main.wrap{padding-top:28px;padding-bottom:8px}
h1,h2,h3{line-height:1.25;margin:0}
h2{font-size:18px;margin-bottom:12px}
h3{font-size:16px}
.muted{color:var(--muted);margin:2px 0 0;font-size:14px}
.banner{display:flex;gap:14px;align-items:center;padding:18px 20px;border-radius:12px;margin-bottom:20px;
  background:var(--card);border:1px solid var(--line)}
.banner h1{font-size:21px}
.banner p{margin:2px 0 0;color:var(--muted);font-size:14px}
.banner .dot{width:14px;height:14px;flex:none}
.banner-operational{border-color:var(--ok)}.banner-operational .dot{background:var(--ok)}
.banner-degraded{border-color:var(--warn)}.banner-degraded .dot{background:var(--warn)}
.banner-outage{border-color:var(--bad)}.banner-outage .dot{background:var(--bad)}
.banner-unknown .dot{background:var(--na)}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor}
.comp{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin-bottom:12px}
.comp-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}
.pill{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:13px;font-weight:600;
  padding:3px 10px;border-radius:999px}
.pill-operational{color:var(--ok);background:var(--ok-bg)}
.pill-degraded{color:var(--warn);background:var(--warn-bg)}
.pill-outage{color:var(--bad);background:var(--bad-bg)}
.pill-unknown,.pill-not_live,.pill-resolved{color:var(--na);background:var(--na-bg)}
.bars{display:flex;gap:2px;height:30px}
.bar{flex:1;border-radius:2px;background:var(--bar-none);min-width:2px}
.bar-operational{background:var(--ok)}.bar-degraded{background:var(--warn)}.bar-outage{background:var(--bad)}
.bar-not_live{background:var(--na-bg);opacity:.6}
.bar-legend{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:6px}
.checked{font-size:13px;color:var(--muted);margin:8px 0 0}
.block{margin:28px 0}
.incidents,.links{list-style:none;margin:0;padding:0}
.incidents li{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--line)}
.links li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line)}
.agency-links{font-size:15px;margin:16px 0 0}
.crumb{font-size:14px;margin:0 0 10px;color:var(--muted)}
.page-h1{font-size:30px;margin-bottom:16px;letter-spacing:-.01em}
.answer{display:flex;flex-direction:column;align-items:flex-start;gap:8px;background:var(--card);
  border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin-bottom:16px}
.answer p{margin:0}
.answer-operational{border-color:var(--ok)}.answer-degraded{border-color:var(--warn)}.answer-outage{border-color:var(--bad)}
.prose p{margin:0 0 12px}
.prose h3{margin:18px 0 6px}
.states{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:0}
.states dt{font-weight:600}.states dd{margin:0}
.foot{border-top:1px solid var(--line);padding-top:16px;padding-bottom:32px;font-size:14px}
.foot p{margin:4px 0}
@media (max-width:560px){
  .page-h1{font-size:25px}
  .comp-head{flex-direction:column}
  .bars{height:26px;gap:1px}
  .states{grid-template-columns:1fr}
  .states dd{margin-bottom:8px}
}