:root{--brand:#542dd8;--brand-soft:#f0ecff;--ink:#181526;--muted:#706b7f;--line:#e5e2eb;--surface:#fff;--canvas:#f6f5f9;--success:#16845f;--success-bg:#e8f7f1;--warning:#a5650d;--warning-bg:#fff4d9;--danger:#b43c50;--danger-bg:#fdecef;--shadow:0 .7rem 2.2rem rgba(31,24,56,.07)}
*{box-sizing:border-box}
html{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--canvas);color:var(--ink)}
body{margin:0;min-height:100vh}
a{color:inherit;text-decoration:none}
.status-shell{width:min(92vw,70rem);margin-inline:auto}
.status-header{border-bottom:.0625rem solid var(--line);background:rgba(255,255,255,.93);backdrop-filter:blur(.8rem)}
.status-header .status-shell{display:flex;align-items:center;justify-content:space-between;min-height:4.5rem;gap:1rem}
.status-brand{display:flex;align-items:center;gap:.7rem;font-size:1.25rem;font-weight:850;letter-spacing:-.03em}
.status-brand img{width:2.25rem;height:2.25rem;object-fit:contain}
.status-brand span span{color:var(--brand)}
.status-header nav{display:flex;align-items:center;gap:1rem;font-size:.85rem;font-weight:700}
.status-login{padding:.65rem .9rem;border-radius:.65rem;background:var(--brand);color:#fff}
main{padding-block:clamp(2.5rem,7vw,5rem)}
.status-intro{max-width:46rem;margin-bottom:2rem}
.status-kicker{color:var(--brand);font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.09em}
.status-intro h1{margin:.5rem 0;font-size:clamp(2rem,5vw,3.5rem);line-height:1.05;letter-spacing:-.045em}
.status-intro p{margin:0;color:var(--muted);font-size:clamp(.95rem,1.7vw,1.1rem);line-height:1.65}
.global-status{display:flex;align-items:center;gap:1.1rem;padding:clamp(1.2rem,3vw,1.7rem);border:.0625rem solid #a9dac9;border-radius:1rem;background:linear-gradient(135deg,var(--success-bg),#fff);box-shadow:var(--shadow)}
.global-status.has-incident{border-color:#ead19a;background:linear-gradient(135deg,var(--warning-bg),#fff)}
.global-status.critical{border-color:#e6adb7;background:linear-gradient(135deg,var(--danger-bg),#fff)}
.global-icon{display:grid;place-items:center;flex:0 0 3.2rem;width:3.2rem;height:3.2rem;border-radius:.9rem;background:#fff;color:var(--success);font-size:1.3rem;box-shadow:0 .25rem .8rem rgba(0,0,0,.05)}
.has-incident .global-icon{color:var(--warning)}.critical .global-icon{color:var(--danger)}
.global-status small{color:var(--muted);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.global-status h2{margin:.25rem 0;font-size:clamp(1.05rem,2.6vw,1.4rem)}
.global-status p{margin:0;color:var(--muted);font-size:.85rem}
.status-section{margin-top:clamp(2.2rem,5vw,3.5rem)}
.status-section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.status-section-head h2{margin:.3rem 0 0;font-size:clamp(1.25rem,3vw,1.7rem)}
.status-section-head time{color:var(--muted);font-size:.75rem}
.component-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
.component{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:1rem;border:.0625rem solid var(--line);border-radius:.8rem;background:var(--surface);box-shadow:0 .25rem .8rem rgba(31,24,56,.035)}
.component strong{font-size:.87rem}.component span{display:flex;align-items:center;gap:.35rem;color:var(--success);font-size:.72rem;font-weight:800}.component.affected span{color:var(--warning)}
.public-incident-list{display:grid;gap:1rem}
.public-incident{padding:clamp(1.1rem,3vw,1.5rem);border:.0625rem solid var(--line);border-radius:1rem;background:var(--surface);box-shadow:var(--shadow)}
.incident-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.incident-top h3{margin:.45rem 0 .3rem;font-size:1.05rem}.incident-top p{margin:0;color:var(--muted);font-size:.8rem}
.badge{display:inline-flex;padding:.35rem .55rem;border-radius:2rem;background:var(--warning-bg);color:var(--warning);font-size:.68rem;font-weight:850;white-space:nowrap}.badge.resolved{background:var(--success-bg);color:var(--success)}.badge.scheduled{background:var(--brand-soft);color:var(--brand)}
.incident-message{margin:1rem 0;color:#494354;font-size:.88rem;line-height:1.65;white-space:pre-wrap}
.timeline{display:grid;margin-top:1rem}.timeline-item{display:grid;grid-template-columns:.9rem minmax(0,1fr);gap:.65rem;padding-bottom:.85rem}.timeline-dot{position:relative;width:.6rem;height:.6rem;margin-top:.25rem;border:.12rem solid var(--brand);border-radius:50%;background:#fff}.timeline-item:not(:last-child) .timeline-dot:after{content:"";position:absolute;top:.5rem;left:.14rem;width:.06rem;height:calc(100% + .85rem);background:var(--line)}
.timeline-item strong,.timeline-item time{display:block}.timeline-item strong{font-size:.8rem}.timeline-item time{margin:.1rem 0;color:var(--muted);font-size:.68rem}.timeline-item p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.5;white-space:pre-wrap}
.empty{padding:2.5rem 1rem;border:.0625rem dashed var(--line);border-radius:1rem;background:var(--surface);text-align:center}.empty i{color:var(--success);font-size:2rem}.empty h3{margin:.8rem 0 .3rem}.empty p{margin:0;color:var(--muted)}
footer{margin-top:2rem;border-top:.0625rem solid var(--line);background:var(--surface)}footer .status-shell{display:flex;justify-content:space-between;gap:1rem;padding-block:1.4rem;color:var(--muted);font-size:.78rem}
@media(max-width:48em){.component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:34em){.status-header nav>a:first-child{display:none}.component-grid{grid-template-columns:1fr}.global-status,.incident-top{align-items:flex-start;flex-wrap:wrap}.status-section-head{align-items:flex-start;flex-direction:column}footer .status-shell{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}