.ui-language{display:inline-flex;align-items:center;flex-shrink:0}.ui-language select{font:12px system-ui,-apple-system,sans-serif;color:#294637;background:#f4f6ed;border:1px solid #d8e1cf;border-radius:8px;padding:8px 10px;min-width:110px;max-width:135px;cursor:pointer}.ui-language select:focus-visible{outline:3px solid #d2a462;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.header nav{margin-left:auto}.audio-status{font-size:11px;line-height:1.65;color:#657c58;margin-top:10px}.audio-status:empty{display:none}.notebook-top>span:first-child{background:transparent;padding:0;color:#7f8d76}.filter>span[data-i18n]{margin-left:0;opacity:1}.translation-details summary>span[data-i18n]{float:none;font-size:inherit;color:inherit}.translation-details summary>span:last-child:not([data-i18n]){float:right}.brand{letter-spacing:.3px}.brand small{font-size:10px}.notebook-image .preview-bubble>span{color:#173c36}
@media(max-width:700px){.header .container{height:auto;min-height:74px;flex-wrap:wrap;gap:12px;padding-top:13px;padding-bottom:13px}.header .logo{order:1}.header .ui-language{order:2;margin-left:auto}.header nav{order:3;width:100%;margin:0;justify-content:space-between}.ui-language select{font-size:11px;min-width:104px;max-width:116px;padding:7px 8px}.topbar{gap:8px;padding:0 13px}.topbar .language{display:none}.topbar .ui-language{margin-left:auto}.topbar .brand{font-size:15px;gap:8px}.topbar .brand small{font-size:9px}.topbar .pdf-link{flex-shrink:0}.topbar .brand-icon{width:30px;height:34px}}
.translation-picker{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 16px;border:1px solid #dbe3d3;border-radius:10px;background:#f0f4e9;margin:0 0 20px;font-size:12px;color:#48603b}.translation-picker>span{font-weight:650}.translation-picker select{background:#fffdf7;border:1px solid #ced9c2;border-radius:7px;color:#173c36;padding:7px 11px;font:13px system-ui,sans-serif;min-width:150px;cursor:pointer}.translation-picker small{font-size:10px;color:#92a080;margin-left:auto}.lesson-meta>span:last-child{overflow-wrap:anywhere}.hero-meta{flex-wrap:wrap}.hero-meta strong{font-size:11px}.notebook-bottom>span:first-child{color:#203b35;font-weight:650}@media(max-width:700px){.translation-picker{gap:9px;padding:11px 12px}.translation-picker small{margin-left:0;width:100%;font-size:9px}.translation-picker select{flex:1;min-width:130px}.hero-meta{gap:10px}.hero-meta>span:last-child{width:100%}}