:root{color-scheme:light;--ink:#192f2b;--muted:#6b7973;--line:#e2e8e2;--green:#16805d;--amber:#a96913;--red:#be4242;--blue:#4f6f93;--paper:#f8faf6}*{box-sizing:border-box}body{margin:0;background:var(--paper);font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);font-size:15px;line-height:1.5}a{color:inherit}header,main,footer{width:min(920px,calc(100% - 48px));margin:auto}header{display:flex;justify-content:space-between;align-items:center;height:108px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:23px;font-weight:750;letter-spacing:-1px}.brand-logo{display:block;width:184px;height:auto}.divider{font-size:23px;color:#cad3cb;font-weight:300;margin:0 5px}.subbrand{font-size:17px;color:var(--muted);font-weight:450;letter-spacing:0}.back{text-decoration:none;font-size:13px}.back span{margin-left:10px}main{padding-top:62px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--green);margin:0 0 19px}h1{font-size:clamp(36px,6vw,56px);line-height:1.1;letter-spacing:-2px;font-weight:600;margin:0 0 20px}.intro{color:var(--muted);font-size:16px;margin:0 0 38px}.summary{display:flex;align-items:center;gap:18px;padding:25px 27px;background:#eef2ec;border:1px solid #d9e1d7;border-radius:12px;margin-bottom:43px}.summary.operational{background:#eaf4ec;border-color:#cce4d2}.summary.degraded{background:#fff6e8;border-color:#eedabb}.summary.outage{background:#fff0ed;border-color:#eccfc8}.summary.maintenance{background:#eef3f8;border-color:#d3dfeb}.signal{width:12px;height:12px;border-radius:50%;background:#8c9690;box-shadow:0 0 0 7px #8c969018;flex-shrink:0}.operational .signal{background:var(--green);box-shadow:0 0 0 7px #16805d12}.degraded .signal{background:var(--amber)}.outage .signal{background:var(--red)}.maintenance .signal{background:var(--blue);box-shadow:0 0 0 7px #4f6f9318}h2{font-size:17px;letter-spacing:-.3px;margin:0;font-weight:600}.summary p{font-size:12px;color:var(--muted);margin:4px 0 0}.live{font-size:9px;letter-spacing:1.1px;margin-left:auto;color:var(--muted);white-space:nowrap}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-heading>span{font-size:11px;color:var(--muted)}.legend{display:inline-block;width:26px;height:1px;background:#bac8bc;vertical-align:middle;margin:0 7px}.services{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.service{padding:24px 26px}.service+.service{border-top:1px solid var(--line)}.service-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.service h3{font-size:15px;font-weight:600;margin:0}.description{font-size:12px;color:var(--muted);margin:4px 0 18px}.badge{font-size:11px;white-space:nowrap;display:flex;align-items:center;gap:6px;color:var(--muted)}.badge:before{content:'';height:6px;width:6px;border-radius:50%;background:currentColor}.badge.operational{color:var(--green)}.badge.degraded{color:var(--amber)}.badge.outage{color:var(--red)}.badge.maintenance{color:var(--blue)}.bars{display:grid;grid-template-columns:repeat(30,1fr);gap:4px}.bar{height:25px;background:#edf0eb;border-radius:3px;border:0;padding:0;cursor:help}.bar.observed{background:#70ad88;position:relative;overflow:hidden}.bar-segment{position:absolute;left:0;right:0;display:block;pointer-events:none}.bar-segment.degraded{background:#e6b563}.bar-segment.outage{background:#d7776a}.bar-segment.maintenance{background:#8fa6c1}.bar:focus-visible,a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.stats{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-top:10px}.method{color:var(--muted);font-size:11px;margin:15px 0 0;max-width:710px}.incidents-heading{margin-top:42px}.incidents{border-top:1px solid var(--line)}.empty{font-size:13px;color:var(--muted);padding:24px 0;margin:0}.services>.empty{padding:24px}.incident{padding:18px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}.incident strong{font-size:13px;font-weight:600}.incident p{font-size:11px;color:var(--muted);margin:4px 0 0}.incident>span{font-size:11px;color:var(--muted);white-space:nowrap}aside{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:32px;padding:30px 0}aside strong{font-size:14px;font-weight:600}aside p{font-size:12px;color:var(--muted);margin:5px 0 0}aside a{font-size:12px;text-decoration:none;border:1px solid #d4ddd3;border-radius:7px;padding:9px 14px;background:white;white-space:nowrap}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;color:var(--muted);padding:24px 0 35px;gap:25px}footer>span:last-child{text-align:right}.notice{color:var(--red)}[hidden]{display:none!important}.key{list-style:none;display:flex;flex-wrap:wrap;gap:6px 16px;padding:0;margin:14px 0 0;font-size:11px;color:var(--muted)}.key li{display:flex;align-items:center;gap:6px}.swatch{width:10px;height:10px;border-radius:2px;display:inline-block}.swatch.ok{background:#70ad88}.swatch.degraded{background:#e6b563}.swatch.outage{background:#d7776a}.swatch.maintenance{background:#8fa6c1}.swatch.none{background:#edf0eb;border:1px solid #dfe5de}.staging-heading{margin-top:42px}.maint-box{margin:-20px 0 43px}.window{display:flex;justify-content:space-between;gap:20px;padding:16px 20px;background:#eef3f8;border:1px solid #d3dfeb;border-radius:10px}.window+.window{margin-top:8px}.window strong{font-size:13px;font-weight:600}.window p{font-size:11px;color:var(--muted);margin:4px 0 0}.window-state{font-size:11px;color:var(--blue);white-space:nowrap}.window-state.active{font-weight:600}.incident.planned strong{color:var(--blue)}@media(max-width:600px){header,main,footer{width:calc(100% - 32px)}header{height:80px}.brand{gap:8px}.brand-logo{width:140px}.back{font-size:11px}main{padding-top:38px}h1{letter-spacing:-1.4px}.summary{padding:22px 19px}.live{display:none}.service{padding:21px 18px}.bars{gap:3px}.bar{height:23px;border-radius:2px}.section-heading>span{font-size:10px}aside{gap:18px}aside p{max-width:210px}footer{font-size:9px}.incident{gap:10px}}
