.status-page{min-width:0;min-height:100vh;font-size:16px;line-height:1.6}
.status-header,.status-main,.status-footer{width:min(100% - 64px,1080px);margin-inline:auto}
.status-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:32px}
.status-brand{display:block;flex-shrink:0}
.status-logo{position:relative;display:block;overflow:hidden;width:152px;aspect-ratio:266/83}
.status-logo img{position:absolute;inset:0;width:calc(100% * 500 / 266);height:100%;max-width:none}
.status-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--brand-blue);font-size:14px;font-weight:600;text-decoration:none}
.status-back .icon{width:19px;height:19px}
.status-back:hover{text-decoration:underline;text-underline-offset:4px}
.status-intro{margin:48px 0 32px}
.status-intro h1{font-size:36px;line-height:1.25;letter-spacing:-1.2px;margin:0 0 12px;font-weight:700}
.status-intro p{margin:0;color:var(--muted);font-size:16px}
.status-main .infrastructure-status{margin-top:0;padding:28px;background:var(--ludi-surface);border-radius:var(--ludi-radius);box-shadow:0 8px 28px #19365305}
.status-main .infrastructure-heading{margin-bottom:24px}
.status-main .infrastructure-heading h2{font-size:20px;line-height:1.4;letter-spacing:-.4px;margin:0}
.status-main .infrastructure-provider{font-size:12px}
.status-main .infrastructure-grid{gap:16px}
.status-main .infrastructure-card{padding:24px 20px;border-radius:var(--ludi-control-radius);background:var(--ludi-surface-subtle)}
.status-main .infrastructure-card-top{gap:12px;margin-bottom:24px}
.status-main .infrastructure-icon{width:40px;height:40px;border-radius:12px}
.status-main .infrastructure-icon .icon{width:21px;height:21px}
.status-main .infrastructure-card h3{font-size:16px;line-height:1.4;font-weight:650}
.status-main .infrastructure-state{font-size:16px;line-height:1.5;margin:0 0 8px;gap:9px}
.status-main .infrastructure-detail{font-size:14px;line-height:1.6;min-height:46px;max-width:none;margin:0}
.status-main .infrastructure-note{font-size:13px;line-height:1.7;margin:24px 0 0}
.status-footer{padding-block:36px;font-size:13px;color:var(--muted)}
.status-noscript{margin:0 auto 32px;width:min(100% - 48px,1024px);padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--text)}
@media(max-width:1000px){
 .status-main .infrastructure-grid{grid-template-columns:1fr}
 .status-main .infrastructure-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 20px}
 .status-main .infrastructure-card-top{grid-row:1/3;margin:0}
 .status-main .infrastructure-state{justify-self:end;margin:0}
 .status-main .infrastructure-detail{grid-column:2;min-height:0;text-align:right}
}
@media(max-width:680px){
 .status-header,.status-main,.status-footer{width:calc(100% - 40px)}
 .status-header{padding-block:24px;gap:16px;flex-wrap:wrap}
 .status-logo{width:116px}
 .status-back{font-size:13px;gap:6px}
 .status-intro{margin:32px 0 24px}
 .status-intro h1{font-size:28px;letter-spacing:-.8px}
 .status-intro p{font-size:15px}
 .status-main .infrastructure-status{padding:20px 16px}
 .status-main .infrastructure-heading{gap:16px;margin-bottom:20px;align-items:center}
 .status-main .infrastructure-heading h2{font-size:18px}
 .status-main .infrastructure-provider{font-size:12px}
 .status-main .infrastructure-card{display:block;padding:20px}
 .status-main .infrastructure-card-top{margin-bottom:20px}
 .status-main .infrastructure-state{justify-self:start;margin-bottom:8px}
 .status-main .infrastructure-detail{text-align:left}
 .status-main .infrastructure-note{margin-top:20px}
 .status-footer{padding-block:28px}
}
@media(prefers-reduced-motion:reduce){.status-page *, .status-page *::before,.status-page *::after{animation:none!important;transition:none!important}}
@media(forced-colors:active){.status-main .infrastructure-state{color:CanvasText}.status-main .infrastructure-dot{border:1px solid CanvasText}}