.lesson-handout-dialog{width:1180px;max-width:calc(100vw - 48px);height:86vh;height:86dvh;max-height:calc(100dvh - 48px);margin:auto;padding:0;border:1px solid #dce5f1;border-radius:16px;background:#fff;color:#17263c;box-shadow:0 20px 70px #12213626;overflow:hidden}
.lesson-handout-dialog[open]{display:flex;flex-direction:column}.lesson-handout-dialog::backdrop{background:rgba(18,33,54,.42)}
.lesson-handout-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 22px;border-bottom:1px solid #e6ebf2;flex:none}.lesson-handout-dialog-head h2{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft Yahei",sans-serif;font-weight:400;font-size:19px;line-height:1.5}.lesson-handout-dialog-actions{display:flex;align-items:center;gap:12px;flex:none}.lesson-handout-backtop{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:36px;padding:6px 8px;border:0;border-radius:7px;background:transparent;color:#2864dc;font-size:14px;font-weight:400;line-height:1.5;white-space:nowrap}.lesson-handout-backtop[hidden]{display:none}.lesson-handout-backtop:hover{background:#edf3ff}.lesson-handout-backtop>span{font-size:18px;line-height:1}.lesson-handout-close{display:flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;border:0;border-radius:8px;background:transparent;color:#61728b;line-height:1;padding:0}.lesson-handout-close>svg{display:block;flex:none;width:20px;height:20px;pointer-events:none}.lesson-handout-close:focus{outline:none}.lesson-handout-close:hover,.lesson-handout-close:focus-visible{background:#f2f5fa}
.lesson-handout-dialog-layout{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:0;flex:1}.lesson-handout-directory{min-height:0;overflow:auto;border-right:1px solid #e6ebf2;padding:20px 16px;background:#f8faff}
.lesson-handout-reading{min-width:0;overflow:auto;overscroll-behavior:contain;padding:24px 28px;scroll-behavior:auto}.lesson-handout-document .handout-document{border:0;padding:0;margin:0}.lesson-handout-document [id]{scroll-margin-top:12px}.lesson-handout-status{color:#61728b;line-height:1.8;font-size:14px;margin-bottom:16px}.lesson-handout-status:has(span:empty){display:none}.lesson-handout-status button{margin-left:12px;padding:5px 10px;border:1px solid #dce5f1;border-radius:6px;background:#fff;color:#2460d8}.lesson-handout-dialog :focus-visible:not(.lesson-handout-close){outline:2px solid #2864dc;outline-offset:2px}.lesson-handout-reading:focus-visible{outline-offset:-3px}
html.lesson-handout-page:not(.site-frontend){scrollbar-gutter:stable}html.lesson-handout-modal-open:not(.site-frontend){overflow:hidden}html.lesson-handout-modal-open:not(.site-frontend) body{overflow:visible}
@media(min-width:801px) and (max-width:991px){.lesson-handout-dialog-layout{grid-template-columns:280px minmax(0,1fr)}}
@media(max-width:800px){.lesson-handout-dialog{width:100%;max-width:calc(100vw - 16px);height:calc(100vh - 24px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);border-radius:12px}.lesson-handout-dialog-head{padding:10px 14px}.lesson-handout-dialog-head h2{font-size:17px}.lesson-handout-dialog-layout{display:flex;flex-direction:column}.lesson-handout-directory{flex:none;padding:0;border-right:0;border-bottom:1px solid #e6ebf2;max-height:40%}.lesson-handout-reading{flex:1;min-height:0;padding:18px}}