/* Emergency Dentist: clearer calls to action and easier reading.
   Page-scoped only. Safety notices, first-aid controls and form logic are unchanged. */
html body #main.ed-clarity{--ed-space:clamp(1.6rem,3.2vw,3rem)}
html body #main.ed-clarity .ed-hero{padding-block:1.8rem 2.8rem}
html body #main.ed-clarity .ed-hero-grid{gap:var(--ed-space);align-items:center}
html body #main.ed-clarity .ed-hero-copy h1{margin-bottom:1.1rem}
html body #main.ed-clarity .ed-tagline{font-size:clamp(1.25rem,2vw,1.45rem);line-height:1.45;margin-bottom:1rem}
html body #main.ed-clarity .ed-intro{font-size:1.25rem;line-height:1.7;margin-bottom:1.4rem;max-width:36rem}
html body #main.ed-clarity .ed-hero-actions{gap:.7rem;align-items:stretch}
html body #main.ed-clarity .ed-hero-actions .btn{font-size:1.125rem;padding:.85rem 1.1rem;min-height:3.35rem}
html body #main.ed-clarity .ed-aid-link{margin-top:1.1rem}
html body #main.ed-clarity .ed-reassurance{font-size:1rem;line-height:1.65;max-width:34rem;margin:1rem 0 1.2rem}
html body #main.ed-clarity .ed-doctor{padding-top:1rem;max-width:100%}
html body #main.ed-clarity .ed-call-card{min-height:0;gap:1.65rem;padding:2rem}
html body #main.ed-clarity .ed-card-contact .ed-card-fine{margin-top:1.05rem}
html body #main.ed-clarity .ed-card-number{font-size:clamp(2rem,3.5vw,3.15rem);line-height:1.25}
html body #main.ed-clarity .ed-section-nav{justify-content:flex-start;gap:.5rem 1.55rem;padding-block:.8rem}
html body #main.ed-clarity .ed-nav-label{font-size:1rem;line-height:1.5;font-weight:650;color:var(--ed-muted);margin-right:.2rem}
html body #main.ed-clarity .ed-section-nav a{font-size:1rem;padding-block:.55rem}
html body #main.ed-clarity .ed-section{padding-block:3.6rem}
html body #main.ed-clarity h2{font-size:clamp(2.05rem,3.1vw,2.85rem);line-height:1.17}
html body #main.ed-clarity .ed-section-heading{align-items:flex-start;gap:1.15rem 2.6rem;margin-bottom:1.8rem}
html body #main.ed-clarity .ed-section-heading>p{max-width:27rem;flex-basis:22rem}
html body #main.ed-clarity .ed-tips{gap:1.1rem}
html body #main.ed-clarity .ed-tip summary{padding:1.4rem;gap:1rem}
html body #main.ed-clarity .ed-tip-body{padding:1.25rem 1.4rem}
html body #main.ed-clarity .ed-tip-body p:last-child{margin-bottom:0}
html body #main.ed-clarity .ed-steps{gap:1.9rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr))}
html body #main.ed-clarity .ed-steps h3{font-size:1.55rem;line-height:1.3;letter-spacing:-.03em}
html body #main.ed-clarity .ed-steps p{font-size:1.125rem;line-height:1.75}
html body #main.ed-clarity .ed-call-outline{padding:2rem;gap:1.5rem;margin-top:2rem}
html body #main.ed-clarity .ed-call-question{font-size:1.4rem;line-height:1.5}
html body #main.ed-clarity .ed-faq-grid{gap:var(--ed-space);grid-template-columns:repeat(auto-fit,minmax(min(100%,28rem),1fr))}
html body #main.ed-clarity .ed-faq-intro h2{margin-bottom:1.15rem}
html body #main.ed-clarity .ed-cost-note{padding:1.65rem;margin-top:1.65rem}
html body #main.ed-clarity .ed-cost-note h3{font-size:1.6rem;line-height:1.3}
html body #main.ed-clarity .ed-faq-list summary{font-size:1.25rem;line-height:1.5;padding-block:1.2rem}
html body #main.ed-clarity .ed-faq-list .faq-answer{font-size:1.1875rem;line-height:1.75}
html body #main.ed-clarity .ed-final{padding:0 0 2.5rem}
html body #main.ed-clarity .ed-final-panel{padding:2.4rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,26rem),1fr))}
html body #main.ed-clarity .ed-final-panel h2{margin-bottom:1.2rem}
html body #main.ed-clarity .ed-final-panel .btn-row{gap:.7rem;align-items:stretch}
html body #main.ed-clarity .ed-final-panel .btn{font-size:1.0625rem;min-height:3.35rem;padding:.85rem 1.1rem}
html body #main.ed-clarity .ed-final-panel .ed-directions-link{margin:1.1rem 0 0}
html body #main.ed-clarity .ed-final-address{padding-left:1.7rem}
html body #main.ed-clarity .ed-related{gap:1rem;margin-block:1.4rem 1.7rem}
html body #main.ed-clarity .request-section{padding-block:3.5rem}
html body #main.ed-clarity .request-layout{grid-template-columns:repeat(auto-fit,minmax(min(100%,28rem),1fr));gap:var(--ed-space)}
html body #main.ed-clarity .request-intro>p{font-size:1.1875rem;line-height:1.7}
html body #main.ed-clarity .request-steps{gap:1rem}
html body #main.ed-clarity #appointment-request{scroll-margin-top:1.5rem}
.ed-clarity :is(.btn,.text-link,.ed-expand,.ed-copy){max-width:100%;overflow-wrap:anywhere}
body.emergency-clarified>.skip-link:not(:focus){transform:translateY(-200%)}
@media(max-width:1050px){
 html body #main.ed-clarity .ed-hero-grid{grid-template-columns:1fr;gap:2rem}
 html body #main.ed-clarity .ed-section{padding-block:3.1rem}
 html body #main.ed-clarity .ed-final-address{border-left:0;border-top:1px solid #c6b458;padding:1.5rem 0 0}
}
@media(max-width:760px){
 html body #main.ed-clarity .ed-section-heading{flex-direction:column;gap:1rem}
 html body #main.ed-clarity .ed-section-heading>div,html body #main.ed-clarity .ed-section-heading>p{flex:auto;max-width:100%}
 html body #main.ed-clarity :is(.ed-faq-grid,.request-layout){grid-template-columns:1fr;gap:1.75rem}
 html body #main.ed-clarity .ed-final-panel{grid-template-columns:1fr}
}
@media(max-width:600px){
 html body #main.ed-clarity .ed-hero{padding-block:1.65rem 2.3rem}
 html body #main.ed-clarity .ed-hero-actions{display:grid;grid-template-columns:1fr}
 html body #main.ed-clarity .ed-hero-actions .btn{width:100%}
 html body #main.ed-clarity .ed-intro{font-size:1.1875rem}
 html body #main.ed-clarity .ed-call-card{padding:1.4rem;gap:1.4rem}
 html body #main.ed-clarity .ed-section-nav{gap:.2rem 1.1rem}
 html body #main.ed-clarity .ed-nav-label{flex-basis:100%}
 html body #main.ed-clarity .ed-section{padding-block:2.8rem}
 html body #main.ed-clarity .ed-tip summary{padding:1.2rem;gap:.8rem}
 html body #main.ed-clarity .ed-tip-body{padding:1.2rem}
 html body #main.ed-clarity :is(.ed-call-outline,.ed-cost-note,.ed-final-panel){padding:1.4rem}
 html body #main.ed-clarity .ed-final-panel .btn-row{display:grid;grid-template-columns:1fr}
 html body #main.ed-clarity .ed-final-panel .btn{width:100%}
 html body #main.ed-clarity .request-section{padding-block:2.8rem}
 html body #main.ed-clarity .ed-faq-intro>p,html body #main.ed-clarity .request-intro>p{font-size:1.125rem}
 body.emergency-clarified .mobile-action-bar{display:grid;grid-template-columns:.8fr 1.4fr .7fr;gap:.45rem;padding:.65rem .8rem max(.65rem,env(safe-area-inset-bottom))}
 body.emergency-clarified .mobile-action-bar a{font-size:1rem;line-height:1.3;min-height:3rem;gap:.35rem;padding:.7rem .35rem;word-break:normal;flex-wrap:nowrap}
 body.emergency-clarified .mobile-action-bar a .icon{width:1rem;height:1rem}
}
@media(max-width:370px){body.emergency-clarified .mobile-action-bar .icon{display:none}}
@media print{html body #main.ed-clarity :is(.ed-section,.request-section){padding-block:1rem}}
/* Keep the reading area generous when a visitor doubles their browser text size. */
.ed-clarity :is(.ed-card-contact,.ed-cost-note,.ed-directions-link) :is(.btn,.text-link)>span{min-width:0}
@media(max-width:500px){
 html body #main.ed-clarity :is(.ed-call-card,.ed-call-outline,.ed-cost-note,.ed-final-panel){padding:22px}
 html body #main.ed-clarity .ed-tip summary,html body #main.ed-clarity .ed-tip-body{padding:20px;gap:12px}
 html body #main.ed-clarity .ed-hero-actions .btn,html body #main.ed-clarity .ed-final-panel .btn{padding-inline:16px;gap:10px}
 html body #main.ed-clarity .ed-card-contact .btn{padding-inline:16px;gap:10px}
 html body #main.ed-clarity .ed-cost-note .text-link,html body #main.ed-clarity .ed-directions-link .text-link{gap:10px}
}
