/* Page group: team building (team-building-school, -corporate, -other).
   Linked only from those three pages. Layered so it sits above components
   and below utilities. Semantic tokens only; no raw colours.
   Masthead sizing, intro, on-page index, related routes, markers, footer
   and breadcrumb all come from the shared components in css/style.css. */
@layer pages {

  /* ---------------------------------------------------------- masthead */
  /* per-image crop (spec section 6); the square sources use the shared
     --obj-square crop */
  .tb-masthead--school .masthead__media > img { object-position: 60% 50%; }

  /* ---------------------------------------------------------- programs */
  /* corporate ledger keeps <strong>label</strong>value: the shared 2-column
     ledger grid would push the bare text node into the 1.25rem icon column
     (one character per line). Give label and value their own tracks. */
  .program-details li:has(> strong) {
    grid-template-columns: calc(1.25rem + var(--space-3)) auto minmax(0, 1fr);
    column-gap: 0;
  }
  .program-details li:has(> strong) > i { width: 1.25rem; }
  /* school and other carry plain labels; match them so the three sibling
     ledgers read the same (markup and text unchanged on corporate). */
  .program-details li > strong { font-weight: inherit; color: inherit; }

  /* ---------------------------------------------------------- levels (school) */
  .tb-levels .section-head { margin-bottom: var(--space-7); }
}