.internet-status > .container { max-width: 860px; }
.internet-status .section-head { margin-bottom: 24px; }
.internet-status h1 { font-size: clamp(2rem, 5vw, 3rem); line-height: 1.15; margin: 0 0 16px; }
.status-list { list-style: none; padding: 0; margin: 0; border-top: 1px solid var(--line); }
.status-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: baseline; column-gap: 24px; padding: 16px 0; border-bottom: 1px solid var(--line); }
.status-provider { font-weight: 700; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.status-provider:hover { color: var(--red-dark); }
.status-label { display: flex; align-items: baseline; gap: 10px; font-weight: 600; }
.status-label::before { content: ''; width: 10px; height: 10px; border-radius: 50%; background: var(--muted); flex: 0 0 10px; }
.status-label[data-status="operational"]::before { background: #237d42; }
.status-label[data-status="warning"]::before { background: #b66b00; }
.status-label[data-status="major"]::before { background: var(--red); }
.status-detail { grid-column: 1 / -1; margin: 5px 0 0; font-size: .875rem; color: var(--muted); overflow-wrap: anywhere; }
.status-detail:empty { display: none; }
.status-updated, .status-note { font-size: .875rem; color: var(--muted); }
.status-updated { margin-top: 20px; }
.status-note { margin-top: 12px; }
@media (max-width: 520px) {
  .status-row { grid-template-columns: minmax(0, 1fr); gap: 5px; padding: 14px 0; }
  .status-detail { margin: 0; }
}
