/* Template v3 additions 2026-10-09 (new versioned file; v1 and v2 are edge-cached for a month).
   Designer M1 (copy-cleanup): the 'Not published' status pill is white-space:nowrap in global.css, which forces
   the Status column of raw-HTML .spec-status-table tables wider than a 375px column, so the table (display:block
   via the v1 small-screen fallback) scrolls and the pill looks cut off. Let the pill wrap on small screens.
   Raw-HTML tables are wrapped client-side in .table-wrap by /scripts/table-scroll-v2.js (so v1 JS + v2 CSS give
   them the scroll cue when they really overflow); keep the old .spec-status-wrap spacing. */
.spec-status-wrap > .table-wrap { margin: 0; }
@media (max-width: 640px) {
  .spec-status-table .status-pill { white-space: normal; text-align: center; line-height: 1.25; }
  /* Header labels are nowrap in global.css too; let them wrap so short columns can shrink. */
  .spec-status-table th { white-space: normal; }
}