/* Numbers checked (v8 P3 slice 1: health-v8.js Checked, home.js mark; registry-status.js). Existing tokens only, so
   light and dark follow the theme switch. 390px: one column, no horizontal scroll. */
.rs-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; margin-bottom: 10px; }
.rs-head h3 { margin: 0; }
.rs-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.rs-col { min-width: 0; display: grid; gap: 6px; align-content: start; }
.rs-n { font-size: 26px; font-weight: 600; line-height: 1.2; font-variant-numeric: tabular-nums; }
.rs-n.rs-nm { font-size: 18px; color: var(--mute); }
.rs-stack { margin-top: 2px; }
.rs-track { background: var(--v-track); outline: 1px solid var(--line2); }
.rs-sub { margin-top: 6px; max-height: 260px; overflow-y: auto; }
.rs details summary { cursor: pointer; color: var(--ink2); }
.hm-checked { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--ink2); text-decoration: none; justify-self: start;
  padding: 2px 10px; border-radius: 999px; border: 1px solid var(--line2); background: var(--panel); }
.hm-checked i { width: 8px; height: 8px; border-radius: 50%; background: var(--v-trend); flex: none; }
.hm-checked.ok i { background: var(--v-good); } .hm-checked.bad i { background: var(--v-crit); }
.hm-checked.bad { color: var(--ink); border-color: var(--v-crit); }
@media (max-width: 1100px) { .rs-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .rs-grid { grid-template-columns: minmax(0, 1fr); } }