/**
 * MAGIC SKETCH HEADER RECENTS LOCK
 * Loaded LAST on sketch.html (after header-recents-lock.css).
 *
 * BUG (2026-06-24): header-recents-lock.css used nth-child(n+5) on sketch-page at
 * max-width 1024px while buildMeta() appends newest as LAST child. Browsers with
 * different widths showed different thumb sets (Opera desktop 5+ vs Cursor 4).
 *
 * DO NOT re-add nth-child display:none caps on sketch-page header thumbs.
 * JS owns the limit; strip scrolls horizontally to newest (right).
 */

body.sketch-page .main-header .hdr-editor-title-lane #sketch-recents-strip.sketch-recents-strip {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  flex-wrap: nowrap !important;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

body.sketch-page .main-header .hdr-editor-title-lane #sketch-recents-strip.sketch-recents-strip::-webkit-scrollbar {
  display: none;
}

/* Undo every legacy nth-child cap on Magic Sketch header strip (all breakpoints). */
body.sketch-page .main-header .hdr-editor-title-lane #sketch-recents-strip.sketch-recents-strip .sketch-recent-thumb:nth-child(n+5),
body.sketch-page .main-header .hdr-editor-title-lane #sketch-recents-strip.sketch-recents-strip .sketch-recent-thumb:nth-child(n+6),
body.sketch-page .main-header .hdr-editor-title-lane #sketch-recents-strip.sketch-recents-strip .sketch-recent-thumb:nth-child(n+11) {
  display: block !important;
}