.lecture-main {padding-top:var(--xk-gnav-h,76px)}
#lecture-list {display:grid;gap:16px;margin:32px 0}
.lecture-row {display:flex;align-items:center;gap:24px;padding:24px;border:0;border-radius:14px;background:var(--panel-fill);color:var(--ink);text-align:left;width:100%;font:inherit;cursor:pointer}
.lecture-row .lecture-copy {flex:1;min-width:0}.lecture-row h2 {font-size:20px;margin:0 0 8px}.lecture-row p {margin:0;color:var(--muted)}
.lecture-row.locked .lecture-copy {filter:blur(3px);user-select:none}.lecture-status {font-size:13px;white-space:nowrap}
.lecture-row:focus-visible {outline:3px solid var(--focus-ring);outline-offset:4px}
#lecture-reader {scroll-margin-top:100px}#lecture-frame {width:100%;height:760px;border:1px solid var(--line);border-radius:14px;background:var(--canvas)}
#lecture-lock {position:fixed;inset:0;margin:auto;max-width:480px;width:calc(100% - 32px);max-height:calc(100dvh - 48px);padding:32px;border:1px solid var(--overlay-border);border-radius:var(--radius-md);background:var(--overlay-fill);color:var(--ink);box-shadow:var(--shadow-float);overflow:auto}
#lecture-lock::backdrop {background:var(--overlay-backdrop)}
#lecture-lock .dialog-buttons {display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:24px}
#lecture-lock .btn {white-space:nowrap}
@media(max-width:700px){.lecture-row {gap:12px;padding:20px}.lecture-row h2 {font-size:18px}.lecture-status {white-space:normal;max-width:72px}#lecture-frame {height:640px}}