/* The simulator shell intentionally locks the viewport; documentation pages need a page scroll. */
html{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto}
body.manual-page{height:auto;min-height:100vh;overflow-x:hidden;overflow-y:auto}
.manual-page{min-height:100vh;background:#0c111b;color:#e6edf7}.manual-shell{max-width:1180px;margin:0 auto;padding:42px 28px 64px}.manual-button{display:inline-flex;align-items:center;border:1px solid #3c4e6b;border-radius:8px;padding:10px 13px;color:#dce8fb;text-decoration:none;background:#172238}.manual-button:hover{background:#223452}.manual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.manual-card{background:#121b2b;border:1px solid #263650;border-radius:12px;padding:21px 23px;box-shadow:0 8px 24px #0002}.manual-card h2{font-size:1.12rem;margin:0 0 13px;color:#f4f8ff}.manual-card ul{margin:0;padding-left:20px;color:#bcc8da}.manual-card li{margin:8px 0;line-height:1.55}.manual-card b{color:#e9f1ff}.manual-card a{color:#8fc5ff}.manual-card dl{margin:0}.manual-card dt{font-weight:700;color:#e9f1ff;margin-top:12px}.manual-card dt:first-child{margin-top:0}.manual-card dd{margin:4px 0 0;color:#bcc8da;line-height:1.5}.manual-note{margin:25px 2px 0;color:#91a0b6;font-size:.93rem}@media(max-width:760px){.manual-shell{padding:24px 16px 40px}.manual-grid{grid-template-columns:1fr}}
.lesson-summary{display:flex;align-items:center;gap:14px;margin:0 0 18px;padding:13px 16px;border:1px solid #345275;border-radius:10px;background:#13253b;color:#cfe3fc}.lesson-summary strong{font-size:15px}.lesson-summary span{font-size:12px;color:#9fb4cd;flex:1}.lesson-summary #lessonLevelProgress{flex:0 0 auto;color:#91e6ae;font-variant-numeric:tabular-nums}.lesson-summary .manual-button{padding:6px 9px;font-size:11px}.lesson-complete-badge{display:inline-block;margin-left:6px;padding:2px 7px;border-radius:999px;background:#91e6ae;color:#0b1b12;font-size:10px;vertical-align:middle}
.lesson-notes{display:block;width:100%;box-sizing:border-box;resize:vertical;margin:12px 0;border:1px solid #31445f;border-radius:7px;padding:8px;background:#0d1726;color:#dce8f7;font:inherit;font-size:12px}.lesson-notes:focus{outline:2px solid #5aa7ff;outline-offset:1px}.lesson-notes::placeholder{color:#71849f}
.lesson-score{display:block;width:100%;margin:12px 0 0;border:1px solid #31445f;border-radius:7px;padding:8px;background:#0d1726;color:#dce8f7;font:inherit;font-size:12px}
.lesson-evidence{margin:0 0 10px;color:#91e6ae;font-size:11px;font-variant-numeric:tabular-nums}
.lesson-grade{margin:0 0 10px;color:#ffd48a;font-size:11px;line-height:1.5}
.lesson-levels{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.lesson-level{border:1px solid #3c4e6b;border-radius:999px;padding:8px 13px;color:#cfe3fc;background:#172238;cursor:pointer}.lesson-level:hover,.lesson-level.active{background:#2b5d8f;border-color:#6daee9}.lesson-card[hidden]{display:none}
.manual-card pre{position:relative;margin:14px 0 0;overflow:auto;padding:13px;border:1px solid #2d4260;border-radius:8px;background:#0a1220;color:#bfe0ff;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}.manual-card code{color:#d8eaff}.manual-card dl code{color:#a8d2ff}.code-copy{position:absolute;top:7px;right:7px;border:1px solid #456487;border-radius:6px;padding:4px 8px;color:#dcecff;background:#172a43;cursor:pointer;font:11px/1.2 inherit}.code-copy:hover,.code-copy:focus-visible{background:#28537e;outline:2px solid #77b7ee;outline-offset:1px}
@media print {
  .manual-page { background: #fff; color: #111; }
  .manual-shell { max-width: none; padding: 12mm; }
  .lesson-summary button, .lesson-summary input, .lesson-levels, .lesson-card a, .lesson-card select, .code-copy { display: none !important; }
  .page-intro, .manual-card { border-color: #b8c2cf; box-shadow: none; background: #fff; }
  .page-intro p, .manual-card p, .manual-card li, .manual-note, .lesson-evidence, .lesson-grade { color: #273447; }
  .manual-grid { grid-template-columns: 1fr 1fr; }
  .lesson-card textarea { display:block; width:100%; min-height:32mm; color:#111; background:#fff; border:1px solid #b8c2cf; }
}
