/* MTHP v8 draft refinement: limited to reviewed page IDs 8, 9 and 12. */
body:is(.page-id-8,.page-id-9,.page-id-12){--review-ink:#183d38;--review-muted:#435b55}
body.page-id-8 .service-intro h1,#mthp-refill h1,.pricing-approved h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(34px,3.6vw,48px);line-height:1.12;letter-spacing:-.025em;text-wrap:balance;margin:0 0 22px;max-width:620px}
body.page-id-8 .service-intro .lead,#mthp-refill .lead,.pricing-intro>div>p:not(.pricing-eyebrow){font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:18px;line-height:1.65;max-width:62ch;color:var(--review-muted)}
#mthp-refill{max-width:1184px;margin:0 auto;padding:0 24px}
#mthp-refill .hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;padding:42px 0 44px;align-items:center}
#mthp-refill .hero-copy{min-width:0}
#mthp-refill .hero-art{min-width:0}
#mthp-refill .hero-art img{border-radius:20px;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
#mthp-refill .hero-art figcaption{font-size:14px;line-height:1.55;padding-top:14px}
#mthp-refill h2,.pricing-body h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(28px,2.5vw,36px);line-height:1.2;letter-spacing:-.02em;text-wrap:balance}
#mthp-refill h3,.pricing-body h3{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:650;line-height:1.35}
#mthp-refill .section-line{gap:56px}
#mthp-refill .cost-note{line-height:1.6}
#mthp-refill .button{border-radius:10px}
.pricing-approved{max-width:1184px;margin-top:42px}
.pricing-intro{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px}
.pricing-body{max-width:100%;margin-top:48px}
.pricing-body>p,.pricing-body>ol{max-width:72ch}
.pricing-approved figcaption{font-size:14px;line-height:1.5}
.pricing-approved p{margin:0 0 18px}
#mthp-refill .availability{text-align:left}
body.page-id-8 .service-small{font-size:14px;line-height:1.65}
body.page-id-8 .service-intro{min-width:0}
body.page-id-8 .service-experience{gap:48px}
/* Restore readable spacing below the hero; the base reset removes prose margins. */
body.page-id-8 .article h2,body.page-id-8 .faq>h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(28px,2.5vw,34px);line-height:1.25;margin:36px 0 20px;text-wrap:balance}
body.page-id-8 .article h2:first-child,body.page-id-8 .faq>h2:first-child{margin-top:0}
body.page-id-8 .article h3{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:21px;font-weight:650;line-height:1.35;margin:32px 0 12px}
body.page-id-8 .article p,body.page-id-8 .faq details p{font-size:17px;line-height:1.7;margin:0 0 20px;max-width:68ch}
body.page-id-8 .article ul,body.page-id-8 .article ol{margin:16px 0 28px;padding-left:24px}
body.page-id-8 .article li{line-height:1.65;margin-bottom:10px}
body.page-id-8 #care-next-steps{max-width:780px;margin:48px auto;padding:32px 0;border-top:1px solid #d5dfda;border-bottom:1px solid #d5dfda}
body.page-id-8 #care-next-steps h2{margin-bottom:28px}
body.page-id-8 #care-next-steps h2+h3{margin-top:0}
body.page-id-8 #care-next-steps p:last-child{margin:28px 0 0}
#mthp-refill .section-line h2,.pricing-body h2{margin:0 0 20px}
#mthp-refill .section-line h3,.pricing-body h3{margin:28px 0 12px}
#mthp-refill .section-line p,.pricing-body p{margin:0 0 18px;line-height:1.7}
.pricing-body>h2:not(:first-child){margin-top:40px}
#mthp-refill details p,.pricing-body details p{margin:12px 0 18px;line-height:1.7}
@media(max-width:760px){body.page-id-8 #care-next-steps{margin:32px auto;padding:28px 0}body.page-id-8 .article h3{font-size:20px;margin-top:28px}}
@media(max-width:1000px) and (min-width:761px){
 #mthp-refill .hero,.pricing-intro,body.page-id-8 .service-experience{gap:28px}
 #mthp-refill h1,.pricing-approved h1,body.page-id-8 .service-intro h1{font-size:38px}
 #mthp-refill .section-line{gap:32px}
}
@media(max-width:760px){
 #mthp-refill{padding:0 20px}
 #mthp-refill .hero{display:flex;gap:28px;padding:28px 0 36px}
 #mthp-refill h1,.pricing-approved h1,body.page-id-8 .service-intro h1{font-size:clamp(32px,8.5vw,38px);line-height:1.15;letter-spacing:-.025em;max-width:100%;margin-bottom:18px}
 #mthp-refill .lead,.pricing-intro>div>p:not(.pricing-eyebrow),body.page-id-8 .service-intro .lead{font-size:17px;line-height:1.6}
 #mthp-refill .hero-art img{border-radius:16px}
 #mthp-refill .section-line{gap:18px;padding:32px 0}
 #mthp-refill .preparation{padding:28px 20px}
 .pricing-approved{margin-top:28px}
 .pricing-intro{grid-template-columns:1fr;gap:28px}
 .pricing-body h2{margin-top:32px}
 body.page-id-8 .service-experience{gap:28px}
}