/* Service status follows the existing public contact typography and palette. */
.status-shell{max-width:900px;margin:auto;padding:24px}
.status-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}
.status-nav img{width:160px;height:auto}
.status-nav a,.status-footer a{min-height:44px;display:inline-flex;align-items:center}
.status-nav a:last-child,.status-footer a{color:var(--purple)}
.status-nav a:hover,.status-footer a:hover{text-decoration:underline}
.status-main{padding-block:48px 64px}
.status-main h1{font-size:clamp(2.25rem,6vw,3.5rem);margin-bottom:16px}
.status-intro{max-width:660px;color:var(--muted);margin-bottom:32px}
.status-overview{background:#f7f5f8;border:1px solid var(--line);border-radius:18px;padding:24px;margin-block:24px 32px}
.status-overview h2{font-size:clamp(1.25rem,3vw,1.5rem);line-height:1.35;margin-bottom:12px}
.status-overview p{margin-bottom:0;color:#59515e}
.status-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:20px;font-size:.875rem;color:#59515e}
.status-refresh{min-height:44px;padding:8px 16px;border:1px solid #a293ad;border-radius:999px;background:#fff;color:var(--purple);font:inherit;cursor:pointer}
.status-refresh:disabled{color:#6c6670;cursor:wait}
.status-section-heading{font-size:1.5rem;line-height:1.3;margin-bottom:8px}
.status-section-note{color:var(--muted);font-size:.9375rem;margin-bottom:24px}
.status-components{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.status-component{padding:22px 0;border-bottom:1px solid var(--line)}
.status-component-top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.status-component h3{font-size:1rem;letter-spacing:0;line-height:1.45;margin:0}
.status-state{display:inline-flex;align-items:center;gap:8px;padding:5px 10px;border-radius:999px;background:#f0edf2;color:#53485c;font-size:.8125rem;font-weight:600;line-height:1.5;text-align:right;flex-shrink:0}
.status-state::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}
.status-component[data-state="operational"] .status-state{background:#edf4ed;color:#285b38}
.status-component[data-state="degraded_performance"] .status-state{background:#fff1d6;color:#77520b}
.status-component[data-state="partial_outage"] .status-state{background:#fff0e6;color:#8a420e}
.status-component[data-state="major_outage"] .status-state{background:#faeaea;color:#923333}
.status-component[data-state="maintenance"] .status-state{background:#ede9f7;color:#5a407c}
.status-component-message{font-size:.875rem;color:#59515e;margin:8px 0 0}
.status-component-updated{font-size:.8125rem;color:#59515e;margin:6px 0 0}
.status-help{margin-top:36px;color:var(--muted);font-size:.9375rem;max-width:720px}
.status-help a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}
.status-footer{display:flex;flex-wrap:wrap;gap:12px 24px;border-top:1px solid var(--line);font-size:.875rem}
.status-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
[hidden]{display:none!important}
@media(max-width:520px){.status-shell{padding-inline:20px}.status-main{padding-block:36px 48px}.status-nav img{width:140px}.status-nav{gap:16px;font-size:.875rem}.status-overview{padding:20px}.status-component-top{align-items:start;flex-direction:column;gap:10px}.status-state{text-align:left}.status-meta{align-items:start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.status-refresh{transition:none}}