.course-topic-media{--media-accent:#0d766f;--media-accent-dark:#124b47;--media-ink:#173b38;--media-soft:#e8f6f3;--media-line:#c9ded8;border:1px solid color-mix(in srgb, var(--media-accent) 24%, white);background:#fffefa;border-radius:1.5rem;margin:1.35rem 0 0;position:relative;overflow:hidden;box-shadow:0 1rem 2.6rem #1a302c17}.course-topic-media:before{background:linear-gradient(90deg, var(--media-accent), color-mix(in srgb, var(--media-accent) 38%, white), var(--media-accent));content:"";height:.3rem;position:absolute;inset:0 0 auto}.course-topic-media.subject-mathematics{--media-accent:#b94a2c;--media-accent-dark:#6d2d1c;--media-ink:#5e2d20;--media-soft:#fff0e8;--media-line:#efd0c2}.course-topic-media.subject-science{--media-accent:#08766f;--media-accent-dark:#124b47;--media-ink:#174c49;--media-soft:#e7f6f1;--media-line:#c6e3dc}.course-topic-media.subject-english{--media-accent:#6843a1;--media-accent-dark:#402768;--media-ink:#3e2b61;--media-soft:#f1ebfb;--media-line:#dcd0ee}.course-topic-media.subject-social-science{--media-accent:#93540f;--media-accent-dark:#573310;--media-ink:#573818;--media-soft:#fff3df;--media-line:#ead5b7}.course-topic-media-heading{background:radial-gradient(circle at 92% 0, color-mix(in srgb, var(--media-soft) 88%, transparent), transparent 46%), white;justify-content:space-between;align-items:center;gap:1rem;padding:1.35rem 1.4rem 1rem;display:flex}.course-topic-media-heading>div{max-width:48rem}.course-topic-media-heading>div>span,.learning-media-kind{color:var(--media-accent-dark);letter-spacing:.11em;text-transform:uppercase;font-size:.76rem;font-weight:900;display:block}.course-topic-media-heading h6,.learning-media-card h4,.learning-media-step-focus h5{color:var(--media-ink)}.course-topic-media-heading h6{letter-spacing:-.025em;margin:.2rem 0 0;font-size:clamp(1.35rem,2.4vw,1.85rem)}.course-topic-media-heading p{color:#50615c;margin:.4rem 0 0;font-size:.94rem;line-height:1.5}.course-topic-media-count{border:1px solid var(--media-line);background:color-mix(in srgb, var(--media-soft) 64%, white);max-width:16rem;color:var(--media-accent-dark);text-align:center;border-radius:999px;padding:.58rem .78rem;font-size:.8rem;font-weight:800;line-height:1.25}.course-topic-media-items{gap:1rem;padding:0 1.4rem 1.4rem;display:grid}.learning-media-card{background:#fff;border:1px solid #dfe7e3;border-radius:1.1rem;min-width:0;margin:0}.learning-media-card h4{margin:.22rem 0 0;font-size:clamp(1.08rem,1.8vw,1.35rem);line-height:1.25}.learning-media-card-heading{border-bottom:1px solid #e4e9e6;grid-template-columns:minmax(15rem,.85fr) minmax(18rem,1.15fr);align-items:end;gap:1.2rem;padding:1rem 1.1rem;display:grid}.learning-media-card-heading>p{color:#475a55;margin:0;font-size:.92rem;line-height:1.5}.learning-media-model-workspace{grid-template-columns:minmax(0,1fr) minmax(13rem,.32fr);gap:.9rem;padding:1rem;display:grid}.learning-media-model-visual{border:1px solid var(--media-line);background:linear-gradient(#ffffff7a, #ffffff7a), var(--media-soft);border-radius:1rem;min-width:0;padding:.65rem;overflow:hidden}.learning-diagram{scrollbar-color:var(--media-line) transparent;min-width:0;margin:0;overflow-x:auto}.learning-diagram__surface{width:100%;min-width:34rem;height:auto;max-height:21rem;font-family:inherit;display:block}.learning-diagram text{pointer-events:none;-webkit-user-select:none;user-select:none;font-family:inherit}.learning-diagram__connector,.learning-diagram__arrow,.learning-diagram__scale-axis,.learning-diagram__scale-magnifier,.learning-diagram__timeline-rail,.learning-diagram__timeline-progress,.learning-diagram__balance-beam,.learning-diagram__balance-hanger,.learning-diagram__data-icon path,.learning-diagram__data-gridline{fill:none;stroke:color-mix(in srgb, var(--media-accent) 48%, white);stroke-linecap:round;stroke-linejoin:round;stroke-width:3px}.learning-diagram__node,.learning-diagram__connector,.learning-diagram__arrow,.learning-diagram__timeline-progress{transition:opacity .22s,transform .22s,stroke .22s,fill .22s}.learning-diagram__node.is-upcoming,.learning-diagram__connector.is-upcoming,.learning-diagram__arrow.is-upcoming{opacity:.56}.learning-diagram__node.is-complete,.learning-diagram__connector.is-complete,.learning-diagram__arrow.is-complete{opacity:.82}.learning-diagram__node.is-active{filter:drop-shadow(0 8px 9px #1e2e2a29);transform-box:fill-box;transform-origin:50%;transform:scale(1.035)}.learning-diagram__node-shape,.learning-diagram__scale-bar,.learning-diagram__data-stage-field{fill:#fff;stroke:color-mix(in srgb, var(--media-accent) 52%, white);stroke-width:2px}.learning-diagram__node.is-active .learning-diagram__node-shape,.learning-diagram__node.is-active .learning-diagram__scale-bar,.learning-diagram__node.is-active .learning-diagram__data-stage-field{fill:var(--media-accent);stroke:var(--media-accent-dark);stroke-width:3px}.learning-diagram__step-badge{fill:var(--media-accent);stroke:#fff;stroke-width:2px}.learning-diagram__step-number{fill:#fff;font-size:12px;font-weight:900}.learning-diagram__scale-level .learning-diagram__step-number{fill:var(--media-accent-dark)}.learning-diagram__scale-level.is-active .learning-diagram__step-number{fill:#fff}.learning-diagram__label{fill:var(--media-ink);font-size:12px;font-weight:850}.learning-diagram__cue{fill:var(--media-accent-dark);font-size:9px;font-weight:700}.learning-diagram__node.is-active .learning-diagram__label,.learning-diagram__node.is-active .learning-diagram__cue{fill:#fff}.learning-diagram__hub{fill:#fff;stroke:var(--media-accent);stroke-width:3px}.learning-diagram__hub-kicker,.learning-diagram__axis-label,.learning-diagram__data-note{fill:#60706c;letter-spacing:.03em;font-size:10px;font-weight:750}.learning-diagram__hub-label,.learning-diagram__balance-sign{fill:var(--media-accent-dark);font-size:14px;font-weight:900}.learning-diagram__cycle-ring{stroke-dasharray:6 8;stroke-width:4px}.learning-diagram__cycle-arrow{stroke:var(--media-accent);stroke-width:3px}.learning-diagram__compare-field{stroke:var(--media-line);stroke-width:2px}.learning-diagram__compare-field--left{fill:color-mix(in srgb, var(--media-soft) 72%, white)}.learning-diagram__compare-field--right{fill:color-mix(in srgb, var(--media-soft) 40%, white)}.learning-diagram__compare-divider{stroke:var(--media-accent);stroke-dasharray:5 7;stroke-width:2px}.learning-diagram__compare-lens{fill:var(--media-accent)}.learning-diagram__compare-symbol{fill:#fff;font-size:22px;font-weight:900}.learning-diagram__scale-axis{stroke:#8a9894}.learning-diagram__scale-magnifier{stroke:var(--media-accent)}.learning-diagram__balance-beam,.learning-diagram__balance-hanger{stroke:var(--media-accent-dark);stroke-width:5px}.learning-diagram__balance-pivot{fill:var(--media-accent)}.learning-diagram__balance-fulcrum{fill:color-mix(in srgb, var(--media-accent) 28%, white);stroke:var(--media-accent-dark);stroke-width:2px}.learning-diagram__balance-pan{fill:color-mix(in srgb, var(--media-soft) 68%, white);stroke:var(--media-accent-dark);stroke-width:3px}.learning-diagram__timeline-rail{stroke:#b8c3bf;stroke-width:5px}.learning-diagram__timeline-progress{stroke:var(--media-accent);stroke-width:6px}.learning-diagram__timeline-marker{fill:#fff;stroke:var(--media-accent);stroke-width:4px}.learning-diagram__node.is-active .learning-diagram__timeline-marker{fill:var(--media-accent);stroke:var(--media-accent-dark)}.learning-diagram__data-plot{fill:color-mix(in srgb, var(--media-soft) 62%, white);stroke:var(--media-line);stroke-width:2px}.learning-diagram__data-gridline{stroke:color-mix(in srgb, var(--media-line) 64%, white);stroke-width:1px}.learning-diagram__data-icon circle{fill:var(--media-accent)}.learning-diagram__data-icon path{stroke:var(--media-accent-dark);stroke-width:2px}.learning-diagram__node.is-active .learning-diagram__data-icon circle{fill:#fff}.learning-diagram__node.is-active .learning-diagram__data-icon path{stroke:#fff}.learning-diagram__data-stage.is-active .learning-diagram__label{fill:var(--media-accent-dark)}.learning-media-controls{border-top:1px solid color-mix(in srgb, var(--media-line) 75%, white);grid-template-columns:auto auto 1fr auto;align-items:center;gap:.5rem;margin-top:.55rem;padding-top:.65rem;display:grid}.learning-media-controls button,.learning-media-resource-action a{border:1px solid var(--media-accent);min-height:2.75rem;color:var(--media-accent-dark);font:inherit;cursor:pointer;background:#fff;border-radius:.7rem;justify-content:center;align-items:center;padding:.62rem .86rem;font-size:.84rem;font-weight:850;display:inline-flex}.learning-media-controls button.is-primary,.learning-media-resource-action a{background:var(--media-accent);color:#fff}.learning-media-controls button:disabled{cursor:not-allowed;opacity:.42}.learning-media-step-count,.learning-media-motion-note{color:#5e6c68;text-align:center;font-size:.82rem;font-weight:750}.learning-media-step-focus{background:var(--media-accent-dark);color:#fff;border-radius:1rem;flex-direction:column;justify-content:center;min-width:0;padding:1.15rem;display:flex}.learning-media-step-kicker{color:color-mix(in srgb, var(--media-soft) 78%, white);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:850}.learning-media-step-focus h5{color:#fff;margin:.55rem 0 0;font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.15}.learning-media-step-focus>p{color:#ffffffe0;margin:.6rem 0 0;font-size:.94rem;line-height:1.55}.learning-media-step-focus .learning-media-step-cue{color:#fff;background:#ffffff17;border:1px solid #ffffff3d;border-radius:.7rem;margin-top:.9rem;padding:.62rem .7rem;font-size:.86rem;font-weight:800}.learning-media-progress-dots{flex-wrap:wrap;gap:.35rem;margin-top:1rem;display:flex}.learning-media-progress-dots span{color:#ffffffbd;border:1px solid #ffffff52;border-radius:999px;place-items:center;width:1.7rem;height:1.7rem;font-size:.72rem;font-weight:850;display:grid}.learning-media-progress-dots span.is-active{color:var(--media-accent-dark);background:#fff;border-color:#fff}.learning-media-explain-prompt,.learning-media-observation-prompt{align-items:flex-start;gap:.75rem;display:flex}.learning-media-explain-prompt{border-left:.28rem solid var(--media-accent);background:color-mix(in srgb, var(--media-soft) 70%, white);color:var(--media-ink);border-radius:0 .75rem .75rem 0;margin:0 1rem .8rem;padding:.82rem .9rem}.learning-media-explain-prompt>span,.learning-media-observation-prompt>span{color:var(--media-accent);font-size:1.1rem;font-weight:900}.learning-media-explain-prompt p,.learning-media-observation-prompt p{margin:0;font-size:.9rem;line-height:1.5}.learning-media-text-alternative,.learning-media-access-note{color:#566762;border-top:1px solid #e3e9e6;margin:0 1rem 1rem;padding-top:.65rem;font-size:.84rem}.learning-media-text-alternative summary,.learning-media-access-note summary{width:fit-content;color:var(--media-accent-dark);cursor:pointer;font-weight:800}.learning-media-text-alternative ol{padding-left:1.35rem}.learning-media-text-alternative li+li{margin-top:.45rem}.learning-media-text-alternative p,.learning-media-access-note p{line-height:1.5}.learning-media-image{grid-template-columns:minmax(0,1.45fr) minmax(17rem,.75fr);display:grid;overflow:hidden}.learning-media-image-frame{background:#17231f;place-items:center;min-height:22rem;display:grid;position:relative;overflow:hidden}.learning-media-image-frame img{object-fit:contain;width:100%;height:100%;max-height:34rem;display:block}.learning-media-image-frame>span{color:#fff;background:#111f1bd1;border-radius:999px;padding:.42rem .62rem;font-size:.76rem;font-weight:800;position:absolute;bottom:.75rem;right:.75rem}.learning-media-image figcaption{background:linear-gradient(145deg, white, var(--media-soft));flex-direction:column;justify-content:center;padding:1.25rem;display:flex}.learning-media-image figcaption>p,.learning-media-resource-intro p{color:#475a55;margin:.55rem 0 0;font-size:.93rem;line-height:1.55}.learning-media-observation-prompt{border:1px solid var(--media-line);color:var(--media-ink);background:#fff;border-radius:.8rem;margin-top:1rem;padding:.8rem}.learning-media-image figcaption small{color:#697772;margin-top:.85rem;font-size:.78rem;display:block}.learning-media-link-card{overflow:hidden}.learning-media-resource-intro{background:radial-gradient(circle at 14% 25%, color-mix(in srgb, var(--media-accent) 25%, transparent), transparent 32%), linear-gradient(135deg, var(--media-soft), white 64%);grid-template-columns:auto 1fr;align-items:center;gap:1.1rem;min-height:13rem;padding:clamp(1.25rem,3vw,2.25rem);display:grid}.learning-media-resource-symbol{border:.5rem solid color-mix(in srgb, var(--media-accent) 18%, white);background:var(--media-accent);color:#fff;border-radius:50%;place-items:center;width:clamp(4.5rem,9vw,6rem);height:clamp(4.5rem,9vw,6rem);font-size:clamp(1.35rem,3vw,2rem);display:grid;box-shadow:0 .8rem 2rem #23342f21}.learning-media-resource-intro h4{font-size:clamp(1.25rem,2.6vw,1.8rem)}.learning-media-resource-action{border-top:1px solid #e2e8e5;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem 1.25rem;display:grid}.learning-media-resource-action>div>span{color:var(--media-accent-dark);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:900}.learning-media-resource-action p{color:#475a55;margin:.3rem 0 0;font-size:.9rem;line-height:1.5}.learning-media-resource-action a{white-space:nowrap;gap:.45rem;text-decoration:none}.learning-media-resource-prompt{background:color-mix(in srgb, var(--media-soft) 62%, white);color:var(--media-ink);border-radius:.75rem;margin:0 1.25rem .9rem;padding:.72rem .82rem;font-size:.87rem;line-height:1.5}.learning-media-access-note{margin-inline:1.25rem}.learning-media-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.learning-media-controls button:focus-visible,.learning-media-resource-action a:focus-visible,.learning-media-image-frame:focus-visible,.learning-media-text-alternative summary:focus-visible,.learning-media-access-note summary:focus-visible{outline-offset:3px;outline:3px solid #17284c}@media (width<=820px){.learning-media-card-heading,.learning-media-model-workspace,.learning-media-image{grid-template-columns:1fr}.learning-media-card-heading{align-items:start;gap:.6rem}.learning-media-step-focus{min-height:12rem}.learning-media-image-frame{min-height:0}.learning-media-image-frame img{height:auto}}@media (width<=640px){.course-topic-media{border-radius:1.15rem;margin-inline:-.15rem}.course-topic-media-heading{flex-direction:column;align-items:flex-start;padding:1.15rem 1rem .9rem}.course-topic-media-count{text-align:left;max-width:100%}.course-topic-media-items{padding:0 .75rem 1rem}.learning-media-card-heading,.learning-media-model-workspace{padding:.85rem}.learning-diagram__surface{min-width:22rem}.learning-media-controls{grid-template-columns:1fr 1fr}.learning-media-step-count,.learning-media-motion-note{grid-area:1/1/auto/-1}.learning-media-controls button:last-child{grid-area:2/2}.learning-media-controls button:first-child{grid-area:2/1}.learning-media-controls button.is-primary{grid-area:3/1/auto/-1}.learning-media-explain-prompt,.learning-media-text-alternative{margin-inline:.85rem}.learning-media-image figcaption,.learning-media-resource-intro,.learning-media-resource-action{padding:1rem}.learning-media-resource-intro,.learning-media-resource-action{grid-template-columns:1fr}.learning-media-resource-action a{white-space:normal;width:100%}.learning-media-resource-prompt,.learning-media-access-note{margin-inline:1rem}}@media (prefers-reduced-motion:reduce){.learning-diagram__node,.learning-diagram__connector,.learning-diagram__arrow,.learning-diagram__timeline-progress{scroll-behavior:auto;transition:none}}
