.status-main { width: min(calc(100% - var(--gutter) * 2), 48rem); }
.legal-intro .status-eyebrow { margin: 0 0 1.2rem; color: #a8ae9f; font-size: .75rem; font-weight: 600; letter-spacing: .16em; }
.service-list { margin: 0; padding: 0; list-style: none; border-top: 1px solid #30352c; }
.service-row { display: grid; grid-template-columns: minmax(0, 1fr) 6rem; align-items: center; gap: 1.5rem; padding: 1.65rem 0; border-bottom: 1px solid #252a23; }
.service-row .status-badge { justify-self: start; }
.service-row h2 { margin: 0; color: var(--white); font-size: 1.2rem; line-height: 1.35; font-weight: 400; }
.service-row p { margin: .35rem 0 0; color: var(--muted); font-size: .875rem; }
.status-badge { display: inline-flex; align-items: center; flex: 0 0 auto; gap: .6rem; color: #a8aea1; font-size: .875rem; white-space: nowrap; }
.status-badge::before { content: ''; width: .45rem; height: .45rem; border-radius: 50%; background: currentColor; }
.status-badge[data-state="online"] { color: #a6c39d; }
.status-badge[data-state="down"] { color: #d19280; }
.status-meta { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin-top: 1.5rem; color: var(--muted); font-size: .875rem; }
.status-meta p { margin: 0; }
.status-meta button { min-height: 2.75rem; flex: 0 0 auto; padding: .4rem 0 .4rem .6rem; border: 0; color: var(--white); background: transparent; font: inherit; cursor: pointer; }
.status-meta button:hover { color: var(--signal); }
.status-meta button:disabled { color: var(--muted); cursor: wait; }
.status-main .status-meta { display: grid; grid-template-columns: minmax(0, 1fr) 6rem; align-items: center; gap: 1.5rem; }
.status-main .status-meta button { justify-self: start; padding-inline: 0; }
.status-note { margin: .5rem 0 0; color: var(--muted); font-size: .8125rem; }
.admin-status { width: min(calc(100% - var(--gutter) * 2), 76rem); }
.status-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.5rem; margin: 2.5rem 0 3.5rem; }
.status-metrics > div { border-top: 1px solid #30352c; padding-top: 1rem; }
.status-metrics dt { color: var(--muted); font-size: .875rem; }
.status-metrics dd { margin: .5rem 0 0; color: var(--white); font-size: clamp(1.1rem, 2.5vw, 1.5rem); }
.status-section { margin-top: 3rem; }
.status-section > h2 { color: var(--white); font-size: 1.5rem; font-weight: 400; }
.status-table-wrap { overflow-x: auto; }
.status-table { width: 100%; border-collapse: collapse; text-align: left; font-size: .875rem; }
.status-table th { color: var(--muted); font-weight: 400; font-size: .75rem; letter-spacing: .04em; text-transform: uppercase; }
.status-table th, .status-table td { padding: 1rem .75rem; border-bottom: 1px solid #252a23; white-space: nowrap; }
.status-table th:first-child, .status-table td:first-child { padding-left: 0; }
.status-table td:first-child { color: var(--white); }
.status-table td small { display: block; color: var(--muted); font-size: .75rem; }
@media (max-width: 600px) {
  .status-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .service-row { gap: 1rem; grid-template-columns: minmax(0, 1fr) 5rem; padding-block: 1.4rem; }
  .status-main .status-meta { gap: 1rem; grid-template-columns: minmax(0, 1fr) 5rem; }
  .service-row h2 { font-size: 1.05rem; }
  .status-badge { font-size: .8125rem; gap: .45rem; }
  .status-meta { align-items: flex-start; }
}