:root{color-scheme:light dark;--bg:#f8faf9;--surface:#fff;--text:#23352c;--muted:#68776f;--border:#e0e7e2;--green:#228458;--grey:#cbd5cf}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.6}main{max-width:850px;margin:60px auto;padding:0 24px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px;color:var(--muted)}a{color:inherit}.brand{font-size:25px;font-weight:700;text-decoration:none;letter-spacing:-.8px}.banner{display:flex;align-items:center;gap:16px;padding:23px 28px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}h1{font-size:23px;font-weight:600;letter-spacing:-.4px;margin:0}.dot{width:12px;height:12px;border-radius:50%;background:var(--grey)}.operational .dot,.bar.operational{background:var(--green)}.degraded .dot,.partial_outage .dot,.bar.degraded,.bar.partial_outage{background:#d6a329}.major_outage .dot,.bar.major_outage{background:#cf5c52}.maintenance .dot,.bar.maintenance{background:#5387d6}.intro{color:var(--muted);font-size:14px;margin:18px 0 32px}.service{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px 28px;margin-bottom:16px}.service-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:20px}h2{font-size:18px;margin:0}h3{font-size:17px;margin:5px 0 12px}.service-heading span,.history-labels,.incident-date,footer{font-size:12px;color:var(--muted)}.history{display:flex;gap:3px;height:34px}.bar{flex:1;border-radius:2px;background:var(--grey)}.history-labels{display:flex;justify-content:space-between;margin-top:8px}.incidents{margin-top:42px}.incidents>p{font-size:15px;color:var(--muted)}article{border-bottom:1px solid var(--border);padding:25px 0}article p{font-size:14px}footer{display:flex;justify-content:space-between;gap:18px;margin-top:55px;border-top:1px solid var(--border);padding-top:20px}@media(max-width:560px){main{margin:30px auto;padding:0 18px}header{display:block}.brand{display:block}h1{font-size:19px}.banner,.service{padding:20px}.service-heading{display:block}.history{gap:2px}footer{flex-wrap:wrap}}@media(prefers-color-scheme:dark){:root{--bg:#14211a;--surface:#1b2a21;--text:#e3ede6;--muted:#a5b8ac;--border:#31463a;--green:#55b581;--grey:#42564a}}