/* 2026-11-03 (launch): /status (site/status/index.html, rows from deploy/site/server/statushtml.go).
   One bordered row per service: a dot, the name, what it is, then the state on the right.
   Rows wrap on narrow screens (no horizontal scroll at 375px). Red only for "Not responding". */
.doc .status-summary { margin: 16px 0 12px; font-size: 15px; font-weight: 500; color: var(--foreground); }
.doc .status-list { margin: 0 0 10px; padding: 0; list-style: none; border: 1px solid var(--border); border-radius: 8px; }
.doc .status-row {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px;
  margin: 0; padding: 10px 14px; border-top: 1px solid var(--border);
}
.doc .status-row:first-child { border-top: 0; }
.status-row::before {
  content: ""; flex: none; width: 8px; height: 8px; border-radius: 50%;
  background: var(--foreground); align-self: center;
}
.status-row.is-down::before { background: #dc2626; }
.status-name { font-weight: 500; color: var(--foreground); }
.status-host { min-width: 0; overflow-wrap: anywhere; font-size: 12px; color: var(--muted-foreground); }
.status-state { margin-left: auto; font-size: 13px; color: var(--foreground); }
.is-down .status-state { color: #dc2626; }
.doc .status-when { font-size: 12px; color: var(--muted-foreground); }