.platform-status {max-width:960px;margin:auto;}
.platform-status-heading {max-width:680px;margin:20px 0 30px;}
.platform-status-heading h1 {font-size:clamp(30px,4.5vw,48px);line-height:1.4;margin:12px 0;}
.platform-status-heading p,.platform-status-explanation {color:var(--text-dim);line-height:1.9;}
.platform-status-toolbar,.platform-status-card-heading {display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.platform-status-toolbar {margin:20px 0;}
.platform-status-toolbar p {font-size:13px;color:var(--text-muted);}
.platform-status-toolbar button {min-height:44px;}
.platform-status-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
body.landing-page .platform-status-card {padding:24px;margin:0;}
.platform-status-card h2 {font-size:20px;}
.platform-status-card p {font-size:15px;line-height:1.9;color:#fff;margin:18px 0;}
.platform-state {border:1px solid var(--border-bright);border-radius:30px;padding:5px 12px;font-size:12px;white-space:nowrap;}
.platform-state::before {content:'●';margin-inline-end:6px;}
.platform-state[data-state="reachable"]::before {color:var(--ui-green);}
.platform-state[data-state="maintenance"]::before {color:var(--ui-gold);}
.platform-state[data-state="unavailable"]::before {color:var(--danger);}
.platform-status-notice {border:1px solid var(--border-bright);border-radius:14px;background:var(--surface);padding:14px 18px;line-height:1.9;margin-bottom:20px;}
.platform-status-explanation {font-size:13px;margin-top:24px;max-width:760px;}
/* Status surfaces keep the same dark-card identity in the light palette. */
html[data-theme="light"] body.landing-page :is(.platform-status-card,.platform-status-notice) {
  --surface:#101010;--surface2:#181818;--surface3:#222;
  --text:#f4f3ef;--text-dim:#b8b8b8;--text-muted:#aaa;
  --border:#303030;--border-bright:#404040;--border-hi:#454545;
  --ui-green:#83d5b7;--ui-gold:#e6c38a;
  background:#080808!important;color:var(--text);border-color:var(--border)!important;box-shadow:none!important;
}
html[data-theme="light"] body.landing-page #platformStatusRefresh {
  background:#080808!important;color:#f4f3ef!important;border-color:#383838!important;box-shadow:none!important;
}
html[data-theme="light"] body.landing-page #platformStatusRefresh:hover {background:#252525!important;}
@media(max-width:650px) {.platform-status-grid {grid-template-columns:1fr;}.platform-status-heading {margin-top:8px;}body.landing-page .platform-status-card {padding:20px;}}