:root{color-scheme:light dark;--bg:light-dark(#fbfbfd,#171923);--surface:light-dark(#fff,#222530);--text:light-dark(#171825,#f7f5fa);--muted:light-dark(#596173,#bfc3d1);--border:light-dark(#e1e3ec,#3a3d4b);--accent:light-dark(#b94328,#ffab91);--green:light-dark(#16734c,#72d6a3);--red:light-dark(#b42335,#ff9baa);--amber:light-dark(#985d0d,#f1c37a)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 system-ui,-apple-system,sans-serif}header,footer{max-width:960px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:24px;gap:20px}header>a{font-size:22px;font-weight:750;text-decoration:none;color:var(--text)}header span{color:var(--accent)}button{border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);padding:9px 12px;font:inherit;cursor:pointer}a{color:var(--accent)}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}main{max-width:912px;margin:32px auto 64px;padding:0 24px}h1{font-size:clamp(28px,5vw,42px);line-height:1.2;letter-spacing:-.04em;margin:12px 0}h2{font-size:18px;margin:0 0 16px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.16em;color:var(--accent)}.intro,.muted{color:var(--muted)}.intro{max-width:660px}.overall{position:relative;border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:24px 24px 20px 52px;margin:32px 0}.overall h2{margin:0;font-size:20px}.overall p{color:var(--muted);font-size:13px;margin:6px 0 0}.pulse{position:absolute;left:24px;top:34px;width:11px;height:11px;border-radius:50%;background:var(--muted)}body[data-state=operational] .pulse{background:var(--green)}body[data-state=degraded] .pulse{background:var(--amber)}body[data-state=partial_outage] .pulse,body[data-state=major_outage] .pulse{background:var(--red)}section{margin-top:32px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;padding:0}.card>p{margin:0;padding:18px 20px;color:var(--muted)}.component{padding:17px 20px;border-bottom:1px solid var(--border);display:grid;grid-template-columns:1fr auto;gap:6px 20px}.component:last-child{border-bottom:0}.component h3{font-size:14px;margin:0}.component small{font-size:12px;color:var(--muted);grid-column:1/-1;max-width:680px}.badge{font-size:12px;font-weight:650;align-self:start;white-space:nowrap;color:var(--muted)}.badge[data-state=operational]{color:var(--green)}.badge[data-state=degraded]{color:var(--amber)}.badge[data-state=partial_outage],.badge[data-state=major_outage]{color:var(--red)}article{padding:18px 20px;border-bottom:1px solid var(--border)}article:last-child{border:0}article h3{font-size:16px;margin:0 0 5px}article p{margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere}article time{color:var(--muted);font-size:12px}.note{margin-top:30px;padding:20px;border-radius:10px;background:var(--surface);border:1px solid var(--border);color:var(--muted);font-size:13px}footer{border-top:1px solid var(--border);font-size:13px;flex-wrap:wrap}#since{font-size:12px}@media(max-width:520px){header,footer{padding:20px}main{padding:0 20px;margin-top:20px}.component{padding:16px;gap:5px 10px}.component h3{font-size:13px}.badge{font-size:11px}.overall{padding-right:16px}.overall h2{font-size:17px}}
