/* ==========================================================================
   blocks/team-list — /the-monarch-team/ div#our-trainers (docs/R3-PLAN.md §1.3, §1.4.6; docs/scout/r3/TEAM.md §6.1).
   Mobile-first. Rows: parts/team-profile (team-profile.css); bios: parts/read-more (read-more.css).

   Live #our-trainers (tab 1)     390 / 768 / 1440: 4447.86 / 4107.59 / 2952.55
   padding-top --space-xl         43.39 / 52.72 / 67.5
   gap                            --space-xxl ≤480 (58.16 at 390; ACSS .gap--s-xxl is max-width: 480px), --space-xl
                                  from 481 (52.72 / 67.5)
   h2 "Our Racehorse Trainers"    .wlp-text--l, max 50rem, centred: 2 lines at every width (117.56 at 1440)
   ========================================================================== */

.block-team-list--nested,
.block-team-list__inner {
  display: flex;
  flex-direction: column;
  gap: var(--space-xxl);
  color: var(--white);                               /* live .text--white rows (the body colour is navy) */
}

/* Nested (the team page): full width below the founders inside the same section container (+ its gap).
   Standalone, .container keeps its 1366px cap. */
.block-team-list--nested { width: 100%; }
.block-team-list--nested:not(:first-child) { padding-top: var(--space-xl); }   /* below another block in the section (the
                                                                                 team page: under the founders); first in
                                                                                 its section, the section's padding is enough */

.block-team-list__inner > .team-profile { width: 100%; }

/* heading-header keeps its 50rem cap and centring (live h2 max-width: 50rem, .self--center). */
.block-team-list__header .heading-header__heading {
  font-size: clamp(3.8rem, 1.625vw + 3.28rem, 5.5rem);   /* live .wlp-text--l (measured one-off) */
}

@media (min-width: 481px) {
  .block-team-list--nested,
  .block-team-list__inner { gap: var(--space-xl); }
}