*{box-sizing:border-box}body{margin:0;color:#191f28;background:#fff;font-family:'Wanted Sans',system-ui,sans-serif;line-height:1.6}header,footer{max-width:1200px;margin:auto;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:24px}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.brand{font-size:26px;font-weight:800;color:#3182f6}main{max-width:1000px;padding:32px;margin:auto}h1{font-size:40px;line-height:1.3;margin:16px 0}h2{font-size:22px;margin:0 0 20px}section{margin:40px 0}.muted{color:#6b7684}#overall{border:1px solid #e5e8eb;background:#f9fafb;border-radius:20px;padding:28px}#overall[data-state=outage]{background:#fff4f4}#overall[data-state=degraded],#overall[data-state=maintenance]{background:#fff9ed}#overall h2{font-size:26px}button{font:inherit;border:1px solid #d1d6db;background:#fff;border-radius:10px;padding:8px 16px;cursor:pointer}button:hover{background:#f2f4f6}:focus-visible{outline:3px solid #3182f6;outline-offset:3px}ul{padding:0;list-style:none;border:1px solid #e5e8eb;border-radius:16px;overflow:hidden}li{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e5e8eb}li:last-child{border-bottom:0}small{display:block;font-size:12px}.badge{font-size:14px;white-space:nowrap}.badge:before{content:'●';padding-right:6px}[data-state=operational].badge{color:#087f5b}[data-state=unknown].badge{color:#6b7684}[data-state=outage].badge{color:#c92a2a}[data-state=degraded].badge,[data-state=maintenance].badge{color:#966100}details{padding:20px 0;border-bottom:1px solid #e5e8eb}summary{cursor:pointer;display:flex;gap:20px;justify-content:space-between}summary:after{content:'⌄'}.timeline{border-left:2px solid #e5e8eb;padding:0 0 16px 20px;margin-top:16px}.timeline time{display:block;font-size:12px;color:#6b7684}.timeline p{white-space:pre-wrap;overflow-wrap:anywhere}.scope{font-size:13px}footer{font-size:14px;justify-content:flex-start;border-top:1px solid #e5e8eb}@media(max-width:600px){header,footer{padding:20px;gap:16px;flex-wrap:wrap}main{padding:20px}h1{font-size:32px}#overall{padding:20px}#overall h2{font-size:21px}li{padding:16px}summary{flex-wrap:wrap;gap:8px}.brand{font-size:22px}}
