:root{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#14221d;background:#f3f7f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header,main,footer{width:min(880px,calc(100% - 32px));margin:auto}header{height:84px;display:flex;align-items:center;justify-content:space-between}header a{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-weight:750}header b{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#16835d;color:#fff}header small,.heading span,small{color:#697871}main{display:grid;gap:24px}.hero,section,aside{background:#fff;border:1px solid #dfe8e3;border-radius:20px;padding:28px;box-shadow:0 12px 36px rgba(25,67,51,.06)}.hero{display:flex;align-items:center;gap:22px}.hero p{margin:0 0 5px;color:#64736c}.hero h1{margin:0 0 8px;font-size:clamp(26px,5vw,38px)}.hero span{color:#52625b}.signal{width:18px;height:70px;border-radius:20px;background:#9aa7a1}.status-OPERATIONAL{--status:#159669;--bg:#e8f7f1}.status-DEGRADED,.status-MAINTENANCE{--status:#bd7900;--bg:#fff4d9}.status-PARTIAL_OUTAGE{--status:#df622e;--bg:#fff0e9}.status-MAJOR_OUTAGE{--status:#c93a3a;--bg:#ffeded}.signal[class*=status-]{background:var(--status)}.heading,.component-list article,.timeline article>div{display:flex;align-items:center;justify-content:space-between;gap:16px}.heading h2{margin:0;font-size:20px}.component-list{margin-top:18px}.component-list article{padding:16px 0;border-top:1px solid #edf1ef}.component-list strong{display:block}.component-list p{margin:5px 0 0;color:#6b7972}.badge{color:var(--status,#68766f);background:var(--bg,#eef2f0);padding:6px 10px;border-radius:99px;font-size:13px;white-space:nowrap}.timeline{display:grid;gap:14px;margin-top:18px}.timeline article{border:1px solid #e6ece8;border-radius:14px;padding:18px}.timeline h3{margin:0;font-size:16px}.timeline p{color:#52625b;line-height:1.7}.timeline small{display:block}.timeline .update{border-left:3px solid #c9d9d1;padding-left:12px}.empty{color:#78867f;margin:18px 0 0}.source-note{margin:0;padding:14px 18px;background:#fff1d6;border:1px solid #efca79;border-radius:12px;color:#795400}aside strong{display:block;margin-bottom:8px}aside p{margin:0;color:#617069;line-height:1.7}footer{padding:32px 0 48px;text-align:center;color:#74817b;font-size:13px}@media(max-width:600px){header{height:70px}.hero,section,aside{padding:20px;border-radius:16px}.hero{align-items:flex-start}.signal{height:62px}.heading{align-items:flex-start}.component-list article{align-items:flex-start}}
