.status-main{max-width:62rem;margin:0 auto;padding:3rem 1.5rem 4rem}.status-headline{border:1px solid var(--line,#23261f);border-radius:14px;align-items:center;gap:1rem;margin-bottom:2.5rem;padding:1.75rem;display:flex}.status-headline h1{margin:0 0 .35rem;font-size:clamp(1.4rem,3.2vw,2rem);font-weight:400}.status-headline p{color:var(--muted,#8f968a);margin:0;font-size:.9rem}.status-dot{border-radius:50%;flex:none;width:.85rem;height:.85rem}.status-headline.operational .status-dot{background:#cf0}.status-headline.degraded .status-dot{background:#ffd166}.status-headline.outage .status-dot{background:#ff6b6b}.status-headline.unknown .status-dot{background:#687064}.status-group{margin-bottom:2.5rem}.status-group h2{letter-spacing:.12em;text-transform:uppercase;color:var(--muted,#8f968a);margin:0 0 .9rem;font-size:.75rem;font-weight:400}.status-component,.status-incident{border:1px solid var(--line,#23261f);border-radius:12px;margin-bottom:.75rem;padding:1.25rem}.status-component-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.status-component h3,.status-incident h3{margin:0 0 .25rem;font-size:1rem;font-weight:400}.status-component p{color:var(--muted,#8f968a);margin:0;font-size:.85rem}.status-pill{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border:1px solid;border-radius:999px;flex:none;padding:.3rem .6rem;font-size:.72rem}.status-pill.operational{color:#cf0;background:#1b2204;border-color:#3d4a12}.status-pill.degraded{color:#ffd166;background:#221c04;border-color:#4a3f12}.status-pill.outage{color:#ff6b6b;background:#220808;border-color:#4a1d1d}.status-pill.unknown{color:#8f968a;background:#16180f;border-color:#2b2f28}.status-bars{gap:2px;height:2rem;margin-bottom:.5rem;display:flex}.status-bar{border-radius:2px;flex:1 1 0;min-width:0}.status-bar.operational{background:#cf0}.status-bar.degraded{background:#ffd166}.status-bar.outage{background:#ff6b6b}.status-bar.unknown{background:#23261f}.status-scale{color:var(--muted,#8f968a);justify-content:space-between;font-size:.72rem;display:flex}.status-incident-when{color:var(--muted,#8f968a);margin:0 0 .75rem;font-size:.8rem}.status-incident p{margin:0 0 .5rem;font-size:.9rem;line-height:1.55}.status-note p{color:var(--muted,#8f968a);margin:0 0 .75rem;font-size:.85rem;line-height:1.6}.status-empty{color:var(--muted,#8f968a);font-size:.9rem}@media (max-width:640px){.status-bars{height:1.5rem}.status-component-head{flex-direction:column}}
