.heading{top:96px;width:min(800px,calc(100% - 80px));z-index:2}
.heading h1{font-size:clamp(24px,3vw,39px);line-height:1.15;margin:10px 0}
.heading p{line-height:1.5}
#sceneEvent{position:absolute;top:218px;left:50%;transform:translateX(-50%);max-width:80%;padding:7px 14px;border-radius:14px;background:#fff7e4;color:#a4623e;font-size:11px;text-align:center;z-index:2}
#speech{top:270px;left:auto;right:15%;max-width:230px;z-index:1;font-size:16px}
#pairLabels{position:absolute;top:221px;left:calc(50% - 300px);width:600px;display:flex;gap:18px;text-align:center;font-size:10px;color:#657a53}
#pairLabels span{flex:1;padding:8px;background:#fff9e9;border-radius:12px}
.universal .subtitle{width:min(860px,calc(100% - 280px));left:calc(50% + 65px);padding:14px 18px;max-height:40vh;overflow:auto}
.pair-select{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pair-select label{font-size:10px;font-weight:600}
.pair-select select{display:block;width:100%;margin-top:5px;padding:8px;background:#f1f3e7;color:#334638;border:1px solid #cbd5be;border-radius:9px;font:12px 'Segoe UI',sans-serif}
.pair-presets{display:flex;gap:5px;overflow:auto;margin:9px 0}
.pair-presets button,.pair-actions button,#pairQuiz button{border:1px solid #d3dbc7;background:#f2f3e7;color:#405538;padding:6px 9px;border-radius:9px;font-size:10px;white-space:nowrap}
.pair-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pair-cards article{min-width:0;padding:10px;background:#f2eedf;border-radius:12px}
.pair-cards strong{font-size:10px;color:#657b54}
.pair-cards p[lang]{font:18px/1.3 Georgia;margin:7px 0;color:#334638}
.pair-cards em{font-style:normal;color:#a76743}
.pair-cards small{font-size:11px;line-height:1.45;display:block;color:#697363}
.pair-cards details{margin-top:7px;font-size:11px;line-height:1.5}
.pair-cards summary{cursor:pointer;color:#577342}
.pair-cards details p{line-height:1.5;margin:7px 0}
.subtitle .pair-tip{font-size:10px;margin:9px 0;line-height:1.4}
#pairQuiz{margin-top:8px;padding:10px;background:#edf1df;border-radius:10px}
#pairQuiz p{margin:5px 0;line-height:1.5}
.pair-actions{display:flex;gap:8px}
@media(max-width:750px){
.heading{top:79px;width:calc(100% - 38px)}.heading h1{font-size:25px}.heading p{font-size:11px}
#sceneEvent{top:181px;font-size:9px;padding:5px 10px}
#speech{top:221px;right:52px;font-size:12px;padding:9px 12px;max-width:160px}
#pairLabels{top:180px;left:14px;width:calc(100% - 28px);gap:5px;font-size:8px}
#pairLabels span{padding:6px 3px}
.universal .subtitle{width:calc(100% - 28px);left:50%;max-height:310px;bottom:24px;padding:11px 12px}
.universal nav{bottom:347px;max-height:90px}
.universal .lesson{display:none}
.universal main{min-height:850px}
.pair-select{gap:8px}.pair-select select{font-size:10px;padding:7px 3px}
.pair-cards{gap:6px}.pair-cards article{padding:8px}
.pair-cards p[lang]{font-size:15px}.pair-cards strong{font-size:9px}
.pair-cards small{font-size:10px}
.pair-presets{margin:7px 0}.pair-presets button{font-size:9px}
.universal aside{top:275px}
}
@media(max-height:740px) and (min-width:751px){
.heading{top:78px}.heading h1{font-size:28px;margin:5px 0}
#sceneEvent,#pairLabels{top:180px}#speech{top:224px}
.universal .subtitle{max-height:38vh}
}