/* About-page clarity refinement. Scoped to this page only.
   Existing readable type, native navigation, form logic and motion controls remain. */
#main.about-clarity{--ab-clear-border:#d6e5e8}
#main.about-clarity .ab-hero{padding-bottom:2.5rem}
#main.about-clarity .ab-hero-grid{gap:clamp(1.75rem,4.3vw,4rem);grid-template-columns:repeat(auto-fit,minmax(min(100%,27rem),1fr))}
#main.about-clarity .ab-hero-copy{max-width:40rem}
#main.about-clarity h1{font-size:clamp(2.65rem,4.95vw,4.6rem);line-height:1.1}
#main.about-clarity .ab-subtitle{font-size:clamp(1.35rem,2vw,1.625rem);line-height:1.45}
#main.about-clarity .ab-lead{font-size:1.25rem;line-height:1.7;max-width:36rem}
#main.about-clarity .ab-reassurance{display:block;max-width:34rem;margin-top:1rem;color:var(--muted)}
#main.about-clarity .ab-clear-actions{display:flex;align-items:stretch;flex-flow:row wrap;gap:.8rem}
#main.about-clarity .ab-clear-actions .btn{min-height:3.5rem;max-width:100%;white-space:normal;overflow-wrap:normal;font-size:1.125rem;line-height:1.5;padding:.85rem 1.25rem;text-align:center}
#main.about-clarity .ab-clear-actions .btn .icon{flex-shrink:0}
#main.about-clarity .ab-portrait-stage{min-height:30rem;gap:1rem;padding:1.4rem}
#main.about-clarity .ab-portrait-card{width:min(17rem,100%);margin:.1rem 0}
#main.about-clarity .ab-stage-top{padding-left:.3rem}
#main.about-clarity .ab-stage-top .ab-label{letter-spacing:.02em}
#main.about-clarity .ab-seal{width:4.5rem;height:4.5rem}
#main.about-clarity .ab-seal .icon{width:2.4rem;height:2.4rem}
#main.about-clarity .ab-welcome-bar{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));padding:1.2rem 1.55rem;gap:1rem;border-color:var(--ab-clear-border);box-shadow:none}
#main.about-clarity .ab-welcome-bar>span{font-size:1.0625rem;justify-content:center;border:0;padding:0;letter-spacing:0}
#main.about-clarity .ab-experience-fact{color:var(--pink);font-weight:750}
#main.about-clarity .ab-experience-fact .icon{color:var(--pink)}
#main.about-clarity .ab-section{padding-block:clamp(3.25rem,5.5vw,5rem)}
#main.about-clarity h2{font-size:clamp(2rem,3.05vw,2.9rem);line-height:1.18;letter-spacing:-.04em}
#main.about-clarity .ab-eyebrow{margin-bottom:1rem;letter-spacing:.035em}
#main.about-clarity .ab-practice-grid{gap:clamp(2rem,5vw,4.5rem);grid-template-columns:repeat(auto-fit,minmax(min(100%,25rem),1fr))}
#main.about-clarity .ab-practice-copy h2{margin-bottom:1.25rem}
#main.about-clarity .ab-practice-note{padding:1.8rem 2rem;background:#f3f8f9;border-color:var(--ab-clear-border)}
#main.about-clarity .ab-note-icon{display:none}
#main.about-clarity .ab-practice-note h3{font-size:1.7rem;margin-bottom:1.2rem}
#main.about-clarity .ab-point{border-color:var(--ab-clear-border);padding:.8rem 0}
#main.about-clarity .ab-section-heading{gap:2.25rem;align-items:flex-end;margin-bottom:2rem}
#main.about-clarity .ab-section-heading>div{max-width:40rem}
#main.about-clarity .ab-section-heading>p{max-width:27rem}
#main.about-clarity .ab-questions-section{background:#f0f7fa}
#main.about-clarity .ab-conversation{grid-template-columns:minmax(15rem,.85fr) minmax(0,1.5fr);box-shadow:0 .9rem 2.2rem #17384708;border-color:#c9e0e7}
#main.about-clarity .ab-choice-side{padding:2rem 1.7rem}
#main.about-clarity .ab-choice-side>.ab-label{margin-bottom:1.25rem}
#main.about-clarity .ab-choice-footer{padding-top:2rem}
#main.about-clarity .ab-answer{padding:2rem 2.4rem;min-height:0}
#main.about-clarity .ab-answer-top{margin-bottom:1rem}
#main.about-clarity .ab-answer-number{display:none}
#main.about-clarity .ab-answer h3{font-size:clamp(1.7rem,2.2vw,2.15rem);max-width:34rem}
#main.about-clarity .ab-answer>p{margin-bottom:1.25rem}
#main.about-clarity .ab-copy-status:empty{min-height:0;margin:0}
#main.about-clarity .ab-guide-next{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-top:1.2rem}
html body #main.about-clarity .ab-guide-next .ab-tool-note{font-size:1rem;max-width:46rem;margin:0}
#main.about-clarity .ab-guide-next>.text-link{flex-shrink:0}
#main.about-clarity .ab-care-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:1.25rem}
#main.about-clarity .ab-care-card{padding:1.65rem}
#main.about-clarity .ab-care-card h3{font-size:1.6rem;line-height:1.3;margin-bottom:1rem}
#main.about-clarity .ab-care-card p{margin-bottom:1.25rem}
#main.about-clarity .ab-care-top{margin-bottom:1.1rem}
#main.about-clarity .ab-urgent-strip{display:flex;flex-wrap:wrap;gap:.8rem 1.5rem;padding:1.35rem 1.6rem;align-items:center}
#main.about-clarity .ab-urgent-strip>div{flex:1 1 23rem}
#main.about-clarity .ab-urgent-strip>.text-link{flex:0 1 auto;margin:0;font-size:1rem}
#main.about-clarity .ab-final-panel{grid-template-columns:repeat(auto-fit,minmax(min(100%,23rem),1fr));gap:2.5rem;padding:2.5rem;background:#fff7d9}
#main.about-clarity .ab-final-copy h2{max-width:32rem;font-size:clamp(2rem,3.3vw,3rem)}
#main.about-clarity .ab-final-copy>p{max-width:33rem;margin-block:1.2rem 1.5rem}
#main.about-clarity .ab-final-new{margin-top:1rem}
#main.about-clarity .ab-location-card{padding:1.75rem}
#main.about-clarity .ab-final-copy .gdc-banner-save{display:block;margin-top:1rem}
#main.about-clarity #appointment-request h2{max-width:28rem}
@media(max-width:1000px){
 #main.about-clarity .ab-conversation{grid-template-columns:repeat(auto-fit,minmax(min(100%,23rem),1fr))}
 #main.about-clarity .ab-section-heading{display:block}
 #main.about-clarity .ab-section-heading>p{max-width:40rem;margin:1rem 0 0}
}
@media(max-width:600px){
 #main.about-clarity .ab-clear-actions{flex-direction:column;align-items:stretch}
 #main.about-clarity .ab-clear-actions .btn{width:100%;padding-inline:1rem;flex-wrap:wrap}
 #main.about-clarity .ab-hero-grid{gap:2rem}
 #main.about-clarity .ab-portrait-stage{min-height:28rem;padding:1.25rem;max-width:29rem}
 #main.about-clarity .ab-welcome-bar{padding:1.15rem 1.25rem}
 #main.about-clarity .ab-welcome-bar>span{justify-content:flex-start}
 #main.about-clarity .ab-practice-note,#main.about-clarity .ab-choice-side,#main.about-clarity .ab-answer,#main.about-clarity .ab-care-card,#main.about-clarity .ab-location-card{padding:1.35rem}
 #main.about-clarity .ab-final-panel{padding:1.35rem;gap:1.6rem}
 #main.about-clarity .ab-urgent-strip{padding:1.3rem;gap:1rem}
 #main.about-clarity .ab-urgent-strip>div{flex-basis:calc(100% - 4rem)}
 #main.about-clarity .ab-guide-next{align-items:flex-start;flex-direction:column}
}
@media print{#main.about-clarity .ab-clear-actions,#main.about-clarity .ab-guide-next{display:none!important}}
/* Keep the three existing mobile contact actions readable instead of wrapping
   the short Map label into individual letters. Other pages are unaffected. */
@media(max-width:600px){
 html body.about-enhanced .mobile-action-bar{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr) minmax(0,.8fr);gap:.45rem;padding:.6rem .65rem max(.6rem,env(safe-area-inset-bottom))}
 html body.about-enhanced .mobile-action-bar a{min-width:0;min-height:3.35rem;font-size:1rem!important;line-height:1.35;padding:.6rem .35rem!important;gap:.25rem;flex-wrap:wrap;overflow-wrap:normal;word-break:normal}
 html body.about-enhanced .mobile-action-bar .icon{width:1rem;height:1rem;flex:none}
}