.learning-shell{max-width:1440px;margin:0 auto;padding:32px 24px 64px;color:#18334b}.learning-top{padding:24px 0}.learning-top h1{font-size:clamp(2rem,4vw,3.3rem);margin:16px 0}.learning-top>a{font-weight:700}.learning-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:24px}.learning-layout[hidden]{display:none}.module-panel,.lesson-panel{background:#fff;border:1px solid #d8e5ed;border-radius:20px;padding:24px}.module-panel{align-self:start;position:sticky;top:20px}.module-panel h2{font-size:1.15rem}.module-panel progress{width:100%;accent-color:#1476c8;height:12px}.module-panel nav{display:grid;gap:6px}.module-panel button{width:100%;text-align:left;background:#f4f8fb;border:1px solid transparent;color:#18334b;padding:12px;border-radius:10px;font:inherit;font-size:.9rem;cursor:pointer}.module-panel button[aria-current=step]{background:#e4f2ff;border-color:#1476c8;font-weight:700}.small{font-size:.85rem;line-height:1.6;color:#546b7e}.lesson-heading h2{font-size:1.7rem;margin-top:8px}.learning-steps{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.learning-steps span{background:#eaf4fb;padding:8px 13px;border-radius:999px;font-size:.85rem;font-weight:700}.watch-panel{background:#f6fafe;border:1px solid #d8e5ed;border-radius:12px;padding:18px}.watch-panel summary{font-weight:800;cursor:pointer}.watch-panel p,.lesson-note{font-size:.93rem;line-height:1.7}.video-resource{margin:14px 0}.video-resource iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:10px}.video-resource a{display:block;padding:8px 0}.classroom-frame{width:100%;height:75vh;min-height:520px;border:1px solid #d8e5ed;border-radius:12px;background:#fff}.module-controls{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;margin:18px 0}.module-controls button,.completion-panel button{border:0;border-radius:9px;background:#1267ad;color:white;padding:12px 18px;font:inherit;font-weight:700;cursor:pointer}.module-controls button:disabled,.completion-panel button:disabled{opacity:.45;cursor:default}.completion-panel{margin-top:36px;padding-top:24px;border-top:1px solid #d8e5ed}.completion-panel p{line-height:1.7}.completion-panel label{display:block;margin:12px 0}.completion-panel input[type=number]{padding:10px;border:1px solid #9cb3c3;border-radius:8px;width:120px}.confirmation{font-size:.9rem}.completion-panel input[type=checkbox]{margin-right:8px}#save-status{min-height:24px;font-weight:600}#completion-record{padding:24px;background:#edf7ff;border-radius:14px;margin-top:24px}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #ffb537;outline-offset:3px}@media(max-width:850px){.learning-layout{grid-template-columns:1fr}.module-panel{position:static}.module-panel nav{max-height:240px;overflow:auto}.learning-shell{padding:20px 12px}.module-panel,.lesson-panel{padding:18px}.classroom-frame{min-height:460px}}@media print{body>*{display:none!important}.learning-shell,.learning-layout,.lesson-panel,.completion-panel,#completion-record{display:block!important;margin:0;padding:0;border:0;background:white}main.learning-shell{display:block!important}.learning-shell>*:not(.learning-layout),.learning-layout>*:not(.lesson-panel),.lesson-panel>*:not(.completion-panel),.completion-panel>*:not(#completion-record),#print-record{display:none!important}#completion-record[hidden]{display:none!important}}