.learning-shell{color:var(--ink);background:#f4f6f1;grid-template-columns:258px minmax(0,1fr);min-height:100vh;padding-top:68px;display:grid}.learning-topbar{z-index:20;background:#fffffff5;border-bottom:1px solid #e2e7df;grid-template-columns:240px 1fr auto;align-items:center;gap:20px;height:68px;padding:0 22px;display:grid;position:fixed;top:0;left:0;right:0}.learning-brand{align-items:center;gap:9px;display:flex}.learning-brand>span{background:var(--primary);color:#fff;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:.58rem;font-weight:900;display:flex}.learning-brand strong{font-family:Georgia,Times New Roman,serif;font-size:.9rem;font-weight:600}.learning-topbar nav{color:#7c8985;align-items:center;gap:8px;font-size:.58rem;display:flex}.learning-topbar nav strong{color:#40514c}.learning-topbar>div:last-child{align-items:center;gap:10px;display:flex}.learning-mode{color:#6a7874;background:#eef3ef;border-radius:999px;align-items:center;gap:6px;padding:6px 8px;font-size:.47rem;font-weight:800;display:inline-flex}.learning-mode i{background:#9ba8a3;border-radius:50%;width:6px;height:6px}.learning-mode.mode-protected{color:#176050;background:#dff0e8}.learning-mode.mode-protected i{background:#1d826c}.learning-mode.mode-preview{color:#765a1d;background:#f5ead1}.learning-mode.mode-preview i{background:#b98524}.learning-topbar>div:last-child>button{color:#74817d;background:#f2f4f1;border:0;border-radius:8px;width:32px;height:32px}.learner-avatar{color:var(--primary);background:#dbeae4;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.52rem;font-weight:900;display:flex}.lesson-outline{color:#eef7f3;background:radial-gradient(circle at 10% 8%,#e1b9511f,#0000 16rem),#173d38;flex-direction:column;height:calc(100vh - 68px);padding:21px 15px 18px;display:flex;position:sticky;top:68px;overflow-y:auto}.outline-subject{grid-template-columns:45px 1fr;align-items:center;gap:11px;display:grid}.outline-subject>span{color:#173d38;background:#e3bd5e;border-radius:11px;justify-content:center;align-items:center;height:45px;font-family:Georgia,serif;font-size:.75rem;font-weight:900;display:flex}.outline-subject small,.outline-subject strong,.outline-subject p{margin:0;display:block}.outline-subject small{color:#9eb7b0;font-size:.46rem}.outline-subject strong{margin-top:2px;font-family:Georgia,serif;font-size:.74rem}.outline-subject p{color:#a8c0b9;margin-top:3px;font-size:.46rem}.outline-progress{border-top:1px solid #ffffff17;border-bottom:1px solid #ffffff17;margin-top:18px;padding:14px 0}.outline-progress>div{justify-content:space-between;font-size:.49rem;display:flex}.outline-progress>div span{color:#a8c0b9}.outline-progress>div strong{color:#f1ca67}.outline-progress>span{background:#ffffff1c;border-radius:999px;height:5px;margin-top:8px;display:block;overflow:hidden}.outline-progress>span i{background:#e3bd5e;height:100%;display:block}.outline-lessons{margin-top:18px}.outline-label{color:#82a49a;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.45rem;font-weight:800}.outline-lessons h2{margin:4px 3px 10px;font-size:.69rem}.outline-lessons>button{color:#bfd1cb;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;grid-template-columns:26px 1fr 8px;align-items:center;gap:8px;width:100%;min-height:51px;margin-top:5px;padding:7px;display:grid}.outline-lessons>button.active{color:#fff;background:#ffffff17}.outline-lessons>button:disabled{cursor:not-allowed;opacity:.58}.outline-lessons>button>span{background:#ffffff17;border-radius:7px;justify-content:center;align-items:center;height:26px;font-size:.49rem;font-weight:900;display:flex}.outline-lessons>button.active>span{color:#173d38;background:#e3bd5e}.outline-lessons button p,.outline-lessons button strong,.outline-lessons button small{margin:0;display:block}.outline-lessons button strong{font-size:.52rem;line-height:1.3}.outline-lessons button small{color:#91aaa3;margin-top:3px;font-size:.42rem}.outline-lessons button i{font-style:normal}.outline-help{background:#ffffff12;border-radius:9px;grid-template-columns:27px 1fr;align-items:center;gap:8px;margin-top:auto;padding:9px;display:grid}.outline-help>span{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;height:27px;font-size:.55rem;font-weight:900;display:flex}.outline-help strong,.outline-help small{display:block}.outline-help strong{font-size:.51rem}.outline-help small{color:#9fb7b0;margin-top:2px;font-size:.42rem;line-height:1.35}.back-dashboard{color:#abc0ba;text-align:center;margin-top:13px;font-size:.49rem;font-weight:800}.lesson-main{width:100%;max-width:960px;margin:0 auto;padding:38px clamp(22px,5vw,68px) 80px}.lesson-heading{grid-template-columns:1fr 82px;align-items:center;gap:25px;display:grid}.lesson-eyebrow{color:var(--primary);letter-spacing:.06em;text-transform:uppercase;font-size:.49rem;font-weight:900}.lesson-heading h1{letter-spacing:-.045em;margin:7px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,4vw,3.15rem);font-weight:500;line-height:1.04}.lesson-heading>div:first-child>p:nth-of-type(2){color:#64736f;max-width:580px;margin:11px 0 0;font-size:.69rem;line-height:1.55}.lesson-standard-chips{flex-wrap:wrap;gap:5px;margin-top:12px;display:flex}.lesson-standard-chips span{color:var(--primary);background:#e7f1ec;border:1px solid #cee1d8;border-radius:999px;padding:5px 7px;font-size:.43rem;font-weight:900}.lesson-progress-ring{background:radial-gradient(circle closest-side, #f4f6f1 78%, transparent 80% 100%), conic-gradient(var(--primary) var(--lesson-progress), #dde4df 0);border-radius:50%;justify-content:center;align-items:center;width:82px;height:82px;display:flex}.lesson-progress-ring span,.lesson-progress-ring strong,.lesson-progress-ring small{text-align:center;display:block}.lesson-progress-ring strong{font-size:.78rem}.lesson-progress-ring small{color:#788680;margin-top:1px;font-size:.4rem}.objective-card{background:#e7f1ec;border:1px solid #cee1d8;border-radius:13px;grid-template-columns:34px 1fr;align-items:start;gap:12px;margin-top:24px;padding:15px;display:grid}.objective-card>span{background:var(--primary);color:#fff;border-radius:9px;justify-content:center;align-items:center;height:34px;font-size:.65rem;display:flex}.objective-card p,.objective-card h2{margin:0}.objective-card h2{margin-top:3px;font-size:.66rem}.objective-card ul{flex-wrap:wrap;gap:7px 18px;margin:9px 0 0;padding:0;list-style:none;display:flex}.objective-card li{color:#53665f;font-size:.54rem}.objective-card li:before{color:var(--primary);content:"✓";margin-right:6px;font-weight:900}.block-steps{grid-template-columns:repeat(4,1fr);gap:5px;margin-top:22px;display:grid}.block-steps button{color:#89958f;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:7px;font-size:.48rem;display:flex;position:relative}.block-steps button:after{content:"";background:#d7dfd9;height:3px;position:absolute;bottom:0;left:0;right:0}.block-steps button span{background:#e5eae6;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.42rem;font-weight:900;display:flex}.block-steps button.active{color:var(--primary);font-weight:900}.block-steps button.active:after,.block-steps button.complete:after{background:var(--primary)}.block-steps button.active span,.block-steps button.complete span{background:var(--primary);color:#fff}.lesson-block{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:17px;min-height:330px;margin-top:18px;padding:clamp(22px,4vw,38px)}.lesson-block h2{letter-spacing:-.025em;margin:7px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.25rem,2.4vw,1.75rem);font-weight:500}.reading-block>p:nth-of-type(2){color:#53645e;max-width:700px;margin:18px 0 0;font-size:.74rem;line-height:1.75}.science-note{background:#f7efd9;border-radius:11px;grid-template-columns:34px 1fr;align-items:center;gap:11px;margin-top:28px;padding:13px;display:grid}.science-note>span{color:#5c4517;background:#e4bd5e;border-radius:9px;justify-content:center;align-items:center;height:34px;display:flex}.science-note p{color:#6c5d3d;margin:0;font-size:.56rem;line-height:1.5}.science-note strong{color:#4e4229;display:block}.video-block{grid-template-columns:minmax(280px,1.3fr) 1fr;gap:23px;display:grid}.video-stage{background:radial-gradient(circle at 60% 30%,#e3bd5e59,#0000 12rem),linear-gradient(145deg,#123e38,#267064);border-radius:13px;justify-content:center;align-items:center;min-height:250px;display:flex;position:relative;overflow:hidden}.video-stage>button{color:var(--primary);z-index:2;background:#fff;border:0;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;padding-left:4px;font-size:.8rem;display:flex;position:relative}.video-stage video{object-fit:contain;background:#0a2f2a;width:100%;height:100%;position:absolute;inset:0}.video-stage>span{color:#fff;background:#0000006b;border-radius:5px;padding:4px 6px;font-size:.47rem;position:absolute;bottom:10px;right:10px}.body-map{opacity:.7;position:absolute;inset:0}.body-map span{border:1px solid #ffffff2b;border-radius:50%;position:absolute}.body-map span:first-child{width:120px;height:120px;top:18%;left:20%}.body-map span:nth-child(2){width:170px;height:170px;top:-30px;right:-20px}.body-map span:nth-child(3){width:150px;height:150px;bottom:-50px;left:42%}.body-map span:nth-child(4){background:#e3bd5e2e;width:45px;height:45px;top:42%;left:34%}.block-copy{align-self:center}.block-copy>p:nth-of-type(2){color:#5f706a;margin:14px 0 0;font-size:.63rem;line-height:1.6}.block-copy>small{color:var(--primary);margin-top:16px;font-size:.47rem;font-weight:800;display:block}.interactive-block{min-height:370px}.interactive-heading{grid-template-columns:38px 1fr auto;align-items:center;gap:10px;display:grid}.interactive-heading>span{color:var(--primary);background:#e6f0eb;border-radius:10px;justify-content:center;align-items:center;height:38px;display:flex}.interactive-heading h2,.interactive-heading p{margin:0}.interactive-heading>small{color:#687872;background:#eef2ef;border-radius:999px;padding:5px 7px;font-size:.45rem}.interactive-block .question{margin:27px 0 16px;font-family:Georgia,serif;font-size:1.1rem}.answer-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.answer-grid button{color:#4f605a;cursor:pointer;text-align:left;background:#f7f9f6;border:1px solid #dde3dc;border-radius:10px;align-items:center;gap:9px;min-height:47px;padding:8px;font-size:.58rem;font-weight:800;display:flex}.answer-grid button span{background:#e8ece8;border-radius:7px;flex:0 0 27px;justify-content:center;align-items:center;height:27px;display:flex}.answer-grid button.selected{color:var(--primary);background:#e7f1ec;border-color:#83ad9f}.answer-grid button.selected span{background:var(--primary);color:#fff}.check-answer{background:var(--primary);color:#fff;border:0;border-radius:8px;min-height:36px;margin-top:15px;padding:0 13px;font-size:.54rem;font-weight:900}.check-answer:disabled{background:#aebbb6}.answer-feedback{border-radius:8px;margin:12px 0 0;padding:9px 11px;font-size:.52rem;line-height:1.5}.answer-feedback.correct{color:#176050;background:#dff0e8}.answer-feedback.retry{color:#76581b;background:#f7ebd1}.resource-block{grid-template-columns:58px 1fr auto;align-items:center;gap:18px;min-height:250px;display:grid}.resource-block>span{color:var(--primary);background:#e6f0eb;border-radius:14px;justify-content:center;align-items:center;height:58px;font-size:1rem;display:flex}.resource-block p{color:#60716b;margin:12px 0 0;font-size:.61rem;line-height:1.55}.resource-block small{color:#87938f;margin-top:8px;font-size:.46rem;display:block}.resource-block>button,.resource-block>a{background:var(--primary);color:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;min-height:38px;padding:0 12px;font-size:.52rem;font-weight:900;display:inline-flex}.h5p-block{min-height:420px}.h5p-heading{grid-template-columns:42px 1fr auto;align-items:center;gap:10px;display:grid}.h5p-heading>span{color:var(--primary);background:#e6f0eb;border-radius:10px;justify-content:center;align-items:center;height:42px;font-size:.52rem;font-weight:900;display:flex}.h5p-heading h2,.h5p-heading p{margin:0}.h5p-heading em{color:#176050;background:#e0f0e8;border-radius:999px;padding:5px 8px;font-size:.44rem;font-style:normal;font-weight:900}.h5p-block iframe{background:#f6f8f5;border:1px solid #dce3dc;border-radius:11px;width:100%;height:440px;margin-top:18px}.h5p-fallback{background:#f3f7f3;border:1px dashed #cad8d0;border-radius:11px;grid-template-columns:38px 1fr;align-items:center;gap:11px;margin-top:18px;padding:18px;display:grid}.h5p-fallback>span{color:var(--primary);background:#e3eee9;border-radius:9px;justify-content:center;align-items:center;height:38px;display:flex}.h5p-fallback p{color:#5d6d67;margin:0;font-size:.58rem;line-height:1.5}.h5p-fallback strong{color:#30433d;display:block}.h5p-status{color:#6a7974;margin:9px 0 0;font-size:.47rem}.h5p-block details{color:#566761;border-top:1px solid #e5e9e4;margin-top:12px;padding-top:10px;font-size:.5rem}.h5p-block details p{line-height:1.55}.lesson-controls{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:18px;display:grid}.lesson-controls button{color:#566761;cursor:pointer;background:#fff;border:1px solid #d8ded8;border-radius:8px;justify-self:start;min-height:37px;padding:0 12px;font-size:.52rem;font-weight:900}.lesson-controls button:disabled{color:#a3ada9}.lesson-controls span{color:#7e8c87;font-size:.48rem}.lesson-controls .next-control{background:var(--primary);border-color:var(--primary);color:#fff;justify-self:end}.lesson-notice{color:#1e6254;text-align:center;background:#e2f0e9;border-radius:8px;margin:12px 0 0;padding:9px 11px;font-size:.54rem}@media (max-width:900px){.learning-shell{display:block}.learning-topbar{grid-template-columns:1fr auto}.learning-topbar nav{display:none}.lesson-outline{height:auto;padding:14px 18px;position:static}.outline-subject{max-width:280px}.outline-progress{margin-top:12px}.outline-lessons,.outline-help,.back-dashboard{display:none}.lesson-main{padding-bottom:60px}}@media (max-width:680px){.learning-mode,.learning-topbar>div:last-child>button{display:none}.learning-topbar{height:62px;padding:0 15px}.learning-shell{padding-top:62px}.lesson-main{padding:27px 17px 55px}.lesson-heading{grid-template-columns:1fr 66px;align-items:start}.lesson-progress-ring{width:66px;height:66px}.objective-card ul{flex-direction:column}.block-steps button small{display:none}.lesson-block{min-height:0;padding:22px}.video-block{grid-template-columns:1fr}.video-stage{min-height:210px}.answer-grid{grid-template-columns:1fr}.resource-block{grid-template-columns:48px 1fr;align-items:start}.resource-block>span{height:48px}.resource-block>button{grid-column:1/-1}}@media (max-width:430px){.lesson-heading{grid-template-columns:1fr}.lesson-progress-ring{display:none}.lesson-controls{grid-template-columns:1fr 1fr}.lesson-controls>span{display:none}}
