.sto-status-page .status-overall{display:block;margin:2px 0 8px;color:var(--steel2);font-size:clamp(40px,4.9vw,64px);font-weight:950;letter-spacing:-.04em;line-height:.94;text-transform:uppercase}
.sto-status-page .status-overall.is-online{color:var(--green)}
.sto-status-page .status-overall.is-warning{color:var(--amber);font-size:clamp(24px,3.15vw,42px);letter-spacing:-.025em;line-height:.96;white-space:nowrap}
.sto-status-page .status-overall.is-down{color:var(--red)}
.sto-status-page .status-overall.is-unavailable{color:var(--text-muted);font-size:clamp(23px,2.75vw,36px);letter-spacing:-.02em;line-height:1;white-space:nowrap}
.sto-status-page .status-readout-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:15px;padding-top:12px;border-top:1px solid var(--line-soft);color:var(--text-muted);font-size:11.5px;line-height:1.35}
.sto-status-page .status-state{display:inline-flex;align-items:center;gap:8px;color:var(--steel2);font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.sto-status-page .status-state::before{content:"";width:7px;height:7px;flex:0 0 7px;border:1px solid var(--border-control);background:var(--steel);box-shadow:0 0 9px rgba(91,166,210,.24);transform:rotate(45deg)}
.sto-status-page .status-state.is-online::before{border-color:var(--status-live-border);background:var(--green);box-shadow:0 0 9px rgba(66,225,105,.28)}
.sto-status-page .status-state.is-warning::before{border-color:#8b6a1c;background:var(--amber);box-shadow:0 0 9px rgba(240,173,63,.20)}
.sto-status-page .status-state.is-down::before{border-color:#772d29;background:var(--red);box-shadow:0 0 9px rgba(215,71,63,.22)}
.sto-status-page .status-state.is-unavailable::before{border-color:#635c48;background:#7c7258;box-shadow:none}
.sto-status-page .service-status{display:inline-flex;align-items:center;gap:7px;color:var(--text-muted);font-size:10px!important;font-weight:950;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}
.sto-status-page .service-status::before{content:"";width:7px;height:7px;flex:0 0 7px;border:1px solid var(--border-control);background:var(--steel);transform:rotate(45deg)}
.sto-status-page .service-status.is-up{color:var(--green)}
.sto-status-page .service-status.is-up::before{border-color:var(--status-live-border);background:var(--green)}
.sto-status-page .service-status.is-down{color:var(--red)}
.sto-status-page .service-status.is-down::before{border-color:#772d29;background:var(--red)}
.sto-status-page .service-status.is-unavailable{color:var(--text-muted)}
.sto-status-page .service-status.is-unavailable::before{border-color:#635c48;background:#7c7258}
.sto-status-page .steam-support-number{color:var(--gold);font-variant-numeric:tabular-nums}
.sto-status-page .status-source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sto-status-page .status-source-grid .story-panel{height:100%}
.sto-status-page .status-source-grid h3{font-size:19px}
.sto-status-page .status-source-grid p{font-size:14px}
.sto-status-page .status-target{color:var(--steel2);font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;font-size:12px;overflow-wrap:anywhere}
.sto-status-page .status-scope{margin-top:18px}

/* Main status layout: one decisive result left, five compact live signals right. */
.sto-status-page .status-dashboard-panel{margin:0;padding:0;border:0;background:none;box-shadow:none}
.sto-status-page .status-dashboard{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);gap:14px;align-items:stretch}
.sto-status-page .status-hero-card{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:26px 24px 22px;border-left:5px solid var(--gold);background:linear-gradient(120deg,rgba(7,26,38,.98),rgba(3,15,23,.96));box-shadow:inset 0 0 0 1px var(--line-soft)}
.sto-status-page .status-hero-copy{margin:10px 0 0;color:var(--text-secondary);font-size:14px;line-height:1.5}
.sto-status-page .status-hero-card .status-readout-meta{margin-top:16px}
.sto-status-page .status-mini-stack{display:grid;grid-template-columns:1fr;gap:7px;min-width:0}
.sto-status-page .status-mini-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:14px;min-width:0;padding:10px 13px 10px 14px;border-left:3px solid var(--steel);background:linear-gradient(110deg,rgba(8,30,45,.98),rgba(4,18,27,.98));box-shadow:inset 0 0 0 1px var(--line-soft)}
.sto-status-page .status-mini-card .label{display:block;margin-bottom:2px;color:var(--steel2);font-size:9.5px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.sto-status-page .status-mini-card strong{display:block;color:var(--text-strong);font-size:15.5px;line-height:1.18}
.sto-status-page .status-mini-card p{margin:3px 0 0;color:var(--text-muted);font-size:11.5px;line-height:1.35}
.sto-status-page .status-mini-card .service-status{position:static;align-self:center;justify-self:end;flex:0 0 auto}
.sto-status-page .status-mini-card.is-steam{border-left-color:var(--gold)}
.sto-status-page .status-mini-card.is-steam .steam-support-number{color:var(--gold)}
.sto-status-page .status-dashboard-panel .current-source-line{margin-top:13px}

@media (max-width:900px){
  .sto-status-page .status-dashboard{grid-template-columns:1fr}
  .sto-status-page .status-hero-card{justify-content:flex-start}
  .sto-status-page .status-mini-stack{gap:7px}
  .sto-status-page .status-source-grid{grid-template-columns:1fr}
}
@media (max-width:560px){
  .sto-status-page .status-overall{font-size:40px}
  .sto-status-page .status-overall.is-warning{font-size:clamp(24px,8.3vw,31px)}
  .sto-status-page .status-overall.is-unavailable{font-size:clamp(20px,6.8vw,26px)}
  .sto-status-page .status-hero-card{padding:18px 16px 16px}
  .sto-status-page .status-mini-card{grid-template-columns:1fr;padding:11px 12px}
  .sto-status-page .status-mini-card .service-status{justify-self:start;margin-top:5px}
}