/* workshops.css — section padding, heading style and .section-intro come
   from all.css. */

#GlobalNavWrapper {
    --hero-image: url("../../assets/image8.jpg");
}

#workshop-series {
    h2 {
        max-width: 22ch;
    }

    /* The series is sequential, so keep the cards in a readable reading order
       rather than letting them reflow into an ambiguous grid at mid widths. */
    .numbered-grid {
        @media screen and (max-width: 900px) {
            grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
        }
    }
}