/* Pain Relief Pittsburgh — typography pass
   Applied to Appearance → Additional CSS on 2026-11-03.
   Fonts, colors, imagery, copy and layout are unchanged except where noted.

   Scale (desktop ≥768px / mobile <768px):
     site wordmark        46 / 26     Inter 600   <- stays the largest text on every page
     home hero            44 / 25     Cardo
     interior page title  38 / 24     Cardo
     section heading      31 / 22     Cardo
     card heading         24 / 20     Cardo
     body                 17.5 / 17   Inter, line-height 1.55
     FAQ question         19 / 18     Inter 500
     form + button text   17 / 17     Inter
*/

/* ---------- 1. Header wordmark: top of the hierarchy ---------- */
.wp-block-site-title,
.wp-block-site-title a { font-size: 46px !important; line-height: 1.15; }

/* ---------- 2. Home hero ---------- */
body.home .entry-content > .wp-block-cover :is(h1, h2).wp-block-heading {
  font-size: 44px !important;
  line-height: 1.15;
}

/* ---------- 3. Interior page title (first heading in the content) ---------- */
.entry-content > :is(h1, h2).wp-block-heading:first-child {
  font-size: 38px !important;
  line-height: 1.2;
  margin-bottom: 0.6em;
}

/* ---------- 4. Section headings ---------- */
.entry-content :is(h1, h2).wp-block-heading {
  font-size: 31px !important;
  line-height: 1.25;
}
/* keep the two rules above winning over this one */
.entry-content > :is(h1, h2).wp-block-heading:first-child { font-size: 38px !important; }
body.home .entry-content > .wp-block-cover :is(h1, h2).wp-block-heading { font-size: 44px !important; }

/* ---------- 5. Card / sub-section headings ---------- */
.entry-content h3 { font-size: 24px !important; line-height: 1.3; }
.entry-content h4 { font-size: 20px !important; line-height: 1.35; }

/* ---------- 6. Body copy ---------- */
.entry-content p,
.entry-content li { font-size: 17.5px !important; line-height: 1.55; }

/* Preserve the intentionally prominent statements. */
.entry-content .methods-statement { font-size: 24px !important; line-height: 1.25; }
.entry-content blockquote p { font-size: 29.6px !important; line-height: 1.3; }

/* ---------- 7. FAQ questions ---------- */
.entry-content details > summary {
  font-size: 19px !important;
  font-weight: 500;
  line-height: 1.4;
}
.entry-content details > summary + *,
.entry-content details p { font-size: 17.5px !important; line-height: 1.55; }

/* ---------- 8. Forms and buttons ---------- */
.entry-content :is(input, textarea, select, button, .wp-block-button__link),
.wp-block-form :is(input, textarea, select, button),
.entry-content label { font-size: 17px !important; line-height: 1.4; }
.entry-content :is(button[type="submit"], input[type="submit"], .wp-block-button__link) {
  font-size: 17px !important;
  font-weight: 500;
}
#faq-expand-all { font-size: 17px !important; }

/* ---------- 9. Reading measure, ~68 characters per line ----------
   This is the only rule that changes layout rather than type size.
   Delete this block to keep the current full-width 99-character lines. */
.entry-content > p,
.entry-content > ul,
.entry-content > ol,
.entry-content > details {
  max-width: 40rem;
  margin-inline: 0 !important;
}

/* ---------- 10. Mobile ---------- */
@media (max-width: 767px) {
  .wp-block-site-title,
  .wp-block-site-title a { font-size: 26px !important; white-space: nowrap; }
  .wp-block-site-logo { width: 72px !important; }
  .wp-block-site-logo img { width: 100% !important; height: auto !important; }

  body.home .entry-content > .wp-block-cover :is(h1, h2).wp-block-heading { font-size: 25px !important; }
  .entry-content > :is(h1, h2).wp-block-heading:first-child { font-size: 24px !important; }
  .entry-content :is(h1, h2).wp-block-heading { font-size: 22px !important; }
  .entry-content h3 { font-size: 20px !important; }
  .entry-content h4 { font-size: 19px !important; }

  .entry-content p,
  .entry-content li,
  .entry-content details p { font-size: 17px !important; line-height: 1.55; }
  .entry-content details > summary { font-size: 18px !important; }
  .entry-content .methods-statement { font-size: 22px !important; line-height: 1.3; }
  .entry-content blockquote p { font-size: 23px !important; line-height: 1.3; }

  .entry-content > p,
  .entry-content > ul,
  .entry-content > ol,
  .entry-content > details { max-width: none; }
}