.site-language{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid #d9e3f1;border-radius:24px;background:#fff;flex:none;font:12px/1.4 Arial,sans-serif;letter-spacing:0}
.site-language a{color:#60758f;text-decoration:none;border-radius:20px;padding:6px 9px;white-space:nowrap}
.site-language a[aria-current=true]{background:#284c79;color:#fff}
.site-language a:focus-visible{outline:2px solid #3266c5;outline-offset:2px}
.room-heading>.site-language{position:absolute;top:15px;right:0}
.masthead>.site-language,.device-header>.site-language{margin-left:12px}
html[lang=en] .room-heading h1{letter-spacing:0;font-size:clamp(24px,3.2vw,36px)}
html[lang=en] .room-heading>p{letter-spacing:0}
html[lang=en] .apparatus-name{white-space:normal;line-height:1.3;text-align:center}
html[lang=en] .device-shell{grid-template-rows:76px minmax(360px,1fr) auto}
html[lang=en] .current-caption h2{font-size:15px}
html[lang=en] .teaching-footer{padding-bottom:12px}
html[lang=en] .device-dock .primary{width:auto;min-width:146px}
html[lang=en] .stage-heading p{max-width:38em}
html[lang=en] #phase-track>div{font-size:12px;overflow-wrap:anywhere}
html[lang=en] .room-navigation nav{flex-wrap:wrap}
html[lang=en] .room-navigation button{letter-spacing:0}
@media(max-width:900px){.device-header>span{display:none}.device-header{gap:8px}html[lang=en] .room-link{font-size:20px}.masthead{flex-wrap:wrap}.masthead>.site-language{margin-left:auto}}
@media(max-width:700px){
 .device-header{flex-wrap:wrap;align-content:center;padding-bottom:8px;gap:3px 8px}
 .device-header>.site-language{margin-left:auto;order:1}.device-header>nav{order:2;width:100%;margin-left:0}
 .device-header select{padding:3px 0;max-width:100%}.device-shell,html[lang=en] .device-shell{grid-template-rows:98px minmax(420px,1fr) auto}
 .room-heading{padding-top:66px}.room-heading>.site-language{top:15px}
 html[lang=en] .stage-heading{flex-wrap:wrap;gap:4px}html[lang=en] .stage-heading>div:first-child{width:100%}
 html[lang=en] .stage-heading p{max-width:100%}html[lang=en] .heading-actions{margin-top:2px}
 html[lang=en] .float-panel{top:120px;max-height:calc(100% - 260px)}
 html[lang=en] .mode-group button{padding:9px 6px;font-size:11px}
 html[lang=en] .room-navigation button{font-size:10px;padding:8px 6px}
 html[lang=en] .room-footer{flex-wrap:wrap}
 html[lang=en] .cycle-phase-track{gap:8px}
 html[lang=en] .cycle-phase{min-width:0;font-size:10px!important;letter-spacing:0!important;white-space:normal;overflow-wrap:anywhere}
}