/* Additional controls reuse the approved components. Changes below affect only
   visitor-selected reading modes; the default palette, fonts and scale stay intact. */
.access-panel .reading-help{font-size:.8125rem;line-height:1.8;color:var(--muted);margin:12px 0 16px}
.readable-font,.readable-font :is(h1,h2,h3,p,a,span,button,input,select,textarea,label,summary,dt,dd,li,address,em,strong){font-family:Arial,Helvetica,sans-serif!important;letter-spacing:normal!important}
.highlight-links a{text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:4px}
.keyboard-focus :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--paper);outline-offset:3px;box-shadow:0 0 0 6px var(--ink)}
.text-150{font-size:150%}.text-200{font-size:200%}
:is(.large-text,.text-150,.text-200) .site-header{height:auto;min-height:98px;display:flex;flex-wrap:wrap;padding-top:20px;padding-bottom:20px}
:is(.large-text,.text-150,.text-200) .site-header nav{display:none}
:is(.large-text,.text-150,.text-200) .site-header .menu-button{display:flex;align-items:center;min-height:44px;padding:10px 13px;border:1px solid var(--line);background:transparent;gap:13px}
:is(.large-text,.text-150,.text-200) .mobile-menu:not([hidden]){display:flex;flex-direction:column;padding:26px 6%;gap:20px;border-bottom:1px solid var(--line)}
:is(.large-text,.text-150,.text-200) .wordmark{white-space:normal}
:is(.large-text,.text-150,.text-200) .utility-bar{flex-wrap:wrap}
:is(.large-text,.text-150,.text-200) .site-header>a:first-child{max-width:100%;min-width:0}
:is(.large-text,.text-150,.text-200) .brand-symbol{flex-shrink:0}
:is(.large-text,.text-150,.text-200) :is(.guide-toggle,.access-toggle){height:auto;min-height:45px}
:is(.text-150,.text-200) :is(.visual-page-intro,.about-hero,.doctor-section,.intro,.faq-section,.contact-layout,.treatment-detail,.results-content){grid-template-columns:1fr}
:is(.text-150,.text-200) :is(.intro-bottom,.section-heading){flex-wrap:wrap}
:is(.text-150,.text-200) .hero{min-height:0}
:is(.text-150,.text-200) .hero-copy{max-width:100%}
:is(.text-150,.text-200) .hero h1{font-size:3.2rem}
:is(.text-150,.text-200) :is(h1,h2,h3,.large-phone,.related-service-links a){overflow-wrap:anywhere}
:is(.text-150,.text-200) .large-phone{white-space:normal}
:is(.text-150,.text-200) .footer-main{grid-template-columns:1fr 1fr}
:is(.text-150,.text-200) .footer-bottom{flex-wrap:wrap}
:is(.text-150,.text-200) .results-teaser-copy h2 em{white-space:normal}
.high-contrast :is(input,select,textarea){border-color:var(--ink)}
.high-contrast input::placeholder{color:var(--ink)}
.high-contrast :is(.section-number,.treatment-index,.visit-steps>div>span){color:var(--ink)}
.high-contrast .care-visual figcaption{background:var(--dark);color:var(--paper);padding:6px 10px}
.high-contrast .text-link:hover{opacity:1}
.reduce-motion,.reduce-motion *{scroll-behavior:auto!important}
@media(max-width:760px){
 :is(.text-150,.text-200) :is(.footer-main,.catalogue-controls,.treatment-detail dl,.credentials){grid-template-columns:1fr}
 :is(.text-150,.text-200) .guide-toggle>span{display:none}
 :is(.text-150,.text-200) .guide-toggle{padding:13px}
 :is(.text-150,.text-200) .hero-foot{flex-wrap:wrap;gap:16px}
 :is(.text-150,.text-200) .treatment-row{grid-template-columns:1fr 32px}
 :is(.text-150,.text-200) .treatment-index{display:none}
 :is(.text-150,.text-200) .treatment-thumb{display:none}
}