.lesson-reader{--lesson-accent:#096b66;color:#243746;overflow-wrap:anywhere;max-width:72ch;margin:32px auto;font-family:Segoe UI,system-ui,sans-serif;font-size:18px;line-height:1.75}.lesson-reader.lesson-font-serif{font-family:Georgia,Times New Roman,serif}.lesson-reader.lesson-large-text{font-size:21px}.lesson-reader h3{color:#173644;margin-bottom:24px;font-size:1.4em;line-height:1.3}.lesson-reader p,.lesson-reader ul,.lesson-reader dl{margin:0 0 1.2em}.lesson-reader ul{padding-left:1.5em;list-style:outside}.lesson-reader ol{margin-bottom:1.2em;padding-left:1.5em;list-style:decimal}.lesson-accordion>.lesson-accordion-heading{margin:0;font-size:1.1em;line-height:1.4}.lesson-reader .lesson-accordion-heading button{text-align:left;width:100%;font:inherit;color:#fff;background:#2563eb;border:0;border-radius:12px;align-items:baseline;gap:14px;padding:19px 22px;font-weight:650;display:flex}.lesson-reader .lesson-accordion-heading button[aria-expanded=false]:hover{color:#fff;background:#1d4ed8}.lesson-reader .lesson-accordion-heading button[aria-expanded=true],.lesson-reader .lesson-accordion-heading button[aria-expanded=true]:hover{color:#000;background:#dbeafe;border-bottom:1px solid #bfdbfe;border-radius:12px 12px 0 0}.lesson-accordion .lesson-accordion{border-left:3px solid #2563eb}.lesson-reader [hidden]{display:none!important}.lesson-image-normal{max-width:52ch;margin-left:auto;margin-right:auto}.lesson-image-wide{width:100%}.lesson-reader .lesson-image-zoom{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.lesson-image-dialog{border:0;border-radius:12px;width:min(1400px,96vw);max-height:94vh;margin:auto;padding:20px;overflow:auto}.lesson-image-dialog::backdrop{background:#10252bd9}.lesson-image-dialog img{min-width:min(800px,85vw)}.lesson-insert-row{text-align:center;padding:5px 0}.lesson-insert-row select{border-style:dashed;max-width:100%}.lesson-hotspot-author{cursor:crosshair;width:100%;max-width:600px;margin:auto;position:relative}.lesson-hotspot-author img{width:100%;height:auto;display:block}.lesson-hotspot-author span{pointer-events:none;color:#fff;background:#086c66;border:2px solid #fff;border-radius:50%;padding:4px 9px;position:absolute;transform:translate(-50%,-50%)}.lesson-navigation>summary{cursor:pointer;padding:12px 0;font-weight:650}.lesson-progress-status{color:#536773;font-size:14px}.lesson-reader li+li{margin-top:.45em}.lesson-reader dd{margin:.4em 0 1.2em 1em}.lesson-reader .lesson-prose p{white-space:pre-wrap;font-size:inherit;line-height:inherit;color:inherit}.lesson-block{margin:28px 0}.lesson-reader-actions{flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0 24px;font-family:Segoe UI,system-ui,sans-serif;display:flex}.lesson-reader button,.lesson-reader select,.lesson-builder button,.lesson-builder select{font:inherit;color:#174d50;cursor:pointer;background:#fff;border:1px solid #cadbdc;border-radius:8px;padding:9px 14px;font-size:14px;line-height:1.4}.lesson-reader button:hover,.lesson-builder button:hover{background:#eef8f6}.lesson-reader button:disabled,.lesson-builder button:disabled{opacity:.45;cursor:default}.lesson-reader :focus-visible,.lesson-builder :focus-visible{outline-offset:3px;outline:3px solid #168d84}.lesson-accordion{background:#fff;border:1px solid #dbe5e8;border-radius:12px;margin:20px 0}.lesson-accordion>summary{cursor:pointer;color:#fff;background:#2563eb;border-radius:12px;padding:19px 22px;font-size:1.08em;font-weight:650}.lesson-accordion[open]>summary{color:#000;background:#dbeafe;border-bottom:1px solid #bfdbfe;border-radius:12px 12px 0 0}.lesson-accordion-body{padding:24px}.lesson-accordion-body>:last-child{margin-bottom:0}.lesson-accordion-body>.lesson-block:first-child{margin-top:0}.lesson-figure{margin:28px 0}.lesson-figure img{border-radius:10px;width:100%;height:auto;display:block}.lesson-figure figcaption{color:#536773;text-align:center;margin-top:12px;font-size:.85em;line-height:1.6}.lesson-attachment{background:#f3f8fb;border:1px solid #dce6eb;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:22px;display:flex}.lesson-attachment strong,.lesson-attachment small{display:block}.lesson-attachment a,.lesson-reader a{color:#00675f;text-underline-offset:3px;text-decoration:underline}.lesson-attachment details,.lesson-attachment>p{width:100%}.lesson-attachment iframe{border:0;width:100%;height:540px;margin-top:16px}.lesson-eyebrow{letter-spacing:.09em;text-transform:uppercase;color:#54737b;margin-bottom:7px;font:600 12px/1.5 Segoe UI,sans-serif;display:block}.lesson-deck{background:linear-gradient(140deg,#eef8f5,#fff 55%);border:1px solid #b9d7d4;border-radius:14px;overflow:hidden}.lesson-slide-content{padding:28px}.lesson-slide-heading{border-bottom:1px solid #cee2df;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:24px;padding-bottom:14px;display:flex}.lesson-slide-heading>span:last-child{white-space:nowrap;font-size:14px}.lesson-slide{min-height:240px}.lesson-present-button{margin:0 28px 24px}.lesson-presentation{color:#243746;background:#fff;border:0;border-radius:16px;width:min(1200px,96vw);max-height:94vh;margin:auto;padding:24px}.lesson-presentation::backdrop{background:#10252bd9}.lesson-presentation .lesson-slide{min-height:50vh}.lesson-close{margin-left:auto;display:block}.lesson-reveal{background:#eff8f4;border-left:4px solid #148575;border-radius:0 10px 10px 0;padding:18px 22px}.lesson-reveal summary{cursor:pointer;font-weight:600}.lesson-reveal[open] summary{margin-bottom:18px}.lesson-reader .lesson-flashcard{color:#fff;text-align:center;background:#2563eb;border-color:#2563eb;gap:20px;width:100%;min-height:200px;padding:32px;display:grid}.lesson-reader .lesson-flashcard:hover{color:#fff;background:#1d4ed8}.lesson-reader .lesson-flashcard[aria-pressed=true],.lesson-reader .lesson-flashcard[aria-pressed=true]:hover{color:#000;background:#eff6ff;border-color:#bfdbfe}.lesson-reader .lesson-flashcard>span,.lesson-reader .lesson-flashcard>small{color:inherit}.lesson-flashcard>span:nth-child(2){white-space:pre-wrap;font-size:21px;line-height:1.65}.lesson-practice{border:1px solid #cddfdb;border-radius:12px;padding:24px}.lesson-practice legend{padding:0 8px;font-weight:650}.lesson-practice label{cursor:pointer;border:1px solid #e2e9e7;border-radius:8px;align-items:baseline;gap:12px;margin-bottom:10px;padding:10px 12px;display:flex}.lesson-practice input{accent-color:#087669}.lesson-practice small{color:#60737c;margin-top:16px;font-size:13px;display:block}.lesson-correct{color:#176039;margin-top:16px!important}.lesson-try-again{color:#914a0b;margin-top:16px!important}.lesson-hotspot-image{position:relative}.lesson-hotspot-image button{color:#fff;background:#086c66;border:2px solid #fff;border-radius:50%;min-width:36px;min-height:36px;padding:7px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0005}.lesson-hotspot-image button[aria-pressed=true]{background:#8a430b}.lesson-hotspot-description{background:#eef7f5;border-radius:10px;padding:18px}.lesson-builder-fieldset{border:0;min-width:0;margin:24px 0;padding:0}.lesson-builder-intro{padding:24px 0}.lesson-builder-intro p,.lesson-editor-hint{color:#586f7b;margin-top:8px;font-size:14px;line-height:1.7}.lesson-editor-block{background:#fff;border:1px solid #d7e2e4;border-radius:12px;margin:18px 0;overflow:hidden}.lesson-editor-block>header{background:#f2f7f8;border-bottom:1px solid #d7e2e4;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.lesson-editor-block>header>div{gap:6px;display:flex}.lesson-editor-block>header button{padding:5px 9px;font-size:12px}.lesson-block-number{color:#59818a}.lesson-editor-body{gap:18px;min-width:0;padding:20px;display:grid}.lesson-builder label{color:#304a57;gap:8px;font-size:14px;display:grid}.lesson-builder input:not([type=checkbox]):not([type=radio]),.lesson-builder textarea{width:100%;font:inherit;color:#243746;background:#fff;border:1px solid #bfced4;border-radius:7px;min-width:0;padding:12px;line-height:1.65}.lesson-builder textarea{resize:vertical;min-height:90px}.lesson-builder .lesson-upload-zone{text-align:center;background:#f6fbfa;border:2px dashed #9bbfbb;border-radius:10px;padding:22px}.lesson-upload-zone small,.lesson-text-editor small{color:#617782;font-size:12px;line-height:1.6}.lesson-upload-preview{background:#f8fbfa;border:1px solid #bfced4;border-radius:10px;margin-top:16px;padding:16px}.lesson-upload-preview-grid{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:16px;display:grid}.lesson-upload-preview figure{min-width:0;margin:0}.lesson-upload-preview img{object-fit:contain;background:#eef2f4;border-radius:8px;width:100%;height:220px;display:block}.lesson-upload-preview figcaption{overflow-wrap:anywhere;gap:4px;margin:10px 0;display:grid}.lesson-upload-success{color:#076358;overflow-wrap:anywhere;font-size:14px}.lesson-editor-image{object-fit:contain;border-radius:8px;max-width:100%;max-height:240px;margin:auto}.lesson-builder .lesson-checkbox,.lesson-builder .lesson-answer-row{align-items:center;gap:12px;display:flex}.lesson-add-block{background:#f8fbfa;border:1px dashed #9bbfbb;border-radius:10px;flex-wrap:wrap;gap:10px;padding:20px;display:flex}.lesson-add-block button{color:#fff;background:#086f64;border-color:#086f64}.lesson-add-block button:hover{background:#075d54}.lesson-hotspot-fields{background:#f6f9fa;border-radius:8px;gap:12px;padding:16px;display:grid}.lesson-coordinate-row{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.lesson-coordinate-row label{flex:1}.lesson-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:640px){.lesson-reader{margin:24px 0;font-size:17px}.lesson-accordion-body,.lesson-slide-content,.lesson-accordion>summary{padding:16px}.lesson-editor-body{padding:12px}.lesson-reader-actions{gap:8px}.lesson-reader button{padding:9px 11px}.lesson-presentation{padding:12px}}
