/* Give (9/29/2026): the page's own rules on top of site.css. Composition: Avada Health
   (title band, department body with a fact card, a centred section head over white
   cards, the homepage's logo band). Every text pairing computed (WCAG):
     blue on white 12.1 · #3d4a57 on #eef1f3 8.0 · #5b6875 on #eef1f3 5.0
     teal-deep on white 5.0 · blue on gold 6.2 · white on #5b6875 5.7 */

/* Health's content frame: 1170 wide, as on the department body. */
.pg-frame { max-width: calc(1200px + 2 * var(--pad)); margin: 0 auto; padding-inline: var(--pad); }

/* ---- 1. The title band carries her nurse team. Health's band height is kept (the same two
   paddings), but they trade places, as on the homepage hero: the words sit low, over the
   scrubs, so every face stays clear at every width and through the drift. */
.pg-give .title { padding-top: clamp(210px, 19.4vw, 290px); padding-bottom: clamp(56px, 10vw, 154px); }

/* ---- 2. Give now: the Donate now button to Dee's Zeffy form (8 October 2026), which replaced
   the giving form's gray box. */
.give__go { margin: 28px 0 0; }

/* The fact card: the 501(c)(3) line, then the EIN as a Health department-figures row. */
.pg-give .sidecard__row { border-bottom: 0; }
.pg-give .sidecard .figs { margin-top: 6px; border-top: 1px solid #e6e9ec; }
.pg-give .sidecard .figs li { padding: 14px 0 0; font-size: 1.0625rem; }
.pg-give .sidecard .figs span { font-size: 1.0625rem; }

/* ---- 3. Other ways to give: Health's centred head (icon, heading, rule) over two white cards. */
.ways .band__rule { margin-bottom: 0; }
.ways__cards { margin-top: 48px; text-align: left; gap: 30px; }
.ways .card-w { padding: 34px 36px 36px; border-bottom-width: 2px; }
.ways .card-w h3 { font-size: 1.375rem; letter-spacing: .5px; line-height: 1.3; }
.ways .card-w h3 a {
  display: inline-flex; align-items: center; gap: .5em; min-height: 44px;
  text-decoration: none; color: var(--blue);
}
.ways .card-w h3 a span { text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: 3px; text-underline-offset: 7px; }
.ways .card-w h3 a:hover span { text-decoration-color: var(--blue); }
.card-w__arrow { width: 1em; height: 1em; flex: none; color: var(--teal-deep); transition: transform .2s var(--ease); }
.ways .card-w h3 a:hover .card-w__arrow { transform: translateX(4px); }
.ways .card-w p { margin-top: 8px; line-height: 2.25; }

/* ---- 4. The logo band: the approved line sits at the homepage's scale. */
.pg-give .support__line { max-width: 24ch; }
/* The funders' gray box is sized in site.css (.logos .todo), the same as on the homepage. */

/* ---- phone and tablet */
@media (max-width: 960px) {
  /* The approved order is Give now, then the 501(c)(3) line: the main card leads here. */
  .pg-give .dept { grid-template-areas: "main" "side"; }
}
@media (max-width: 600px) {
  .ways .card-w { padding: 28px 24px 30px; }
}