.lecture-reader{height:clamp(460px,78dvh,1050px);display:flex;flex-direction:column;overflow:hidden;background:#dce9df;border:1px solid #bdcfc2;border-radius:16px;box-shadow:0 8px 28px #0433250a;color:#043325}
.lecture-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:12px;background:#f6fbf4;border-bottom:1px solid #cbd9cc;flex:none}
.lecture-toolbar-group{display:flex;align-items:center;gap:8px;min-width:0}
.lecture-reader button,.lecture-reader select,.lecture-reader input{font-family:inherit}
.reader-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #b9cfc1;background:#fff;color:#043325;border-radius:8px;min-height:38px;padding:8px 11px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}
.reader-button:hover{background:#e6f6e9;border-color:#087758}
.reader-button[aria-pressed=true],.reader-button[aria-expanded=true]{background:#def6e5;border-color:#087758}
.reader-button:disabled{opacity:.35;cursor:default}
.reader-button.reader-arrow{padding:8px;min-width:34px}
.reader-button.reader-full-view{background:#043325;border-color:#043325;color:#fff}
.reader-full-view:hover{background:#087758}
.reader-page-picker{display:flex;gap:6px;align-items:center;white-space:nowrap;font-size:12px;font-weight:600}
.reader-page-picker input{width:48px;min-height:36px;border:1px solid #b9cfc1;border-radius:7px;background:#fff;color:#043325;text-align:center;padding:6px 3px;font-size:12px;appearance:textfield;-moz-appearance:textfield}
.reader-page-picker input::-webkit-inner-spin-button{appearance:none}
.reader-zoom{min-height:38px;border:1px solid #b9cfc1;border-radius:8px;padding:6px 24px 6px 9px;background-color:#fff;color:#043325;font-size:12px;width:106px;max-width:112px}
.lecture-workspace{display:grid;grid-template-columns:176px minmax(0,1fr);min-height:0;flex:1}
.lecture-reader.is-sidebar-hidden .lecture-workspace{grid-template-columns:minmax(0,1fr)}
.lecture-thumbnails{position:relative;overflow-y:auto;overscroll-behavior:contain;background:#eff5ed;border-right:1px solid #c1d2c5;padding:15px 12px;scrollbar-width:thin}
.lecture-thumbnails[hidden]{display:none}
.reader-sidebar-heading{display:flex;align-items:center;justify-content:space-between;margin:0 2px 14px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#52695c}
.reader-sidebar-heading span{letter-spacing:0;font-weight:500}
.lecture-thumbnail{display:flex;flex-direction:column;gap:5px;width:100%;margin:0 0 14px;padding:6px;border:2px solid transparent;border-radius:9px;background:transparent;color:#476052;font-size:11px;cursor:pointer}
.lecture-thumbnail:hover{background:#e0eee2}
.lecture-thumbnail[aria-current=page]{background:#d4f3df;border-color:#087758;color:#043325;font-weight:700}
.lecture-thumbnail img{display:block;width:100%;height:auto;box-shadow:0 1px 5px #04332518;background:#fff}
.lecture-thumbnail span{align-self:center}
.lecture-viewport{position:relative;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;min-width:0;min-height:0;outline-offset:-4px}
.lecture-pages{position:relative;display:grid;justify-items:center;align-content:start;gap:20px;padding:20px 16px;min-width:100%;width:max(100%,calc(var(--lecture-page-width,100%) + 32px));box-sizing:border-box}
.lecture-page{position:relative;width:var(--lecture-page-width,100%);min-width:0;margin:0;scroll-margin-top:20px}
.lecture-page figcaption{display:flex;justify-content:space-between;margin:0 0 8px;color:#486151;font-size:11px;font-weight:600}
.lecture-page-surface{position:relative;width:100%;overflow:hidden;background:#fff;box-shadow:0 2px 12px #183d2429;isolation:isolate}
.lecture-page-surface>img,.lecture-page-surface>canvas{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;background:#fff}
.lecture-page-surface>canvas{z-index:1}
.lecture-page-surface>canvas[hidden]{display:none}
.lecture-reader-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 16px;background:#f6fbf4;border-top:1px solid #cbd9cc;font-size:11px;line-height:1.5;flex:none}
.lecture-reader-footer a{color:#087758;font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.reader-tip{font-size:12px;color:#52695c;margin:12px 0 0;line-height:1.7}
.lecture-full-dialog{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;overflow:hidden;background:#dce9df;box-sizing:border-box}
.lecture-full-dialog::backdrop{background:#043325cc}
.lecture-full-dialog .lecture-reader{height:100%;width:100%;max-height:none;border:0;border-radius:0;box-shadow:none}
.lecture-full-dialog .lecture-toolbar{padding:12px 20px}
.lecture-full-title{font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:30vw}
.lecture-reader:not(.is-full-view) .lecture-full-title{display:none}
body.lecture-full-open{overflow:hidden}
@media(min-width:1500px){.lecture-workspace{grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:900px){.lecture-full-title{display:none!important}}
@media(max-width:1050px){.lecture-toolbar{gap:8px}.lecture-toolbar-group{gap:5px}.reader-button{padding:8px;font-size:11px}.reader-page-picker{font-size:11px;gap:4px}.reader-zoom{font-size:11px;max-width:92px}.lecture-workspace{grid-template-columns:144px minmax(0,1fr)}}
@media(max-width:600px){.lecture-reader{height:76dvh;min-height:430px;border-radius:12px}.lecture-toolbar{padding:9px;gap:8px}.lecture-toolbar-group{justify-content:space-between;flex:1}.lecture-toolbar-group:last-child{flex:0}.reader-button{min-height:35px;padding:7px;font-size:11px}.reader-button svg{width:15px;height:15px}.reader-page-picker .reader-page-label{display:none}.reader-page-picker input{width:37px;min-height:33px}.reader-zoom{max-width:84px;min-height:35px;padding-left:6px;padding-right:18px}.lecture-workspace{grid-template-columns:112px minmax(0,1fr)}.lecture-thumbnails{padding:12px 7px}.reader-sidebar-heading{font-size:10px}.lecture-thumbnail{padding:4px;margin-bottom:10px;font-size:10px}.lecture-pages{gap:14px;padding:14px 10px;width:max(100%,calc(var(--lecture-page-width,100%) + 20px))}.lecture-page figcaption{font-size:10px;margin-bottom:5px}.lecture-reader-footer{padding:9px 10px;font-size:10px;gap:8px}.reader-slide-word{display:none}.lecture-full-dialog .lecture-toolbar{padding:10px}.lecture-full-title{display:none!important}.lecture-full-dialog .lecture-reader{min-height:0}.reader-tip{font-size:11px}}
@media(max-width:380px){.lecture-toolbar-group{flex-basis:100%}.lecture-toolbar-group:last-child{flex:1;justify-content:flex-end}.reader-button{font-size:10px}.lecture-reader-footer{align-items:flex-start;flex-direction:column;gap:3px}}
@media(prefers-reduced-motion:reduce){.lecture-viewport,.lecture-thumbnails{scroll-behavior:auto}}