:root{--ink:#0F2621;--paper:#F5F2E9;--card:#FFFDF7;--signal:#17B981;--line:#E2DCCB;--muted:#5B6B63;--warn:#C98A0E;--bad:#C2410C}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
.top{max-width:840px;margin:0 auto;padding:22px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.brand{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.3rem;letter-spacing:-.5px;text-decoration:none}
.brand span{color:var(--signal)}
.wrap{max-width:840px;margin:0 auto;padding:10px 20px 80px}
h1{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(26px,5vw,40px);line-height:1.1;margin:10px 0 6px;letter-spacing:-.8px}
.sub{color:var(--muted);margin:0 0 26px;line-height:1.6}
.banner{display:flex;align-items:center;gap:13px;background:var(--card);border:1px solid var(--line);border-left:5px solid var(--signal);border-radius:14px;padding:18px 20px;margin-bottom:26px}
.banner.degraded{border-left-color:var(--warn)}
.banner.down{border-left-color:var(--bad)}
.banner b{font-family:'Bricolage Grotesque',sans-serif;font-size:1.15rem}
.banner p{margin:3px 0 0;color:var(--muted);font-size:.9rem}
.dot{width:13px;height:13px;border-radius:50%;background:var(--signal);flex:0 0 auto}
.dot.degraded{background:var(--warn)}
.dot.down{background:var(--bad)}
.svc{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-bottom:10px}
.svc .row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.svc .nm{font-weight:700}
.state{font-size:.84rem;font-weight:700;color:var(--signal)}
.state.bad{color:var(--bad)}
.meta{font-size:.8rem;color:var(--muted)}
.bars{display:flex;gap:2px;margin-top:12px;height:26px;align-items:flex-end}
.bars i{flex:1;min-width:2px;border-radius:2px;background:var(--signal);height:100%;opacity:.85}
.bars i.bad{background:var(--bad)}
.scale{display:flex;justify-content:space-between;font-size:.72rem;color:var(--muted);margin-top:5px}
.foot{margin-top:30px;font-size:.85rem;color:var(--muted);line-height:1.7}
.foot a{color:var(--signal);font-weight:600}
.load{color:var(--muted);padding:30px 0}