/* Healing has no timeline (9/29/2026). Loaded after site.css; only what this page needs.
   Built on Avada Health's department page (templates/page-help-while-ago.php), measured at
   1440 and 390 on avada.website/health/portfolio-items/general-practice/:
     "Meet Our Doctors" 100px above, 130px below; 80px icon, 20px to a 46px capital heading;
                        a 280 x 2px rule, 30px below; three 359px white cards 47px apart in a
                        1170px frame; card text 40px in, 18px capital title with 1px tracking,
                        17px text on a 38px line
     department body   the shared .dept (main card 40px, fact card 30px, 47px apart)
   The band's paddings scale down toward 1050, where our layout gate allows 220px of empty run,
   and never exceed Health's. The same measurements serve What to expect's bands
   (pages/what-to-expect.css).
   Pairings: blue #183660 on white 12.3 · blue on blush 11.6 · white on blue 12.3 · blue on gold 6.2. */

/* ---- Health's "Meet Our Doctors" band: Who the center cares for, three white cards */
.hnt-band .frame { max-width: calc(1200px + 2 * var(--pad)); }
.hnt-band .hnt-icon { width: 80px; height: 80px; margin: 0 auto 20px; }
.hnt-band h2 {
  font-size: clamp(2.2rem, 1.8rem + 1.64vw, 2.875rem);
  font-weight: 600; line-height: 1.25; letter-spacing: 0; text-transform: uppercase; max-width: none;
}
.hnt-band .band__rule { width: 280px; height: 2px; margin: 20px auto 30px; opacity: 1; background: #d5dade; }
.hnt-who { background: var(--blush); padding-block: clamp(72px, 7vw, 100px) clamp(72px, 7vw, 110px); }
.hnt-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 47px; margin-top: 0; text-align: left; }
.hnt-cards .card-w { padding: 40px; }
.hnt-cards .card-w h3 { font-size: 1.125rem; font-weight: 600; line-height: 1.5; letter-spacing: 1px; text-transform: uppercase; }
.hnt-cards .card-w p { margin-top: 18px; line-height: 2.25; }

/* ---- the fact card: Health's one card, the height of the main card. Its words sit in one
   wrapper that stays in view on a laptop while the main card scrolls past. From 1440 the card's
   column clears the Quick exit's (measured), and its words (787px tall) fit the screen. */
.dept__side > .hnt-side > .sidecard { background: none; border: 0; padding: 0; }
.hnt-side > .sidecard + .sidecard { margin-top: 40px; }
/* The card's buttons are full width; a narrow column (298px at 1050) needs less side padding to
   hold "Call 1-800-770-1650" on one line. The number itself never breaks. */
.hnt-side .btn { padding-inline: 14px; }
/* No sticky card: Health's fact card stays in place (9/29 ruling, the same on every page). */

/* ---- what we can help with: Health's checklist, 17px on a 28.9px line (site.css sets 2.25 here) */
.dept__main .checks li { line-height: 1.7; }

/* ---- tablet and phone: the cards stack, as Health's do */
@media (max-width: 960px) {
  .hnt-cards { grid-template-columns: 1fr; gap: 24px; }
  .hnt-cards .card-w { padding: 30px; }
}

/* Laptop review (9/29): "Who we care for" and the body share the blush ground; the band's
   110px bottom plus the body's 60px top read as one dead run. */
.hnt-who + .dept-wrap .dept { padding-top: 0; }