@font-face{font-family:"HomeEqual Righteous";src:url("/righteous-regular.ttf") format("truetype");font-display:swap}
:root{--bg:#f5f8fd;--panel:#fff;--ink:#112f58;--muted:#5a6d89;--line:#d8e4f3;--head:#071f43;--head-ink:#fff;--head-muted:#9ec7ff;--accent:#1555b3;
  --good:#1f9d6b;--good-bg:#e6f6ef;--minor:#7cc9a6;--partial:#e3a008;--partial-bg:#fff6e0;--major:#d64545;--major-bg:#fdecec;--none:#d5deea;--unknown-bg:#eef2f8;--good-ink:#0a6340;--major-ink:#a61b1b}
@media (prefers-color-scheme:dark){:root{--bg:#07142b;--panel:#0d1f3d;--ink:#e6eefb;--muted:#9fb3cf;--line:#1f3559;--head:#040d1d;--accent:#7fb2ff;
  --good:#3cc68f;--good-bg:#0f3327;--minor:#2f8a64;--partial:#f0b429;--partial-bg:#3a2c08;--major:#ff6b6b;--major-bg:#3d1414;--none:#29405f;--unknown-bg:#13284a;--good-ink:#8ef0c4;--major-ink:#ffc2c2}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:var(--accent)}
a:focus-visible{outline:3px solid #5898f0;outline-offset:3px;border-radius:4px}
.wrap{max-width:880px;margin:0 auto;padding:0 16px}
.top{background:var(--head);color:var(--head-ink)}
.top-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px}
.lockup{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}
.lockup img{border-radius:8px}
.lockup-text{display:flex;flex-direction:column;line-height:1.15}
.lockup-text strong{font-size:22px;font-weight:800;letter-spacing:-.01em}
.lockup-text small{font-size:11px;color:var(--head-muted)}
.wordmark{font-family:"HomeEqual Righteous",Arial,sans-serif;font-weight:400}
.top-label{font-size:13px;color:var(--head-muted);letter-spacing:.04em}
main.wrap{padding-top:28px;padding-bottom:12px}
h1{font-size:22px;line-height:1.25;margin:0 0 2px;letter-spacing:-.02em}
h2{font-size:17px;margin:34px 0 12px}
.muted,.method p{color:var(--muted)}
.notice{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 18px}
.overall{display:flex;align-items:center;gap:16px;border-radius:14px;padding:22px 24px;border:1px solid var(--line);background:var(--panel)}
.overall p{margin:0;color:var(--muted);font-size:14px}
.overall-icon{flex:none;width:34px;height:34px;border-radius:50%;background:var(--none);position:relative}
.overall-icon::after{content:"";position:absolute;left:12px;top:7px;width:8px;height:15px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg);display:none}
.overall-good{background:var(--good-bg);border-color:var(--good)}.overall-good .overall-icon{background:var(--good)}.overall-good .overall-icon::after{display:block}
.overall-down{background:var(--major-bg);border-color:var(--major)}.overall-down .overall-icon{background:var(--major)}
.overall-down .overall-icon::after,.overall-unknown .overall-icon::after{display:block;content:"!";border:0;transform:none;left:0;top:0;width:34px;height:34px;color:#fff;font:800 20px/34px system-ui,sans-serif;text-align:center}
.overall-unknown{background:var(--unknown-bg)}.overall-unknown .overall-icon{background:var(--muted)}
.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.legend{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
.legend .day{display:inline-block;width:8px;height:14px;border-radius:2px;margin-left:8px}
.components{list-style:none;margin:0;padding:0;background:var(--panel);border:1px solid var(--line);border-radius:14px}
.component{padding:18px 22px}
.component+.component{border-top:1px solid var(--line)}
.component-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.component h3{font-size:15px;margin:0}
.component p{margin:2px 0 0;font-size:13px;color:var(--muted)}
.pill{flex:none;font-size:12px;font-weight:700;border-radius:999px;padding:3px 10px;white-space:nowrap}
.pill-operational{background:var(--good-bg);color:var(--good-ink)}
.pill-down{background:var(--major-bg);color:var(--major-ink)}
.pill-unknown{background:var(--unknown-bg);color:var(--muted)}
.days{display:grid;grid-template-columns:repeat(90,minmax(0,1fr));gap:2px;height:34px;margin-top:14px}
.day{border-radius:2px;background:var(--none)}
.day-good{background:var(--good)}.day-minor{background:var(--minor)}.day-partial{background:var(--partial)}.day-major{background:var(--major)}.day-none{background:var(--none)}
.days-foot{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:6px}
.days-foot b{font-weight:600;color:var(--ink)}
.incident{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--partial);border-radius:12px;padding:16px 20px;margin-bottom:12px}
.incident-major{border-left-color:var(--major)}
.incident-resolved{border-left-color:var(--good)}
.incident h3{font-size:15px;margin:0 0 4px}
.incident .meta{font-size:12px;color:var(--muted);margin:0 0 8px}
.incident ol{list-style:none;margin:0;padding:0}
.incident li{font-size:14px;padding:6px 0;border-top:1px solid var(--line)}
.incident li b{text-transform:capitalize}
.incident time{color:var(--muted);font-size:12px;margin-left:6px}
.history .incident{border-left-width:1px}
.method{margin-bottom:8px}
.foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;background:linear-gradient(var(--line),var(--line)) 16px 0/calc(100% - 32px) 1px no-repeat;padding-top:18px;padding-bottom:32px;font-size:13px;color:var(--muted)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:600px){.top-row{min-height:64px}.lockup-text strong{font-size:19px}.overall{padding:18px}.component{padding:16px}.days{gap:1px;height:30px}.legend{display:none}h1{font-size:19px}}
@media (prefers-reduced-motion:no-preference){.day{transition:opacity .2s}.days:hover .day{opacity:.55}.days .day:hover{opacity:1}}
