/* Shared accessibility layout: text may wrap and panels remain scrollable. */
:is(button,summary,label,.settings-label,.site-menu a){overflow-wrap:anywhere}
:is(dialog,.side-dock,.site-menu) :is(button,input,select,textarea){max-width:100%;min-width:0}
.text-size-setting{display:flex!important;flex-wrap:wrap;align-items:center;gap:10px!important}
.text-size-setting input[type=range]{flex-basis:100%;width:100%;margin:8px 0}
.text-size-setting output{margin-inline-end:auto}
.text-size-setting button{white-space:normal}
.selected-value{display:none}
html[data-large-text=true] .selected-value{display:block;flex:1 1 100%;grid-column:1 / -1;font-size:var(--text-small);line-height:var(--reading-line-height);overflow-wrap:anywhere}
body :is(.settings-surface,.settings-navigation) :is(button,summary,label,.settings-label){font-size:var(--text-small)}
body :is(.settings-surface,.settings-navigation) :is(p,small,.console-note){font-size:var(--text-small)!important}
body :is(.learning-reading,#lessonText,.article-content) :is(p,li){font-size:var(--text-body);line-height:var(--reading-line-height)}
body :is(.catalog-tabs,.catalog-filters,.catalog-families,.public-discover-filters,.site-primary) button{font-size:var(--text-small)}
body :is(.console-head,.settings-page-head){min-width:0}
body :is(.console-head,.settings-page-head) :is(h2,h3){min-width:0;overflow-wrap:anywhere}
body dialog.settings-surface .settings-scroll{min-height:0;overflow:auto}
body dialog.settings-surface .settings-native label{height:auto;flex-wrap:wrap}
body dialog.settings-surface .settings-native select{width:100%}
html[data-large-text=true] body.tool-rail-layout header nav :is(button,#discoverSky){height:auto;min-height:64px;white-space:normal;padding:6px;line-height:1.25}
html[data-large-text=true] body.tool-rail-layout header nav :is(.nav-short,.nav-wide){font-size:var(--text-small);white-space:normal}
html[data-large-text=true] body.tool-rail-layout header{height:auto;min-height:var(--nav-height)}
html[data-large-text=true] body dialog.settings-navigation .settings-quick-grid{grid-template-columns:minmax(0,1fr)}
html[data-large-text=true] body dialog.settings-navigation .settings-quick-caption{white-space:normal;max-width:100%;height:auto}
html[data-large-text=true] body dialog.settings-navigation .settings-quick-presets{flex-wrap:wrap}
html[data-large-text=true] body dialog.settings-navigation .settings-quick-presets button{flex-basis:100%}
html[data-large-text=true] #catalogDialog .console-head{flex-wrap:wrap}
html[data-large-text=true] #catalogDialog .console-head h2{flex:1 1 calc(100% - 60px);order:-1}
html[data-large-text=true] #catalogDialog .console-head .close-console{order:-1}
html[data-large-text=true] .landing-hero h1{overflow-wrap:anywhere;min-width:0}
html[data-large-text=true] .agenda-card-summary{display:block;-webkit-line-clamp:unset;overflow:visible}
html[data-large-text=true] body dialog.settings-surface .date-wheel{grid-template-columns:minmax(0,1fr)}
html[data-large-text=true] .site-header{height:auto;min-height:76px;flex-wrap:wrap}
html[data-large-text=true] .site-menu{max-height:calc(100dvh - var(--nav-offset,76px) - 16px);overflow:auto}
html[data-large-text=true] :is(.site-primary,.site-actions){flex-wrap:wrap}
@media(max-width:760px){
 :root[data-large-text=true]{--nav-height:calc(84px + env(safe-area-inset-top,0px))}
 html[data-large-text=true] .site-header .launch{display:none}
 html[data-large-text=true] .site-menu .mobile-primary{display:block}
 html[data-large-text=true] .site-header .site-primary{display:none}
 html[data-large-text=true] .site-header .site-menu{width:min(32rem,calc(100vw - 24px))}
}

/* Enhanced selectors already wrap their selected value. */
html[data-large-text=true] label:has(select[hidden]) .selected-value{display:none}