.status-page{padding:var(--space-xl) 0 var(--space-2xl);background:var(--color-surface-alt)}
.status-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap}.status-hero h1{margin-top:.4rem}
.status-overall{display:inline-flex;align-items:center;gap:.55rem;padding:.55rem .85rem;background:var(--color-success-bg);color:var(--color-success);border-radius:var(--radius-pill);font-weight:700;font-size:.75rem}
.status-overall .status-dot{background:currentColor}
.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-top:var(--space-lg)}
.status-component{padding:var(--space-md)}.status-component__head{display:flex;justify-content:space-between;gap:1rem}.status-component h2{font-size:.95rem}.status-component p{font-size:.75rem;color:var(--color-text-soft);margin-top:.25rem}.status-bar{height:5px;background:var(--color-success-bg);border-radius:99px;margin-top:1rem}.status-bar span{display:block;width:100%;height:100%;background:var(--color-success);border-radius:inherit}
.status-history{margin-top:var(--space-xl)}.incident{display:grid;grid-template-columns:7rem 1fr auto;gap:1rem;align-items:center;padding:.9rem 0;border-bottom:1px solid var(--color-border);font-size:.76rem}.incident p{color:var(--color-text-soft)}
@media(max-width:700px){.status-grid{grid-template-columns:1fr}.incident{grid-template-columns:1fr}}
