/* Readability and layout refinements for the medical portal. */
:root{--muted:#46554a}
main p,.clinic-points,.facts div,.step p,.support-promises p,.home-faq .about p,.cost-columns p,.cost-note p,.planner-layout>div>p{font-size:16px;line-height:1.65}
main .btn,main .hero-button,main .inline-link,.medical-directions button{font-size:14px}
main .eyebrow,.hero-kicker,.listing-body .meta,.doctor-real .meta{font-size:11px;letter-spacing:.08em}
.journey-dock small{font-size:10px;letter-spacing:.04em;color:#435244}
.journey-dock strong{font-size:18px}
:focus-visible{outline:3px solid #47683d;outline-offset:3px}
@media(min-width:901px) and (max-height:850px){.medical-hero{min-height:850px}.medical-hero .experience-copy{top:16%}}
@media(min-width:701px) and (max-width:900px){
 .medical-hero .experience-copy{top:18%;width:55%}
 .medical-hero .experience-copy h1{font-size:clamp(76px,12vw,104px)}
 .medical-hero .experience-copy>p{max-width:370px}
 .medical-hero .experience-haze{background:linear-gradient(90deg,#f5f5ef 0%,rgba(245,245,239,.96) 42%,rgba(245,245,239,.6) 60%,transparent 82%)}
 .medical-hero .hero-spot{display:none}
 .journey-dock>a{gap:8px;padding:0 10px}
 .journey-dock strong{font-size:15px}
}
@media(max-width:700px){
 .medical-hero{min-height:950px}
 .medical-hero .experience-copy{top:115px}
 .medical-hero .experience-copy>p{font-size:15px;line-height:1.6;max-width:310px}
 .medical-hero .hero-promise{font-size:24px}
 .medical-hero .hero-button{font-size:14px}
 .journey-dock small{font-size:10px;line-height:1.3}
 .journey-dock strong{font-size:16px}
 .journey-dock>a{min-height:58px}
 .is-home.show-mobile-contact .mobile-contact{display:none}
 .is-home .medical-notice{padding-bottom:30px}
 .planner-caption,.planner-hint,.field,.medical-notice{font-size:13px}
 .patient-support-copy>p,.support-promises p,.cost-columns p,.home-faq .about p,.planner-layout>div>p,.medical-directions p,.detail-layout p,.detail-layout li,.doctor-profile-copy>p,.article-body p,.listing-body>p,.grid .listing-body>p,.doctor-real p,.featured-clinic-copy>p,.section-head>p,.section-aside p{font-size:16px;line-height:1.6}
}

@media(min-width:701px) and (max-width:900px){.medical-hero .experience-copy>p{font-size:15px;line-height:1.6}}

.medical-directions p,.concierge-process .step p,.concierge-process .process-intro p,.patient-support-copy>p,.support-promises p,.cost-columns p,.home-faq .about p{font-size:16px;line-height:1.65}