#lesson-dialog{width:min(1180px,96vw);max-height:94dvh;border-radius:26px}
.classroom-layout{display:grid;grid-template-columns:260px minmax(0,1fr);align-items:start}
.lesson-outline{padding:24px 18px;background:#ded0ae;align-self:stretch;border-inline-end:1px solid #b9a47b}
.lesson-outline>p{font-size:13px;color:#635132;margin:0 12px 18px}
.lesson-outline ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.lesson-outline button{display:block;width:100%;text-align:start;border:0;border-radius:13px;background:transparent;color:#30352f;padding:13px 14px;line-height:1.8;font-size:14px}
.lesson-outline button[aria-current]{background:#292e29;color:#f3e6c6}
.lesson-outline button:hover{box-shadow:inset 0 0 0 1px #8d7445}
.player-content{min-width:0;padding:28px 42px 40px;min-height:520px}
.player-content p{max-width:68ch}.player-top{background:#292e29;color:#f4e5c3}.player-top button{color:inherit}
.resume-position{display:grid;gap:10px;padding:18px 0;margin-bottom:14px;border-bottom:1px solid #a38a58}
.resume-position strong{font-size:19px;font-weight:500}.resume-position span{font-size:13px;line-height:1.9}
.mobile-outline{display:none}button:focus-visible,select:focus-visible{outline:3px solid #987331;outline-offset:3px}
@media(max-width:750px){#lesson-dialog{width:96vw;border-radius:20px}.classroom-layout{display:block}.lesson-outline{display:none}.player-content{padding:20px;min-height:360px}.mobile-outline{display:grid;gap:8px;margin-bottom:24px}.mobile-outline label{font-size:13px}.mobile-outline select{font:inherit;font-size:14px;max-width:100%;width:100%;padding:12px;border:1px solid #a58b60;border-radius:12px;background:#e4d5b5;color:#292e29}.player-content h2{font-size:25px;line-height:1.8}}