/* WP-C1 — public service status page */
.status-page { max-width: 820px; margin: 0 auto; }
.status-banner { display: flex; gap: 12px; align-items: center; padding: 14px 16px; border-radius: var(--radius-lg); border: 1px solid; margin-bottom: 14px; }
.status-banner strong { font-size: 1.1rem; }
.status-dot { width: 14px; height: 14px; border-radius: 50%; flex: 0 0 14px; background: currentColor; }
.status-operational { background: #e9f7ef; border-color: #b7e1c6; color: #0f5a2a; }
.status-maintenance { background: #fff7e6; border-color: #f3d19c; color: #6b4000; }
.status-degraded { background: #fff7e6; border-color: #f3d19c; color: #6b4000; }
.status-disruption { background: #fdecec; border-color: #f2b8b5; color: #7a1a13; }
.status-card { margin-bottom: 14px; }
.status-card h2 { font-size: 1.05rem; }
.status-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.status-avail { font-size: 1.6rem; font-weight: 700; margin: 0 0 4px; color: var(--c-primary); }
.status-foot { text-align: center; }
@media (max-width: 560px) {
  table.stack-sm thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  table.stack-sm, table.stack-sm tbody, table.stack-sm tr, table.stack-sm td { display: block; width: 100%; }
  table.stack-sm tr { border-bottom: 1px solid var(--c-border); padding: 6px 0; }
  table.stack-sm td { border: 0; padding: 2px 4px; white-space: normal; }
  table.stack-sm td[data-label]::before { content: attr(data-label) ": "; font-weight: 600; color: var(--c-text-2); }
}