/* Shared responsive sizing rules, loaded after component styles. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
main,.wrap,.article,.aside,.contentgrid,.contentgrid>*,.profile-top>*,.doctorhero>*,.patient-hero>*,.section-head>*,.cards>*,.guides>*,.case-meta>*,.factrow>*,.doctor-heading>*,.doctor-mini>*,.footer-top>*,.care-grid>*{min-width:0}
h1,h2,h3,h4,p,li,dd,dt,a,summary,.tag,.loc,.eyebrow{overflow-wrap:anywhere}
img{height:auto}
.btn{max-width:100%;min-height:44px;white-space:normal;text-align:center;gap:12px;overflow-wrap:anywhere}
.btn>span{flex-shrink:0}
.tag{max-width:100%;white-space:normal}
.comparison{max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.comparison table{min-width:500px}
.case-photo img{height:auto;max-height:none;object-fit:contain}
.quiet-image,.clinic-cover{max-width:100%;min-width:0}
.quiet-image img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.doctor-heading img,.doctor-mini img,.clinic-doctor img{flex-shrink:0}
.footer-bottom{gap:18px;flex-wrap:wrap}
header nav{height:auto;min-height:84px;padding-block:16px;flex-wrap:wrap}
header nav>a{min-width:0}
.card-actions>a{display:inline-flex;align-items:center;min-height:44px}
summary::-webkit-details-marker{display:none}
@media(max-width:1100px) and (min-width:641px){
 .cards,.guides{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cards{gap:26px}
}
@media(max-width:900px){
 .wrap{padding-inline:24px}
 .contentgrid{grid-template-columns:minmax(0,1fr);gap:32px}
 .article{max-width:none}
 .aside{position:static;max-width:100%}
 .section-head{display:block}
 .section-head h2{margin-bottom:18px}
 .section-head>.textlink{display:inline-block;margin-top:16px}
 .patient-hero,.profile-top{grid-template-columns:minmax(0,1fr);gap:28px}
 .quiet-image img{aspect-ratio:16/9;max-height:420px}
 .profile-top h1,.doctorhero h1,.pagehead h1,.concern-pagehead h1{font-size:clamp(32px,5.8vw,48px)}
 .care-grid{grid-template-columns:minmax(0,1fr)}
 .doctorhero{grid-template-columns:180px minmax(0,1fr);gap:28px}
 .doctorhero img{height:230px;object-fit:contain}
 .profile-facts>div{grid-template-columns:155px minmax(0,1fr);gap:20px}
 .footer-top{flex-direction:column;gap:28px}
 .footerlinks{flex-wrap:wrap;gap:28px 45px}
 .topic-links{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sitemap-cols{columns:2}
}
@media(max-width:760px){
 header{position:static;backdrop-filter:none}
 header nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px;padding-block:16px;min-height:0}
 header nav>.brand{grid-column:1/-1;width:auto;margin:0 0 8px;font-size:27px}
 header nav>a:not(.brand){display:flex;align-items:center;min-height:44px;font-size:13px;line-height:1.4;padding:8px 0}
 header nav>.nav-cta{grid-column:1/-1;border:0}
 html{scroll-padding-top:20px}
 .filterbar input,.filterbar select{font-size:16px;min-height:46px}
 .filterbar label{min-width:0;flex:1 1 180px}
 .filterbar{padding:16px}
 .patient-hero h1{font-size:clamp(34px,8.5vw,48px)}
 .mobile-cta{padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px))}
 .mobile-cta .btn{height:48px;min-height:48px;font-size:14px;padding:10px 14px}
 body:has(.mobile-cta){padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}
 .mobile-cta{display:block;position:fixed;bottom:0;left:0;right:0;background:var(--paper);border-top:1px solid var(--line);z-index:30}
}
@media(max-width:640px){
 .wrap{padding-inline:18px}
 .cards,.guides,.article .cards,.profile-cases{grid-template-columns:minmax(0,1fr);gap:28px}
 .clinic-card{display:flex;flex-direction:column;grid-row:auto;height:auto}
 .clinic-card .card-body{display:flex;flex-direction:column;padding:18px 0}
 .clinic-card .card-image{height:auto;flex:0 0 auto;aspect-ratio:3/2;margin-bottom:0}
 .clinic-card .card-image img{height:100%}
 .clinic-card .clinic-doctor{margin-top:0}
 .clinic-card .tags{min-height:0}
 .doctorcard .card-image{height:auto;aspect-ratio:4/3;max-height:360px}
 .doctorcard .card-image img{height:100%;object-fit:contain}
 .casecard .casevisual,.article .casevisual{height:auto;aspect-ratio:3/2}
 .casevisual img{height:100%}
 .casecard .casebody{padding:20px}
 .doctorhero{grid-template-columns:minmax(0,1fr);gap:22px}
 .doctorhero>img{width:min(200px,100%);height:auto;max-height:270px;object-fit:contain}
 .doctorhero .btn{font-size:14px;min-height:44px;padding:12px 18px}
 .doctor-heading{align-items:flex-start;gap:15px}
 .doctor-heading h3{font-size:25px}
 .doctor-heading img{width:76px;height:100px}
 .clinic-cover{height:auto;aspect-ratio:4/3;object-fit:cover}
 .factrow,.case-meta,.patient-answers,.doctorlist{grid-template-columns:minmax(0,1fr)}
 .factrow>div:last-child{grid-column:auto}
 .factrow>div{padding:16px 0;border-top:1px solid var(--line)}
 .factrow>div:first-child{border-top:0}
 .profile-facts>div{grid-template-columns:minmax(0,1fr);gap:7px}
 .topic-links{grid-template-columns:minmax(0,1fr)}
 .section-head h2,.related-evidence .section-head h2{font-size:clamp(28px,7vw,36px)}
 .answer-box,.patient-takeaway{padding:20px}
 .cta-band{padding:24px;display:block}
 .buttons>.btn{flex:1 1 100%}
 .more-content>summary{padding:16px 40px 16px 16px;min-height:52px}
 .more-content>summary>span{display:none}
 .sitemap-cols{columns:1}
 .footerlinks{gap:25px}
 .footer-bottom span{display:block}
}