@layer page {
  .start .lead { max-width: 900px; margin-top: 6px; }
  .start .head-meta { gap: 16px; flex-wrap: wrap; align-self: flex-end; }
  .sev-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 18px 0 6px; }
  .sev-tile { color: var(--rx-text); text-decoration: none !important; transition: border-color .12s; }
  .sev-tile:hover { border-color: var(--rx-interactive); }
  .sev-tile .body { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
  .sev-tile .n { font-size: var(--rx-text-xl); font-variant-numeric: tabular-nums; }
  .sev-tile.zero .n { color: var(--rx-text-3); font-weight: 500; }
  .page-card { display: block; color: var(--rx-text); text-decoration: none !important; transition: border-color .12s; }
  .page-card:hover { border-color: var(--rx-interactive); }
  .page-card h3 { font-size: var(--rx-text-md); }
  .page-card .rx-row { margin-bottom: 6px; color: var(--rx-interactive); }
  .page-card .rx-row h3 { color: var(--rx-text); flex: 1; }
  .sec { margin: 28px 0 10px; }
  @media (max-width: 720px) { .sev-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
}
@layer page {
  .ext-row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
  .ext-chip { height: 30px; padding: 0 12px 0 10px; color: var(--rx-text); text-decoration: none !important; transition: border-color .12s; }
  .ext-chip:hover { border-color: var(--rx-interactive); }
  .ext-chip .rx-i { color: var(--rx-interactive); width: 14px; height: 14px; }
  .ext-chip[data-kind="tool"] .rx-i { color: var(--rx-text-2); }
  .all-ext { margin-left: 4px; }
}