/* ═══════════════════════════════════════════════════════════
   RESOURCES INDEX — /resources/
   Version: v1.0 (theme v3.13.0)

   PAGE CHROME ONLY — the section band, the H1 and the intro.

   Deliberately NO card, grid, container or breakpoint rules. The hub
   reuses .fp-resource-center__container and the frozen
   .fp-resource-center__grid, so the approved FP-C-005 geometry —
   1500px cap, 20/24/32px gutters, 1/2/4 columns at 640 and 1280,
   144x44 CTA, 200px artwork normalisation, the date relief bands —
   is inherited rather than restated. Restating any of it here would
   create a second copy free to drift from the homepage.

   Typography mirrors categories-index.css so the two hub pages read
   as one system.
   ═══════════════════════════════════════════════════════════ */

.fp-resources-index {
    background-color: var(--fp-color-white);
    padding-top: 24.2px;                     /* v3.56.10 (v3.56.9: 16.2): H1
                                                letters 32px below the breadcrumb
                                                letters at every width - see the
                                                end of file */
    padding-bottom: var(--fp-space-xxl);     /* 64px */
}

.fp-resources-index__header {
    width: 100%;
}

.fp-resources-index__headline {
    margin: 0;
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont,
                 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-size: var(--fp-font-h2);            /* 36px */
    font-weight: var(--fp-weight-heading);   /* 700 */
    line-height: var(--fp-line-display);
    color: var(--fp-color-navy);
    text-wrap: balance;
}

.fp-resources-index__intro {
    margin: var(--fp-space-s) 0 0;           /* 16px */
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont,
                 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-size: var(--fp-font-body-m);        /* 16px */
    line-height: var(--fp-line-body);
    color: var(--fp-color-gray-500);
    max-width: 65ch;
}

/* The grid's own 24px top margin sits directly under the intro; no extra
   spacing rule, so the heading -> cards rhythm matches the homepage. */

/* ═══════════════════════════════════════════════════════════
   BREADCRUMB -> FIRST TEXT (v3.56.8, text-first hero family)
   Measured from the bottom of the breadcrumb's visible letters to the top
   of the first hero text line's visible letters - not line boxes. Every
   text-first hero (Categories, Resources, the three collections, All
   Providers) matches the family's shortest existing gap: 15.8px below
   480px, 17.1px from 480. A breadcrumb with no descending letters (g p y)
   reads 2.7px further away, so those pages take a larger reduction.
   ═══════════════════════════════════════════════════════════ */
/* v3.56.9: superseded - one 16.2px value now gives 24px at every width. */

/* ═══════════════════════════════════════════════════════════
   RESOURCES BREATHING ROOM (v3.56.9; 32px from v3.56.10)
   The four Resources pages (/resources/ and its three collections) sit
   32px from the bottom of the breadcrumb's last line of letters to the top
   of the first hero text line's letters, at every width - more open than
   the 15.8 / 17.1px text-first standard the other heroes keep. Only the
   space ABOVE each hero grows, so the whole hero moves as one block and
   its internal spacing is unchanged; navigation -> breadcrumb is untouched.
   ═══════════════════════════════════════════════════════════ */
/* The base padding (24.2px, above) is the whole offset at every width. */