/* START HERE (path selector, founder brief 2026-10-17). Four cards, one destination each, two across and two down.

   The gallery itself is the shared entry gallery (assets/entry-gallery.css, the same as Who it's for): full column
   width, and on a desktop the pictures' height is capped so both rows fit the window without scrolling (founder,
   2026-10-17). On shorter windows that crops them top and bottom, never squashes them. This file keeps only the
   compact header. */
/* the question sits on the heading's baseline, beside it, so the header costs one line of display type */
.ia:has(.sh-head) { margin-top: var(--s6); }
.sh-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--s1) var(--s5); margin-bottom: var(--s5); max-width: none; }
.sh-head .lc-h1 { margin: 0; }

/* THREE CARDS (2026-11-02): the path card, "Make a website with AI", takes the whole first row, so the one way to make a
   site reads first and the two other ways sit side by side under it. */
@container (min-width: 28rem) { .ia:has(.sh-head) .eg-gal > li:first-child { grid-column: 1 / -1; } }