/* The four discipline pages (law enforcement, advocates, attorneys and the courts,
   community and faith leaders), 9/29/2026. Loaded after site.css; only what these
   pages need. Health's department page: the main card's 22px headings over 17px text
   on a 38px line; the three parts carry the hub's ringed icons at Health's
   "heading with icon, left" setting. Contrast: blue on white 12.3, teal-deep icon
   strokes on white 5.0. */

/* Health's order on a phone: the main card, then the fact card. */
@media (max-width: 960px) {
  .dept--pro { grid-template-areas: "main" "side"; }
}

.parts { display: grid; gap: 26px; }
.part { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 22px; align-items: start; }
.part__ring { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; border: 1px solid #d5dbe0; color: var(--teal-deep); }
.part__ring svg { width: 32px; height: 32px; }
.dept__main .part h3 { font-size: 1.125rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; line-height: 1.4; padding-top: 6px; }
.dept__main .part p { margin-top: 4px; }

/* The fact card's two buttons sit 12px apart. */
.sidecard .btn + .btn { margin-top: 12px; }

/* Law enforcement (laptop review, 9/29): the interview rendering is a tall picture; every
   crop in the band put the title across the officer's eyes or mouth, so the band is a
   described gray box until the October 31 shoot. */

/* A laptop narrower than 1200px: the fact card's buttons keep one line (no two-line button). */
@media (min-width: 961px) and (max-width: 1200px) {
  .dept--pro .dept__side { padding: 30px 22px; }
  .dept--pro .sidecard .btn { padding: 0 12px; letter-spacing: .05em; }
}

/* Anchored sections (community and faith) land clear of the window edge. */
.dept__section[id] { scroll-margin-top: 24px; }

@media (max-width: 520px) {
  /* A phone: the ring sits beside its heading and the words take the card's full width. */
  .part { grid-template-columns: 44px minmax(0, 1fr); column-gap: 14px; row-gap: 0; align-items: center; }
  .part__ring { width: 44px; height: 44px; }
  .part__ring svg { width: 24px; height: 24px; }
  .part__body { display: contents; }
  .dept__main .part h3 { padding-top: 0; }
  .dept__main .part p { grid-column: 1 / -1; margin-top: 10px; }
  .dept__main { padding: 32px 24px; }
  /* The fact card's buttons hold one line at phone width (no two-line button). */
  .dept__side { padding: 26px 22px; }
  .sidecard .btn { padding: 0 12px; letter-spacing: .05em; }
}


/* Legal (laptop review, 9/29): at 50 the title's "courts" met a nurse's chin and the drift slid
   her face behind it. At 58 both faces sit above the title, which crosses only their scrubs. */
.page-template-page-legal .title__bg img { --y: 58; }