.learning-lesson{--lesson-sans:Archivo,Arial,sans-serif;--lesson-night:#102631;--lesson-ink:#e2edf1;--lesson-blue:#a2d7e4;--lesson-red:#e38c7c;--lesson-amber:#e8ba78;background:var(--lesson-night);color:var(--lesson-ink);border:1px solid #466370;margin:38px 0;box-shadow:0 22px 50px #14283212}
.learning-topline{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:23px 28px;border-bottom:1px solid #3c5765;background:#152c38}.learning-topline .eyebrow{color:#c2dae3;margin:0}.learning-duration{font:10px var(--mono);color:#a5bcc7;white-space:nowrap}.learning-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.learning-visual{background:radial-gradient(ellipse at 50% 35%,#40697855,transparent 66%),linear-gradient(140deg,#102b36,#10212c);border-right:1px solid #3c5765;display:flex;flex-direction:column}.learning-stage{padding:18px 8px 0;display:flex;align-items:center;min-height:440px;flex:1}.learning-stage svg{display:block;width:100%;height:auto}.learning-svg-label{font:16px var(--mono);letter-spacing:.045em}.learning-small-label{font:11px var(--mono);letter-spacing:.025em}.learning-legend{display:flex;flex-wrap:wrap;gap:11px 20px;list-style:none;margin:0;padding:18px 25px 24px!important;border-top:1px solid #3c5765;color:#b8d0db;font-size:11px;line-height:1.5}.learning-legend li{display:flex;gap:8px;align-items:center;margin:0!important}.learning-key{width:10px;height:10px;flex:0 0 10px;border-radius:2px;border:1px solid #a8c1cc}.learning-key-heat{background:#e8ba78;border-color:#e8ba78}.learning-key-signal{background:#e38c7c;border-color:#e38c7c}.learning-key-water{background:#91d4e6;border-color:#91d4e6}.learning-key-air{background:repeating-linear-gradient(45deg,#c7d4dd 0 2px,#3b5868 2px 4px)}.learning-key-neutral{background:#557381}.learning-story{padding:25px;min-width:0;display:flex;flex-direction:column}.learning-step-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:27px}.learning-step-buttons button{background:#193542;color:#c5dce5;border:1px solid #4d6a78;border-radius:3px;text-align:left;font:11px/1.45 var(--lesson-sans);padding:12px;display:flex;align-items:flex-start;gap:9px;min-height:57px}.learning-step-buttons button span{font:10px/1.6 var(--mono);color:#a3c7d5}.learning-step-buttons button[aria-pressed=true]{background:#b44e42;border-color:#e09585;color:#fff3ec}.learning-step-buttons button[aria-pressed=true] span{color:#ffe1d4}.learning-step-buttons button:disabled{cursor:default;opacity:.65}.learning-explanation h3{font-size:30px!important;letter-spacing:-.04em;line-height:1.12;margin:12px 0 16px!important;color:#eff5f5!important}.learning-cue{font:9px/1.5 var(--mono);color:var(--lesson-blue);letter-spacing:.07em}.learning-explanation>p{font:15px/1.75 var(--lesson-sans);color:#c1d6df;margin:0 0 18px!important;max-width:48ch}.learning-question{border-top:1px solid #496571;padding-top:19px;margin-top:20px}.learning-question>span{font:9px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:#a5d3df}.learning-question p{font-size:14px;line-height:1.7;color:#e0eaf0;margin:11px 0 19px!important}.learning-controls{display:flex;gap:7px;margin-top:auto;padding-top:12px}.learning-controls button{flex:1;border:1px solid #5e7b89;border-radius:3px;background:#213e4b;color:#e2edf1;padding:11px 9px;font:10px var(--mono);min-height:42px}.learning-controls [data-learning-play]{background:#d6e9e8;color:#1b3740;border-color:#d6e9e8;flex:1.35}.learning-controls button:disabled{opacity:.5;cursor:default}.learning-controls [data-learning-play]:disabled{background:#294653;color:#c4d7df;border-color:#5e7b89}.learning-play-status{font:10px/1.6 var(--mono);color:#b5cbd5;margin:13px 0 0!important;min-height:32px}.learning-fallback{font-size:13px!important;line-height:1.65;border-top:1px solid #4a6470;padding-top:15px;color:#d1e3e9}.learning-fallback[hidden]{display:none}.learning-takeaway{padding:26px 28px;background:#1e3b47;border-top:1px solid #466572;display:grid;grid-template-columns:145px 1fr;gap:25px;align-items:start}.learning-takeaway>span{font:9px/1.8 var(--mono);color:#a9d4dd;text-transform:uppercase;letter-spacing:.07em}.learning-takeaway p{font-size:17px!important;line-height:1.65;margin:0!important;color:#e2eef1}.learning-boundary{font:10px/1.8 var(--mono)!important;color:#aec5ce;padding:21px 28px;margin:0!important;border-bottom:1px solid #385663}.learning-reading{padding:22px 28px;background:#f1f4ef;color:#25424e}.learning-reading summary{font-size:14px;font-weight:700;cursor:pointer;list-style-position:outside;margin-left:15px;padding-left:5px}.learning-reading summary::marker{color:#b24e42}.learning-transcript{display:grid;grid-template-columns:1fr 1fr;gap:28px 42px;padding:25px 0 8px 22px!important;margin:0!important}.learning-transcript li{padding-left:5px;margin:0!important}.learning-transcript li::marker{font:11px var(--mono);color:#a14438}.learning-transcript h3{font-size:19px!important;color:#1c3946!important;letter-spacing:-.025em;margin:0 0 12px!important}.learning-transcript p{font-size:13px!important;line-height:1.75;margin:0 0 12px!important;color:#46616b!important}.learning-transcript .learning-transcript-question{color:#254852!important}.learning-next{display:flex;flex-wrap:wrap;align-items:center;gap:18px 30px;padding:23px 28px;border-top:1px solid #365662}.learning-next .text-link{color:#b5dce6;font-size:11px}.learning-lesson button:hover:not(:disabled){border-color:#dfedea}.learning-lesson button:focus-visible,.learning-reading summary:focus-visible,.learning-next a:focus-visible{outline:3px solid #e7bd80;outline-offset:4px}.learning-compact .learning-stage{min-height:340px}.learning-compact .learning-explanation h3{font-size:26px!important}.learning-compact .learning-story{padding:22px}.learning-compact .learning-step-buttons{margin-bottom:20px}
/* Static selected-state cues carry the meaning; motion only guides attention. */
.learning-heat-cue,.learning-signal-line,.learning-head-markers,.learning-doc-halo,.learning-air-cue,.learning-water-cue{opacity:.12}.learning-head-markers{opacity:0}.learning-record-path{opacity:.55}.learning-wet-group,.learning-dry-group{opacity:.85}.learning-doc{opacity:.72}.learning-lesson[data-learning="heat-and-smoke"][data-learning-step="1"] .learning-heat-cue{opacity:1}.learning-lesson[data-learning="heat-and-smoke"][data-learning-step="1"] .learning-local-head .learning-element{stroke:#ffd39a}.learning-lesson[data-learning="heat-and-smoke"][data-learning-step="2"] .learning-signal-line{opacity:1}.learning-lesson[data-learning="heat-and-smoke"][data-learning-step="2"] .learning-detector{filter:drop-shadow(0 0 10px #e8927c55)}.learning-lesson[data-learning="heat-and-smoke"][data-learning-step="3"] .learning-head-markers{opacity:.7}.learning-lesson[data-learning="wet-and-dry"][data-learning-step="1"] .learning-wet-group,.learning-lesson[data-learning="wet-and-dry"][data-learning-step="2"] .learning-dry-group{opacity:1}.learning-lesson[data-learning="wet-and-dry"][data-learning-step="1"] .learning-water-cue,.learning-lesson[data-learning="wet-and-dry"][data-learning-step="2"] .learning-air-cue{opacity:1}.learning-lesson[data-learning="wet-and-dry"][data-learning-step="3"] .learning-record-cue{filter:drop-shadow(0 0 14px #9bd5e955)}.learning-lesson[data-learning="wet-and-dry"][data-learning-step="3"] .learning-record-path{opacity:1}.learning-lesson[data-learning="from-finding-to-closeout"][data-learning-step="0"] .learning-doc-0,.learning-lesson[data-learning="from-finding-to-closeout"][data-learning-step="1"] .learning-doc-1,.learning-lesson[data-learning="from-finding-to-closeout"][data-learning-step="2"] .learning-doc-2,.learning-lesson[data-learning="from-finding-to-closeout"][data-learning-step="3"] .learning-doc-3{opacity:1}.learning-lesson[data-learning="from-finding-to-closeout"][data-learning-step="0"] .learning-doc-0 .learning-doc-halo,.learning-lesson[data-learning="from-finding-to-closeout"][data-learning-step="1"] .learning-doc-1 .learning-doc-halo,.learning-lesson[data-learning="from-finding-to-closeout"][data-learning-step="2"] .learning-doc-2 .learning-doc-halo,.learning-lesson[data-learning="from-finding-to-closeout"][data-learning-step="3"] .learning-doc-3 .learning-doc-halo{opacity:.8}
.learning-lesson[data-playing=true][data-learning="heat-and-smoke"][data-learning-step="1"] .learning-heat-cue{animation:learning-emphasis 3.2s ease-in-out infinite}.learning-lesson[data-playing=true][data-learning="heat-and-smoke"][data-learning-step="2"] .learning-signal-line{animation:learning-signal 4s linear infinite}.learning-lesson[data-playing=true][data-learning="heat-and-smoke"][data-learning-step="3"] .learning-head-markers{animation:learning-emphasis 4s ease-in-out infinite}.learning-lesson[data-playing=true][data-learning="wet-and-dry"] .learning-record-path,.learning-lesson[data-playing=true][data-learning="from-finding-to-closeout"] .learning-document-route{animation:learning-signal 5s linear infinite}.learning-lesson[data-playing=true][data-learning="wet-and-dry"][data-learning-step="1"] .learning-water-cue,.learning-lesson[data-playing=true][data-learning="wet-and-dry"][data-learning-step="2"] .learning-air-cue{animation:learning-emphasis 3.2s ease-in-out infinite}.learning-lesson[data-playing=true] .learning-doc-halo{animation:learning-emphasis 4s ease-in-out infinite}@keyframes learning-emphasis{0%,100%{stroke-opacity:.55;fill-opacity:.55}50%{stroke-opacity:1;fill-opacity:1}}@keyframes learning-signal{to{stroke-dashoffset:-56}}
.learning-hub-intro{display:grid;grid-template-columns:1fr 1fr;gap:15px 60px;align-items:end;margin-bottom:38px}.learning-hub-intro .eyebrow{grid-column:1/-1}.learning-hub-intro h2{font-size:clamp(36px,4.5vw,62px);line-height:1.04;margin:0}.learning-hub-intro p{font-size:16px;line-height:1.8;color:#496570;max-width:55ch;margin:0}.learning-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.learning-card{background:#f4f6f0;border:1px solid #c4d0ce;min-width:0;display:flex;flex-direction:column}.learning-card-art{display:block;overflow:hidden;background:radial-gradient(ellipse at center,#395c6977,transparent 68%),#122a35;aspect-ratio:760/470;border-bottom:1px solid #adc1c4}.learning-card-art svg{width:100%;height:auto;display:block}.learning-card-art:focus-visible{outline:3px solid #b0473c;outline-offset:4px}.learning-card-copy{padding:26px;display:flex;flex-direction:column;flex:1}.learning-card-copy .eyebrow{color:#6b858e;font-size:9px}.learning-card-copy h3{font-size:28px;letter-spacing:-.04em;line-height:1.12;margin:12px 0 16px}.learning-card-copy h3 a{color:#243f4a;text-decoration:none}.learning-card-copy p{font-size:14px;line-height:1.75;color:#4a6570;margin:0 0 24px}.learning-card-copy .text-link{align-self:start;margin-top:auto;font-size:11px;color:#9e4136}.learning-hub-note{font:10px/1.8 var(--mono);color:#647d89;margin-top:25px;max-width:1050px}
.effects-paused .learning-lesson *,.effects-paused .learning-lesson *:before,.effects-paused .learning-lesson *:after{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.learning-lesson *,.learning-lesson *:before,.learning-lesson *:after{animation:none!important;transition:none!important}}
@media(max-width:1000px){.learning-layout{grid-template-columns:1fr 1fr}.learning-stage{min-height:330px}.learning-story{padding:20px}.learning-step-buttons button{padding:10px;font-size:10px}.learning-explanation h3{font-size:25px!important}.learning-explanation>p{font-size:14px}.learning-controls{flex-wrap:wrap}.learning-controls button{font-size:9px;padding:11px 7px}.learning-cards{gap:12px}.learning-card-copy{padding:21px}.learning-card-copy h3{font-size:24px}}
@media(max-width:760px){.learning-topline{padding:18px 20px;gap:12px}.learning-topline .eyebrow{font-size:8px;line-height:1.7}.learning-duration{font-size:9px}.learning-layout{grid-template-columns:1fr}.learning-visual{border-right:0;border-bottom:1px solid #466572}.learning-stage,.learning-compact .learning-stage{min-height:0;padding:14px 2px 0}.learning-legend{gap:10px 15px;padding:16px 20px!important;font-size:10px}.learning-story,.learning-compact .learning-story{padding:23px 20px}.learning-step-buttons{margin-bottom:24px}.learning-step-buttons button{padding:12px;font-size:11px;min-height:54px}.learning-explanation h3,.learning-compact .learning-explanation h3{font-size:28px!important}.learning-explanation>p{font-size:15px}.learning-question p{font-size:14px}.learning-controls{flex-wrap:nowrap}.learning-controls button{font-size:10px}.learning-takeaway{grid-template-columns:1fr;gap:10px;padding:23px 20px}.learning-takeaway p{font-size:16px!important}.learning-boundary{padding:20px}.learning-reading{padding:23px 20px}.learning-transcript{grid-template-columns:1fr;gap:23px;padding-top:26px!important}.learning-next{padding:23px 20px;gap:20px}.learning-hub-intro{grid-template-columns:1fr;gap:20px}.learning-hub-intro .eyebrow{grid-column:auto}.learning-hub-intro h2{font-size:42px}.learning-hub-intro p{font-size:15px}.learning-cards{grid-template-columns:1fr;gap:24px}.learning-card-copy{padding:25px}.learning-card-copy h3{font-size:29px}.learning-card-copy p{font-size:15px}.learning-card-art svg{max-height:none}}