/* Status page */
.stx{--pane-pad:26px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 40px;width:100%;margin-top:44px;text-align:start}
.stx__main{display:flex;align-items:center;gap:18px}
.stx__ok{display:grid;place-items:center;width:58px;height:58px;border-radius:20px;color:#04201a;background:linear-gradient(180deg,#b6ffe4,#5ce6b4);box-shadow:0 0 50px -6px rgba(116,240,196,.6)}
.stx__ok .ic{width:28px;height:28px;stroke-width:2.6}
.stx__main strong{display:block;font-size:clamp(20px,2.2vw,26px);letter-spacing:-.04em;margin-bottom:8px}
.stx__live{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font:400 12.5px/1 var(--ff-mono);color:var(--ink-3)}
.stx__stats{display:flex;flex-wrap:wrap;gap:clamp(18px,3vw,44px)}
.stx__stats div{display:grid;gap:6px}
.stx__stats b{font:650 clamp(24px,2.6vw,32px)/1 var(--ff);letter-spacing:-.05em}
.stx__stats span{font-size:12px;color:var(--ink-3)}
.stx__hist{margin-top:clamp(28px,4vw,44px)}
.stx__sub{margin-inline-start:10px;font:400 14px var(--ff-mono);letter-spacing:0;color:var(--ink-3)}
.stx__foot{margin-top:30px;font-size:13px;color:var(--ink-4)}
.planned{display:flex;align-items:center;gap:14px;margin-bottom:34px;padding:16px 20px;border-radius:var(--r-md);background:rgba(255,196,112,.07);border:1px solid rgba(255,196,112,.22);font-size:14px;color:var(--ink-2)}
.planned:empty{display:none}
.planned .tag{color:var(--amber);background:rgba(255,196,112,.1);border-color:rgba(255,196,112,.28)}
.planned strong{display:block;color:#fff;margin-bottom:3px}
.planned .cc{margin-inline-end:6px;width:20px;height:14px;border-radius:3px;vertical-align:-2px}
#stFilter{margin:26px 0 22px}
#stFilter .chip em{font:500 11px var(--ff-mono);font-style:normal;margin-inline-start:8px;color:var(--ink-4)}
#stFilter .chip.is-on em{color:#04131f;opacity:.6}
.nodes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.node{--pane-pad:18px;display:grid;gap:14px}
.node[hidden]{display:none}
.node__head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.node__id{display:flex;align-items:center;gap:10px}
.node__id .cc{width:28px;height:20px;border-radius:4px}
.node__id b{font-size:15.5px;letter-spacing:-.02em}
.node__head .tag{height:22px;font-size:10.5px}
.node__chips{display:flex;flex-wrap:wrap;gap:6px}
.node__chips span{padding:4px 9px;border-radius:8px;font:500 10.5px/1 var(--ff-mono);color:var(--ink-3);background:rgba(255,255,255,.06);border:1px solid var(--edge)}
.node__bars{position:relative;height:30px}
.node__bars i{position:absolute;top:0;bottom:0;border-radius:2px;background:linear-gradient(180deg,#8ff5d1,#34c995);opacity:.9}
.node__bars i.minor{background:linear-gradient(180deg,#ffe3a6,#ffc470)}
.node__bars i.degraded{background:linear-gradient(180deg,#ffbf8f,#ff9355)}
.node__bars i.major{background:linear-gradient(180deg,#ffb0b0,#ff6e6e)}
.node__foot{display:flex;justify-content:space-between;gap:8px;font:400 11px var(--ff-mono);color:var(--ink-4)}
.node__foot b{color:var(--mint);font-weight:500}
.inc{--pane-pad:22px;margin-bottom:12px}
.inc__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.inc__head strong{display:flex;align-items:center;gap:10px;font-size:16.5px;letter-spacing:-.02em}
.inc__head .cc{width:24px;height:17px;border-radius:3px}
.inc__meta{display:flex;flex-wrap:wrap;gap:6px 8px;margin-top:8px;font:400 12px var(--ff-mono);color:var(--ink-3)}
.inc__badge{flex:none;padding:6px 12px;border-radius:999px;font:600 11px/1 var(--ff);color:var(--amber);background:rgba(255,196,112,.1);border:1px solid rgba(255,196,112,.28)}
.inc__badge.minor{color:var(--ice);background:rgba(168,220,255,.1);border-color:rgba(168,220,255,.28)}
.inc__tl{display:grid;gap:12px;padding-inline-start:4px}
.inc__tl>div{display:flex;gap:14px;font-size:13.5px;line-height:1.55;color:var(--ink-2)}
.inc__tl i{flex:none;width:10px;height:10px;margin-top:6px;border-radius:50%;background:var(--ink-4)}
.inc__tl i.red{background:var(--rose);box-shadow:0 0 12px var(--rose)}.inc__tl i.yellow{background:var(--amber)}.inc__tl i.green{background:var(--mint)}
.inc__tl b{color:#fff}
@media(max-width:1000px){.nodes{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.nodes{grid-template-columns:1fr}.stx__stats{width:100%}}