/* /status board. Hooks kept: #status-list, #status-wait, .status-flag.is-up|down|info (status.js). */
.status-page main.page{padding-bottom:88px}
.sb{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:start;padding-top:28px}
.sb-k{font:500 12px/1 var(--mono,ui-monospace,monospace);letter-spacing:.16em;text-transform:uppercase;color:var(--accent,#FF3D14);margin:0 0 18px}
.status-page h1.sb-h1{max-width:none;margin:0;font:800 clamp(44px,8vw,116px)/.9 var(--f-display),var(--sans);letter-spacing:-.05em;color:#fff;text-transform:uppercase}
.sb-h1 span{color:var(--accent,#FF3D14)}
.status-page .sb-lead{margin:24px 0 0;max-width:34em;color:#c8c8c8;font:400 17px/1.5 var(--sans)}
.sb-meta{margin:28px 0 0;display:flex;flex-wrap:wrap;gap:10px}
.sb-chip{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border:1px solid rgba(255,255,255,.18);border-radius:4px 14px 14px 14px;font:500 12px/1 var(--mono,ui-monospace,monospace);letter-spacing:.08em;text-transform:uppercase;color:#e2e2e2}
.sb-chip b{color:#fff;font-weight:600}
.status-page .status-wait{margin:0 0 14px;color:#9a9a9a;font:500 13px/1.4 var(--mono,ui-monospace,monospace);letter-spacing:.08em;text-transform:uppercase;min-height:18px}
.status-page .status-list{max-width:none;margin:0;border:0;border-radius:0;overflow:visible;display:grid;gap:12px}
.status-page .status-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 18px;align-items:center;min-height:0;padding:20px 22px;border:1px solid rgba(255,255,255,.16);border-radius:6px 20px 20px 20px;background:rgba(255,255,255,.03)}
.status-page .status-list li:first-child{border-top:1px solid rgba(255,255,255,.16)}
.status-page .status-name{display:block;font:800 clamp(22px,2.4vw,30px)/1 var(--f-display),var(--sans);letter-spacing:-.04em;color:#fff}
.status-page .status-note{display:block;margin-top:8px;color:#b4b4b4;font:400 14px/1.45 var(--sans)}
.status-page .status-flag{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.22);font:600 12px/1 var(--mono,ui-monospace,monospace);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.status-page .status-flag::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.status-page .is-up{color:#fff}
.status-page .is-up::before{background:#fff;animation:sbp 2.4s ease-in-out infinite}
.status-page .is-down{color:#fff;background:var(--accent,#FF3D14);border-color:var(--accent,#FF3D14)}
.status-page .is-info{color:#b4b4b4;border-style:dashed}
@keyframes sbp{0%,100%{opacity:1}50%{opacity:.3}}
@media (prefers-reduced-motion:reduce){.status-page .is-up::before{animation:none}}
.sb-band{margin:56px 0 0;padding:34px 30px;border-radius:22px;background:#FF3D14;color:#fff;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr) auto;gap:16px 32px;align-items:center}
.sb-band h2{margin:0;font:800 clamp(24px,2.8vw,38px)/1 var(--f-display),var(--sans);letter-spacing:-.05em}
.sb-band p{margin:0;font:500 16px/1.45 var(--sans)}
@media (max-width:900px){.sb{grid-template-columns:1fr;gap:36px}.sb-band{grid-template-columns:1fr}}
@media (max-width:520px){.status-page .status-list li{grid-template-columns:1fr;padding:18px 16px}.status-page .status-flag{justify-self:start}.sb-band{padding:26px 20px}}