/**
 * Board of Directors template (board-of-directors.php).
 *
 * Layers on aia-programs.css + aia-directory.css: the .aia-entity container and
 * its tokens, .aia-entity__section heads, the .aia-ent-roster grid, the
 * .aia-dir-card--person card and the .aia-dir-grid--scroll drag row all come
 * from there and are used unchanged. This file adds only what the template
 * itself introduces — the top offset the removed hero used to provide, the
 * entry-content slot, the Executive Committee / Directors group headings, and
 * the year monogram on the Past years cards.
 */

/* ---- top offset ----
   This template has no hero, so nothing supplies the gap under the site
   header. Same 56px the directory/news shells use. Doubled-up selector so it
   beats .aia-entity's own `padding: 0 24px 96px` regardless of load order. */
.aia-entity.aia-bod {
  padding-top: 56px;
}

/* ---- entry content: the post's own editor content, above the current board ----
   House block rhythm (.entry-content > *) applies inside; the article carries
   the style-guide section gap down to the first section — 100px desktop, 75px
   mobile via the :root --block-spacing swap at <=768px. Never hard-code that
   pair; see SPACING-RULES.md R6. */
.aia-bod__entry {
  margin-bottom: var(--block-spacing, 100px);
}

/* Intro measure. The seeded intro is a plain flow group with this class, NOT
   a constrained group with a contentSize — core emits `margin-left: auto
   !important` for constrained layout, which centres the column and cannot be
   pinned back to the left edge from a stylesheet at any specificity. Every
   band below starts at the container's left edge, so the intro has to as
   well; owning the max-width here is what keeps them aligned. If this group
   is ever switched back to "Inner blocks use content width" in the editor,
   the intro will re-centre and this rule will look broken — it isn't.

   style.css already claims this element: `.entry-content > :is(.wp-block-group,
   .wp-block-columns):not(.alignfull):not(.alignwide)` sets max-width 1600 and
   `margin-inline: auto` at (0,4,0), so the override has to out-specify that,
   not just load after it — hence the long chain and the explicit
   `margin-inline: 0` (without it the 820px column would re-centre). */
.aia-bod .aia-bod__entry .entry-content > .wp-block-group.aia-bod__intro {
  max-width: 820px;
  margin-inline: 0;
}

/* No prose-link rule here on purpose. style.css:4107 already owns inline
   content links inside .entry-content — ink, hairline underline, red on hover,
   with block-level component links excluded — at (0,5,1). That is the house
   treatment and it reaches this template unchanged; an override here would
   only make this one page's links disagree with the rest of the site. */

/* Opening paragraph — set one step up from body copy. Applied by the editor
   as a block class (Advanced → Additional CSS class), not by position, so
   reordering the intro doesn't silently move the emphasis. */
.aia-bod__lede {
  font-size: 1.15rem;
  line-height: 1.6;
  color: var(--ent-muted, #6e6c66);
}

/* Fallback masthead — only rendered when the post has no content yet, so the
   page is never left without an h1. */
.aia-bod__masthead {
  border-bottom: 2px solid var(--ent-ink, #1a1a1a);
  padding-bottom: 20px;
  margin-bottom: var(--block-spacing, 100px);
}
.aia-bod__title {
  font-family: var(--font-heading, "Archivo", sans-serif);
  font-size: clamp(2.2rem, 4.5vw, 3.4rem);
  font-weight: 800;
  letter-spacing: -0.01em;
  margin: 0;
}

/* ---- current board ----
   Section-to-section gap runs on the block-spacing token rather than
   .aia-entity__section's own 48px: this page has two big bands, not the six
   short strips an entity single stacks up, and it reads as page rhythm. */
.aia-bod__current {
  margin-bottom: var(--block-spacing, 100px);
}

/* Roster groups — Executive Committee, then Directors. The heading sits below
   the section head in the hierarchy (which is 1.5rem with a hairline), so it
   is deliberately small and lettered rather than another large title. */
.aia-bod__group + .aia-bod__group {
  margin-top: 44px;
}
.aia-bod__group-title {
  font-family: var(--font-heading, "Archivo", sans-serif);
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ent-muted, #6e6c66);
  margin: 0 0 18px;
}

/* ---- past years ----
   The year replaces the initials monogram in the placeholder panel. Four
   digits at .aia-dir-mono's own 2rem crowd the 175px photo column, so this
   steps the size down and drops the tracking that suits two capitals. */
.aia-bod__mono {
  font-size: 1.6rem;
  letter-spacing: 0;
}

/* The "N members" line reuses .aia-dir-card__date's slot (mono, uppercase,
   pale) — .aia-entity already styles that class, so this only needs to make
   sure a <span> in place of the <time> element still sits on its own line. */
.aia-bod__past .aia-dir-card__date {
  display: block;
}

@media (max-width: 768px) {
  .aia-entity.aia-bod {
    padding-top: 36px;
  }
  .aia-bod__group + .aia-bod__group {
    margin-top: 34px;
  }
}