.status-page {
  width: min(88vw, 760px);
  min-height: 100svh;
  padding: clamp(32px, 7vh, 72px) 0;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 22px;
  opacity: 1;
}
.status-page__header { margin-bottom: 8px; }
.status-page__header .eyebrow { margin-bottom: 14px; }
.status-page__header h1 { color: #dcecf5; font-size: clamp(2.3rem, 9vw, 5.2rem); letter-spacing: .14em; margin: 0 0 8px; }
.status-page__intro, .status-summary__copy, .status-scope, .status-row__copy { color: #8ca2b1; line-height: 1.6; }
.status-page__intro { margin: 0; }
.status-summary {
  display: grid;
  grid-template-columns: minmax(128px, .55fr) minmax(180px, 1fr);
  align-items: center;
  gap: 18px;
  padding: 22px 24px;
  border: 1px solid #263c4b;
  background: linear-gradient(110deg, #0a1720dd, #061017bb);
}
.status-label, .status-updated { color: #7291a5; font-size: .72rem; letter-spacing: .18em; }
.status-label { margin: 0 0 8px; }
.status-value { color: #d4e5ee; font-size: clamp(1.35rem, 4vw, 1.9rem); letter-spacing: .12em; margin: 0; }
.status-value[data-state="online"], .status-row__state[data-state="online"] { color: #a7d8bb; }
.status-value[data-state="degraded"], .status-row__state[data-state="degraded"] { color: #e5c989; }
.status-value[data-state="offline"], .status-row__state[data-state="offline"] { color: #e58e8e; }
.status-value[data-state="standby"], .status-row__state[data-state="standby"] { color: #9db2c0; }
.status-value[data-state="unknown"], .status-row__state[data-state="unknown"] { color: #a3aeb7; }
.status-summary__copy { margin: 0; }
.status-services { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.status-row { min-width: 0; padding: 16px 18px; border-left: 2px solid #243b4a; background: #08121a99; }
.status-row__label { color: #83a2b6; font-size: .72rem; font-weight: 400; letter-spacing: .13em; margin: 0 0 8px; }
.status-row__state { font-size: 1rem; letter-spacing: .1em; margin: 0; }
.status-row__copy { font-size: .82rem; margin: 10px 0 0; }
.status-empty { color: #8ca2b1; line-height: 1.6; margin: 0; padding: 16px 0; }
.status-updated { margin: 0; }
.status-updated time { color: #bacbd5; letter-spacing: normal; }
.status-scope { font-size: .82rem; margin: 0; }
.status-scope code { color: #c5d9e5; }
.status-links { display: flex; flex-wrap: wrap; gap: 8px 26px; }
.status-links a { color: #aec9dd; text-decoration: none; border-bottom: 1px solid #47667e; padding: 9px 0; letter-spacing: .1em; font-size: .76rem; }
.status-links a:hover, .status-links a:focus-visible { color: #fff; border-color: #84caff; outline: none; }
.status-error { margin: -8px 0 0; color: #d59b9b; font-size: .84rem; }
.status-probe { margin: 0; color: #a6bbc8; font-size: .75rem; letter-spacing: .1em; }
.status-probe [data-probe-status] { color: #a3aeb7; }
.status-probe [data-probe-status][data-state="online"] { color: #a7d8bb; }
.status-probe [data-probe-status][data-state="offline"] { color: #e58e8e; }
.status-mini { width: 100%; border-top: 1px solid #263c4b; border-bottom: 1px solid #263c4b; padding: 18px 0; margin: 10px 0 20px; }
.status-mini .status-summary { grid-template-columns: auto 1fr; border: 0; background: none; padding: 0; gap: 12px; }
.status-mini .status-value { font-size: 1.05rem; }
.status-mini .status-summary__copy { font-size: .82rem; }
.status-mini .status-services { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 12px; }
.status-mini .status-row { border: 0; background: none; padding: 0; display: flex; gap: 7px; align-items: baseline; }
.status-mini .status-row__label, .status-mini .status-row__state { font-size: .68rem; margin: 0; }
.status-mini .status-row__copy { display: none; }
.status-mini > a { display: inline-block; margin-top: 10px; color: #aec9dd; border-bottom: 1px solid #47667e; padding: 6px 0; font: 10px Consolas,"Courier New",monospace; letter-spacing: .1em; text-decoration: none; }
.status-mini > a:hover, .status-mini > a:focus-visible { color: #fff; border-color: #84caff; outline: none; }
.wrongdoor { opacity: 0; transition: opacity .28s ease; }
.wrongdoor.is-revealed { opacity: 1; }
.wrongdoor__line { color: #d3d9db; letter-spacing: .22em; font-size: .78rem; margin: 0 0 5px; text-shadow: 0 0 18px #80b8d433; }
.wrongdoor__aside { color: #7d94a2; font-size: .83rem; margin: 0 0 26px; }
@media (max-width: 560px) {
  .status-page { width: min(90vw, 440px); padding: 28px 0 36px; gap: 16px; justify-content: start; }
  .status-summary { grid-template-columns: 1fr; gap: 10px; padding: 17px 18px; }
  .status-services { grid-template-columns: 1fr; gap: 8px; }
  .status-row { padding: 13px 16px; }
  .status-links { flex-direction: column; align-items: flex-start; gap: 4px; }
  .status-mini .status-summary { grid-template-columns: auto 1fr; }
  .status-mini .status-services { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: reduce) {
  .wrongdoor { transition: none; opacity: 1; }
}