/*
 * Per-page CSS for leadership-bricks
 * Loaded conditionally via functions.php $page_css map.
 *
 * All typography/spacing/layout is carried by bricks-classes.json global classes.
 * This file handles only:
 *   - leader__avatar circle crop (Bricks flex-stretch img fix)
 *   - governance__text p spacing (two sibling text-basic elements need gap)
 */

/* Avatar images must fill their circular container without Bricks flex-stretch */
.leader__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  align-self: stretch;
  display: block;
}

/* Sibling <p> elements inside governance__text need top margin
   (Bricks renders each text-basic as a separate element) */
.governance__text .brxe-text-basic + .brxe-text-basic {
  margin-top: 18px;
}

/* Ensure leader__bio-text paragraphs get their spacing when rendered as
   separate Bricks text-basic elements */
.leader__bio-text .brxe-text-basic + .brxe-text-basic {
  margin-top: 18px;
}