/* resources — externalised head <style> (§9.3) */
/* ===================== RESOURCES (page-scoped) ===================== */
    .resource-package {
      background: var(--pale-blue, #eef3fc); border-radius: var(--radius);
      padding: clamp(2.5rem, 5vw, 4rem) clamp(1.5rem, 4vw, 3rem); text-align: center;
      margin: var(--section-y) clamp(1rem, 3vw, 2.5rem) 0;
    }
    .resource-package .section-head { max-width: 640px; margin: 0 auto 1.75rem; }
    .resource-package .cta-row { justify-content: center; }
    #explore-download .section-head { max-width: 900px; }
    @media (max-width: 600px) {
      #explore-download .section-head h2 { margin-top: 25px; }
      #committed-to-quality .section-head { margin-top: 40px; }
    }
    /* Grid is single-column below 520px — add breathing room above every
       card image except the first, which already has the section gap above it. */
    @media (max-width: 520px) {
      #explore-download .technique-grid .webshop-card:not(:first-child) img { margin-top: 40px; }
    }