.header-link{color:#fff9e9;font-weight:700;text-underline-offset:.3em}.learn-shell{background:linear-gradient(130deg,#fff8e9 0%,#e9f2d8 45%,#fff8e9 100%)}.learn-hero{max-width:1380px;margin:auto;padding:4.5rem clamp(1.25rem,4vw,4rem) 2.5rem}.learn-hero h1{max-width:14ch;font-size:clamp(3.5rem,6vw,6rem)}.learn-hero .lead{font-size:clamp(1.35rem,2vw,1.8rem);max-width:48ch}.learn-notice{display:grid;grid-template-columns:150px 1fr;gap:1.5rem;max-width:880px;padding:1.2rem 1.5rem;background:#fff2ce;border-left:6px solid #bd723d}.learn-notice p{margin:0}.learn-layout{max-width:1380px;margin:auto;padding:1rem clamp(1.25rem,4vw,4rem) 6rem;display:grid;grid-template-columns:275px minmax(0,1fr);gap:clamp(2rem,5vw,5rem)}.course-sidebar{position:sticky;top:1rem;align-self:start;background:#10483f;color:#fff8e9;padding:1.4rem;border-radius:4px;box-shadow:8px 8px 0 #bfd8af}.course-sidebar .eyebrow{color:#f7cd82}.course-sidebar nav{display:grid;gap:.5rem}.course-sidebar button{font:inherit;cursor:pointer;text-align:left}.course-sidebar nav button{border:1px solid #5a8e78;background:transparent;color:#fff8e9;padding:.8rem;border-radius:4px;line-height:1.2}.course-sidebar nav button.active,.course-sidebar nav button:hover{background:#f6d285;color:#173e36}.course-sidebar nav small{display:block;font-size:.75rem;opacity:.85;margin-top:.3rem}.progress-label{font-size:.85rem;margin:1.5rem 0 .5rem}.reset-progress{padding:0;border:0;background:none;color:#f5d489;text-decoration:underline;font-size:.8rem}.sidebar-link{display:block;margin-top:1.3rem;font-size:.9rem}.course-main{min-width:0}.course-main article#module-content{background:#fffdf6;border:1px solid #d1dfbe;padding:clamp(1.5rem,4vw,3.5rem);box-shadow:12px 12px 0 #d2e5c4}.lesson-title{margin-bottom:1rem}.lesson-lead{font-size:1.45rem;color:#4d6557}.objective{padding:1.1rem 1.4rem;background:#eaf3d8;border-left:4px solid #2c806c;margin:2rem 0}.objective p{margin:0}.lesson-section{padding:1.6rem 0;border-top:1px solid #d2dccb}.lesson-section h3{color:#12685b}.lesson-section p{font-size:1.2rem;line-height:1.6}.source-tags{display:flex;gap:.5rem;flex-wrap:wrap}.source-tags a{background:#f6e4bd;color:#6b3e25;padding:.25rem .65rem;border-radius:30px;font-size:.78rem;text-decoration:none;font-weight:700}.source-tags a:hover{text-decoration:underline}.reflection{background:#143e38;color:#fff8e9;padding:1.5rem 1.8rem;margin:1rem 0 2rem}.reflection .eyebrow{color:#f6cb7c}.reflection p:last-child{font-size:1.3rem;margin:0}.quiz{border-top:2px solid #c4d5b4;padding-top:2rem}.quiz h3{font-size:1.5rem}.choices{display:grid;gap:.7rem}.choices button,.next-lesson{font:inherit;text-align:left;border:1px solid #768d77;background:#f5f8ed;color:#173e36;padding:.75rem 1rem;border-radius:4px;cursor:pointer}.choices button:hover{background:#e4efcf}.choices button:disabled{opacity:.65;cursor:default}.quiz-feedback{min-height:1.5rem;margin:1rem 0}.quiz-feedback.correct{color:#126151;font-weight:700}.quiz-feedback.incorrect{color:#a2432c}.next-lesson{margin-top:1rem;background:#c85d39;border-color:#c85d39;color:#fff;font-weight:700}.next-lesson[hidden]{display:none}.source-library{padding:5rem 0 0}.source-library h2{font-size:2.8rem}.source-card{background:#fffdf6;border-bottom:1px solid #c9d9bf;padding:1.2rem 1.4rem}.source-card:target{outline:3px solid #c85d39}.source-card a{font-size:1.25rem;font-weight:700;color:#12685b}.source-card p{margin:.5rem 0 0}.source-publisher{font-size:.75rem!important;letter-spacing:.1em;text-transform:uppercase;color:#a24e30}.course-main #course-error{background:#fff1de;color:#882d22;padding:1rem;margin-bottom:1rem}.course-sidebar button:focus-visible,.choices button:focus-visible,.next-lesson:focus-visible{outline:3px solid #cb702b;outline-offset:3px}@media(max-width:800px){.learn-layout{display:block}.course-sidebar{position:static;margin-bottom:2rem}.course-sidebar nav{grid-template-columns:repeat(2,1fr)}.learn-notice{grid-template-columns:1fr;gap:.3rem}}@media(max-width:520px){.course-sidebar nav{grid-template-columns:1fr}.learn-hero{padding-top:3rem}.course-main article#module-content{box-shadow:6px 6px 0 #d2e5c4}}
.museum-object{display:grid;grid-template-columns:minmax(190px,260px) 1fr;gap:1.5rem;align-items:center;background:#f7ecd7;border:1px solid #e4ceb0;padding:1rem;margin:0 0 2rem}.museum-object img{display:block;width:100%;height:auto;background:#ddd5ca}.museum-object figcaption strong{font-size:1.45rem}.museum-object figcaption p{line-height:1.5;margin:.6rem 0}.museum-object figcaption a{font-weight:700;color:#116455}@media(max-width:600px){.museum-object{grid-template-columns:1fr}.museum-object img{max-width:270px;margin:auto}}

/* The lesson is the principal experience; source records are supporting notes. */
.learn-hero{max-width:none;min-height:620px;padding:0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);background:#132f2a;color:#fff9eb;overflow:hidden}
.learn-hero-copy{padding:clamp(3rem,6vw,6rem) clamp(1.25rem,5vw,5rem);align-self:center;justify-self:end;max-width:690px}
.learn-hero .eyebrow{color:#f6cd79}.learn-hero h1{max-width:11ch;font-size:clamp(3.5rem,6vw,6.5rem);line-height:.95}
.learn-hero .lead{color:#fff7df;line-height:1.33}.learn-hero img{width:100%;height:100%;min-height:620px;object-fit:cover;object-position:36% 50%;mask-image:linear-gradient(to right,transparent 0,#000 18%)}
.hero-start{display:inline-block;background:#f0aa51;color:#173e36;padding:.85rem 1.3rem;border-radius:4px;text-decoration:none;font-weight:700;box-shadow:5px 5px 0 #c75a38;margin-top:1rem}
.hero-start:hover{background:#ffd083}.draft-line{font-size:.9rem;color:#dbdfca;margin:2rem 0 0}
.learn-shell{background:linear-gradient(135deg,#fff6e4,#e9f2d9 45%,#fff8e8)}.learn-layout{padding-top:4rem}
.course-sidebar{background:#153f38;box-shadow:8px 8px 0 #e0b05c}.course-sidebar nav button{font-size:1.05rem}.course-sidebar nav button.active{background:#f5c579}
.course-main article#module-content{background:#fffdf7;box-shadow:12px 12px 0 #d9e7c6;border-color:#e1d7bd}
.lesson-title{font-size:clamp(2.9rem,5vw,5.2rem);line-height:1}.lesson-lead{font-size:1.55rem;max-width:58ch}
.objective{background:#e8f3d9}.lesson-section{position:relative;padding:2rem 0 2rem 3.2rem}.lesson-section h3{font-size:1.9rem;color:#175b4c}
.lesson-section p{font-size:1.26rem;max-width:67ch}.section-number{position:absolute;left:0;top:2.2rem;color:#c55b38;font-weight:700;font-size:1.1rem}
.lesson-evidence{font-size:.88rem;color:#496d60}.lesson-evidence summary{cursor:pointer;font-weight:700;max-width:max-content;text-decoration:underline;text-underline-offset:.2em}.source-tags{padding-top:.8rem}.lesson-evidence .source-tags a{background:#eaf1df}
.teacher-scene{margin:2rem 0 2.3rem;background:#143f37;padding:.6rem;box-shadow:7px 7px 0 #f0bb68}
.teacher-scene img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.teacher-scene figcaption{color:#fff7df;padding:.75rem 1rem;font-size:1.07rem}
.source-library{padding:3rem 0 0}.source-library>summary{list-style:none;cursor:pointer;background:#e6efd9;border:1px solid #b6cfad;padding:1.5rem 1.8rem}.source-library>summary::-webkit-details-marker{display:none}.source-library>summary::after{content:"＋";float:right;font-size:1.5rem;color:#a64d30}.source-library[open]>summary::after{content:"−"}.source-library .eyebrow{display:block;margin-bottom:.4rem}.source-heading{display:block;font-size:2rem;line-height:1.1}.source-summary{display:block;color:#476353;margin-top:.4rem}.source-library #source-list{padding-top:.9rem}
.scene-card{margin:2rem 0 2.5rem;padding:clamp(1.3rem,3vw,2.5rem);background:#173f37;color:#fff8e9;overflow:hidden}
.scene-card .eyebrow{color:#f8cc78;margin-bottom:.5rem}.scene-card h3{font-size:clamp(1.65rem,3vw,2.3rem);max-width:24ch}
.scene-caption{font-size:.95rem;color:#d4dfce;line-height:1.35;margin:1rem 0 0}
.opele-diagram{position:relative;display:flex;justify-content:center;gap:clamp(5rem,14vw,12rem);padding:2rem 1rem;margin:1rem auto;max-width:600px}
.opele-diagram::before{content:"";position:absolute;top:1rem;left:27%;right:27%;height:5px;background:#edc27f;border-radius:9px}
.chain-side{display:flex;flex-direction:column;gap:.7rem;position:relative}.chain-side::before{content:"";position:absolute;left:50%;top:-.2rem;bottom:0;width:5px;background:#edc27f;transform:translateX(-50%)}
.chain-piece{position:relative;z-index:1;width:60px;height:38px;border:3px solid #fad69a;border-radius:50%;background:linear-gradient(145deg,#dca65d 45%,#86512d 46%);color:#fff9e9;font:700 1.1rem "Gentium Plus","Charis SIL","Noto Serif",serif;cursor:pointer;box-shadow:0 2px 5px #0b2926}
.chain-piece:hover,.chain-piece.selected{outline:3px solid #fff6db;outline-offset:3px;transform:scale(1.08)}.chain-side.right .chain-piece{background:linear-gradient(35deg,#dca65d 45%,#86512d 46%)}
.diagram-status{min-height:3.2em;max-width:58ch;margin:0 auto;text-align:center;color:#fff4da}
.odu-layout{display:grid;grid-template-columns:minmax(220px,1fr) minmax(200px,1fr);gap:clamp(1.5rem,4vw,3rem);align-items:center}
.odu-grid{display:grid;grid-template-columns:repeat(16,1fr);gap:2px;aspect-ratio:1;max-width:440px}.odu-grid span{background:#78b39e;border-radius:1px}.odu-grid span.same{background:#f3bd6c}
.odu-explanation .number{display:block;font-size:clamp(2rem,4vw,3.2rem);color:#f7c975}.odu-explanation p{font-size:1.15rem}
.odu-example{margin-top:2rem;padding:1.4rem 1.6rem;background:#f5e5c8;color:#173e36;border-left:5px solid #d06942}.odu-example .eyebrow{color:#a74c2c}.odu-example h4{font-size:1.8rem;margin:.2rem 0 .7rem}.odu-example p:not(.eyebrow){font-size:1.14rem;max-width:65ch}.odu-example a{font-weight:700;text-underline-offset:.2em}
.voice-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;list-style:none;padding:0;margin:2rem 0}.voice-steps li{border-top:4px solid #f2bd71;background:#24584d;padding:1.1rem}.voice-steps strong,.voice-steps span{display:block}.voice-steps strong{font-size:1.25rem;margin-bottom:.5rem;color:#ffe0a0}
.film-link{display:inline-block;background:#f1bf76;color:#173e36;padding:.7rem 1rem;font-weight:700;border-radius:4px}
.close-reading{background:#f7e6c4;color:#173e36;padding:1.4rem 1.6rem;margin:0 0 1.5rem}.close-reading .eyebrow{color:#a14d2f}.close-reading blockquote{margin:.3rem 0 1rem;font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.12}.close-reading p:not(.eyebrow){font-size:1.12rem;max-width:55ch}.close-reading a{font-weight:700;text-underline-offset:.2em}
.audio-guide{display:flex;gap:1.4rem;background:#f9ecd2;border-left:5px solid #c9643c;padding:1.4rem;margin:0 0 2.5rem}.audio-guide h3{font-size:1.5rem;margin:.1rem 0}.audio-guide p{margin:0 0 .8rem}.audio-guide .eyebrow{font-size:.72rem;color:#9c4b30}
.audio-icon{font-size:2.5rem;color:#a85232;line-height:1}.audio-toggle{font:700 1rem "Gentium Plus","Charis SIL","Noto Serif",serif;background:#154b40;color:white;border:0;border-radius:4px;padding:.6rem 1rem;cursor:pointer}.audio-toggle:hover{background:#236859}.audio-toggle:disabled{background:#60776f}
.pronunciation-comparison{margin-top:1rem}.pronunciation-comparison summary{cursor:pointer;color:#154b40;font-weight:700}.pronunciation-comparison audio{display:block;max-width:100%;margin:.65rem 0}.pronunciation-comparison .recording-credit{font-size:.9rem;line-height:1.4;margin:0}
.audio-guide>div{min-width:0}.recorded-term-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:.85rem 0}.recorded-term{min-width:0;padding:.6rem .75rem;background:#fff8e9;border:1px solid #dfcaa5}.recorded-term strong{display:block;font-family:"Gentium Plus","Charis SIL","Noto Serif",serif;color:#174c40}.recorded-term audio{width:100%;margin:.35rem 0 0}
@media(max-width:900px){.learn-hero{grid-template-columns:1fr}.learn-hero-copy{justify-self:stretch;padding-bottom:2rem}.learn-hero img{height:380px;min-height:0;mask-image:linear-gradient(to bottom,transparent 0,#000 14%);object-position:30% 40%}.learn-layout{padding-top:2rem}}
@media(max-width:600px){.learn-hero h1{font-size:3.6rem}.learn-hero img{height:300px}.odu-layout,.voice-steps{grid-template-columns:1fr}.odu-grid{width:min(100%,320px)}.audio-guide{display:block}.audio-icon{display:none}.lesson-section{padding-left:0}.section-number{position:static;display:block;margin-bottom:.3rem}.opele-diagram{gap:5rem}}
@media(max-width:600px){.recorded-term-list{grid-template-columns:1fr}}
.course-main article#module-content{scroll-margin-top:1rem}.lesson-title:focus{outline:none}.lesson-title:focus-visible{outline:3px solid #bd6237;outline-offset:6px}
.odu-controls{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1rem}.odu-controls label{font-size:1rem;font-weight:700}.odu-controls select{display:block;width:100%;font:inherit;padding:.35rem;background:#fff8e9;color:#173e36}.odu-controls .odu-result{grid-column:1/-1;background:#24584d;padding:.8rem;margin:0;min-height:4em}.odu-grid span.chosen{background:#fff;outline:2px solid #d3603b;outline-offset:-1px;box-shadow:0 0 0 2px #fff}
.voice-explore{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:0 0 1.5rem}.voice-explore button{font:700 1rem "Gentium Plus","Charis SIL","Noto Serif",serif;padding:.8rem;background:#f7dfb3;color:#173e36;border:2px solid transparent;cursor:pointer}.voice-explore button[aria-pressed="true"]{border-color:#fff;background:#e3a653}.voice-note{grid-column:1/-1;min-height:4em;margin:.2rem 0 0;padding:1rem;background:#24584d}
.object-examine{margin:-1rem 0 2rem}.object-examine button{font:700 1rem "Gentium Plus","Charis SIL","Noto Serif",serif;background:#174c40;color:#fff;border:0;padding:.7rem 1rem;cursor:pointer}.object-examine p{max-width:65ch;background:#e8f3d9;padding:1rem}.museum-object.examining img{transform:scale(1.2);transform-origin:50% 35%}.museum-object{overflow:hidden}
@media(max-width:600px){.voice-explore{grid-template-columns:1fr}.odu-controls{grid-template-columns:1fr}.odu-controls .odu-result{grid-column:1}}
.lesson-rich.ql-container{border:0;font:inherit}.lesson-rich .ql-editor{padding:0;line-height:1.55;font-size:1.2rem;overflow:visible}.lesson-rich .ql-editor img{max-width:100%;height:auto}.ql-font-gentium{font-family:"Gentium Plus","Charis SIL","Noto Serif",serif}.ql-font-charis{font-family:"Charis SIL","Gentium Plus","Noto Serif",serif}.ql-font-noto{font-family:"Noto Serif","Gentium Plus","Charis SIL",serif}.ql-font-sans{font-family:Arial,sans-serif}
.opele-photo{margin:1.2rem 0;background:#0d2722}.opele-photo img{display:block;width:100%;height:auto;max-height:590px;object-fit:contain}.opele-photo figcaption{padding:.75rem 1rem;font-size:.9rem;color:#fff1d4}.opele-photo a{color:#f4ca81}.opele-observations{display:flex;flex-wrap:wrap;gap:.7rem}.opele-observations button{font:700 1rem "Gentium Plus","Charis SIL","Noto Serif",serif;background:#f4d18d;color:#173e36;padding:.7rem .9rem;border:2px solid transparent;cursor:pointer}.opele-observations button[aria-pressed="true"]{background:#fff6e2;border-color:#c56741}.opele-scene .diagram-status{text-align:left;max-width:70ch;min-height:3em;margin:1rem 0}
.lesson-rich .academy-media{padding:1rem;background:#e8f1e4;margin:1.3rem 0}.lesson-rich .academy-media audio,.lesson-rich .academy-media video{display:block;max-width:100%;width:100%}.lesson-rich .academy-media details{font-size:.95rem}.lesson-rich .academy-media summary{cursor:pointer}
.lesson-evidence .source-tags{display:grid;gap:.65rem;max-width:65ch}.evidence-item{margin:0!important;padding:.7rem .9rem;background:#edf3e6;border-left:3px solid #80ad86;font-size:.93rem!important;line-height:1.35!important}.evidence-item strong,.evidence-item span{display:block}.evidence-item span{margin-top:.25rem;color:#436151}
.guided-study{margin:2.5rem 0 2rem;padding:2rem;background:#f6e8cc;border-top:6px solid #cf6c42}.guided-study>.eyebrow{color:#9e4930}.guided-study>h3{font-size:clamp(2rem,3vw,2.8rem);margin:.3rem 0 1.5rem}.study-card{background:#fffdf7;padding:clamp(1.2rem,2.5vw,2rem);margin:1rem 0;border:1px solid #e5d4b5;box-shadow:4px 4px 0 #e3c992}.study-index{font-size:.88rem;color:#a64b2d;font-weight:700;letter-spacing:.1em}.study-card h4{font-size:1.7rem;color:#175b4c;margin:.3rem 0 1rem}.study-card>p{font-size:1.15rem;line-height:1.55;max-width:68ch}.study-practice{background:#e8f1dc;border-left:4px solid #236b58;padding:1rem 1.2rem;margin:1.3rem 0}.study-practice>strong{color:#145242}.study-practice p{margin:.35rem 0;font-size:1.08rem;line-height:1.5}.study-practice details{margin-top:.75rem}.study-practice summary{cursor:pointer;font-weight:700;text-decoration:underline;text-underline-offset:.2em}.study-practice details p{padding:.5rem 0 0}.study-card .lesson-evidence{margin-top:1rem}
.lesson-glossary{margin:2.4rem 0;padding:1.6rem 2rem;background:#e6f1e3;border-left:5px solid #2c806c}.lesson-glossary .eyebrow{color:#25665a}.lesson-glossary h3{font-size:1.8rem;margin:.2rem 0 1rem}.lesson-glossary dl{display:grid;grid-template-columns:minmax(130px,190px) 1fr;gap:.6rem 1.3rem;margin:0}.lesson-glossary dt,.lesson-glossary dd{padding:.75rem 0;border-top:1px solid #bad5bd}.lesson-glossary dt{font-weight:700;color:#14594c;font-size:1.17rem}.lesson-glossary dd{margin:0;line-height:1.45}
@media(max-width:600px){.guided-study{padding:1rem}.lesson-glossary{padding:1.2rem}.lesson-glossary dl{grid-template-columns:1fr;gap:0}.lesson-glossary dt{padding-bottom:0}.lesson-glossary dd{border-top:0;padding-top:.15rem}}

/* Longer learning path: keep the lesson list usable without crowding the page. */
.course-sidebar{max-height:calc(100vh - 2rem);overflow-y:auto;scrollbar-color:#d7ad6a #153f38}
.course-sidebar .nav-group{color:#f5cb83;font-size:.72rem;letter-spacing:.13em;font-weight:700;margin:1.1rem 0 .15rem}
.course-sidebar .nav-group:first-child{margin-top:0}
.sidebar-3d{display:block;background:#f6c675;color:#143e38;padding:.8rem .9rem;margin:0 0 1rem;border-radius:4px;font-weight:700;text-decoration:none;line-height:1.2}
.sidebar-3d:hover{background:#ffda99}
.sidebar-3d small{display:block;font-size:.78rem;font-weight:400;margin-top:.3rem}
.course-sidebar nav button{width:100%}
.research-visual{display:grid;grid-template-columns:minmax(220px,.78fr) minmax(260px,1fr);gap:clamp(1.2rem,3vw,2.4rem);align-items:center;margin:2rem 0;padding:clamp(1rem,2.4vw,1.7rem);background:#183f38;color:#fff8e9;box-shadow:7px 7px 0 #e2bc78}
.research-visual img{display:block;width:100%;max-height:450px;object-fit:contain;background:#e9dfcc}
.research-visual figcaption{display:grid;gap:.75rem;line-height:1.45}
.research-visual figcaption strong{font-size:clamp(1.25rem,2.4vw,1.8rem);line-height:1.2;color:#ffe0a1}
.research-visual figcaption span{color:#e1eada}
.research-visual figcaption a{color:#ffe0a1;text-underline-offset:.25em;font-weight:700}
.diagram-visual{grid-template-columns:1fr;gap:.9rem;background:#f3dfb4;color:#173e36}
.diagram-visual img{max-height:none;aspect-ratio:24/13;background:transparent;border:1px solid #c8a771}
.diagram-visual picture{display:block}
.diagram-visual figcaption{gap:.2rem}
.diagram-visual figcaption strong{font-size:1.05rem;color:#173e36;font-weight:400;line-height:1.3}
.diagram-visual figcaption span{color:#5d5649;font-size:.83rem}
.concept-explorer{margin:2.4rem 0;padding:clamp(1.4rem,3vw,2.2rem);background:#f4e6c8;border-top:6px solid #bf5838}
.concept-explorer>.eyebrow{color:#a34d30}
.concept-explorer h3{font-size:clamp(1.8rem,3vw,2.6rem);margin:.2rem 0 1.2rem}
.concept-tabs{display:flex;flex-wrap:wrap;gap:.6rem}
.concept-tabs button{font:700 1.03rem "Gentium Plus","Charis SIL","Noto Serif",serif;background:#fffaf0;color:#164e42;border:2px solid #c3aa82;padding:.65rem .9rem;cursor:pointer;border-radius:3px}
.concept-tabs button[aria-pressed="true"]{background:#185648;color:#fff8e9;border-color:#185648}
.concept-tabs button:focus-visible{outline:3px solid #c9633d;outline-offset:3px}
.concept-detail{background:#fffdf6;border-left:5px solid #286c59;padding:1.2rem 1.35rem;margin:1rem 0 0;font-size:1.2rem;line-height:1.5;min-height:5em}
/* A small table of contents replaces the long, independently scrolling lesson list. */
.course-sidebar{max-height:none;overflow:visible}
.course-sidebar nav{display:block}
.lesson-search-label{display:block;color:#f5cb83;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin:.9rem 0 .35rem}
#lesson-search{width:100%;box-sizing:border-box;background:#fff9eb;border:2px solid #deb878;border-radius:4px;color:#173e36;font:1rem "Gentium Plus","Charis SIL","Noto Serif",serif;padding:.62rem .72rem;margin-bottom:.55rem}
#lesson-search:focus-visible{outline:3px solid #ffda99;outline-offset:2px}
.lesson-track{border-bottom:1px solid #477264}
.lesson-track summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.45rem;padding:.72rem .15rem;color:#fff9e9;list-style:none}
.lesson-track summary::-webkit-details-marker{display:none}
.lesson-track summary:before{content:'▸';color:#f5cb83;margin-right:.18rem;transition:transform .15s ease}
.lesson-track[open] summary:before{transform:rotate(90deg)}
.lesson-track summary:focus-visible{outline:3px solid #ffda99;outline-offset:2px}
.track-label{font-size:1.08rem;font-weight:700;flex:1;line-height:1.15}
.track-count{white-space:nowrap;color:#f5cb83;font-size:.74rem}
.track-lessons{display:grid;gap:.38rem;padding:0 0 .7rem}
.course-sidebar nav .track-lessons button{padding:.56rem .7rem;font-size:.94rem;line-height:1.18}
.course-sidebar nav .track-lessons button small{font-size:.72rem;margin-top:.13rem}
.no-lessons{font-size:.9rem;color:#f5cb83}
@media(max-width:800px){.course-sidebar nav{display:block}}
@media(max-width:650px){.research-visual{grid-template-columns:1fr}.research-visual img{max-height:330px}.concept-tabs{display:grid;grid-template-columns:1fr 1fr}.concept-tabs button{text-align:left}}
@media(max-width:650px){.diagram-visual img{max-height:none;aspect-ratio:4/7}}
@media(max-width:430px){.concept-tabs{grid-template-columns:1fr}}

/* The course map is a visible syllabus, with the same lesson data as the reader. */
.learn-hero h1{max-width:13ch;font-size:clamp(3.3rem,5.4vw,6rem)}
.learn-hero-copy>p:not(.eyebrow,.lead,.draft-line){color:#e4e9d9;max-width:55ch}
.course-outline-link{display:inline-block;margin:1.2rem 0 0 1.4rem;color:#ffdb99;font-weight:700;text-underline-offset:.25em}
.course-outline{background:#fff7e8;padding:clamp(3.5rem,6vw,6rem) clamp(1.25rem,4vw,4rem);scroll-margin-top:1rem}
.course-outline-heading,.course-track-grid{max-width:1380px;margin-inline:auto}
.course-outline-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px);gap:2rem;align-items:end;margin-bottom:2rem}
.course-outline-heading h2{max-width:17ch}
.course-outline-heading p:last-child{color:#49665c;margin-bottom:0}
.course-overall-progress{background:#e3efd9;padding:1.1rem 1.25rem;border-left:5px solid #2c806c;display:grid;gap:.4rem}
.course-overall-progress strong{font-size:1.18rem;line-height:1.2}
.course-overall-progress progress{width:100%;height:.8rem;accent-color:#186555}
.course-overall-progress span{font-size:.82rem;color:#486357}
.course-track-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;align-items:stretch}
.course-track-card{min-width:0;background:#fffdf7;padding:1.25rem;border:1px solid #d8dfc8;border-top:6px solid #c65d3c;box-shadow:5px 6px 0 #e6d9b8}
.course-track-card:nth-child(2){border-top-color:#287869}.course-track-card:nth-child(3){border-top-color:#b37b32}.course-track-card:nth-child(4){border-top-color:#776795}
.course-track-range{color:#a24e30;font-size:.77rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.7rem}
.course-track-card h3{font-size:1.55rem;min-height:2.4em}
.course-track-description{font-size:.94rem;line-height:1.35;color:#46645a;min-height:5.2em}
.course-track-progress{font-size:.82rem;font-weight:700;color:#176251;margin:1rem 0 .5rem}
.course-track-card ol{list-style:none;padding:0;margin:0;border-top:1px solid #d8dfc8}
.course-track-card li+li{border-top:1px solid #e5e8d9}
.course-track-card button{width:100%;display:flex;justify-content:space-between;gap:.35rem;text-align:left;border:0;background:transparent;color:#163f38;font:700 .94rem/1.25 "Gentium Plus","Charis SIL","Noto Serif",serif;padding:.62rem .15rem;cursor:pointer}
.course-track-card button:hover,.course-track-card button.current{color:#aa4d30;text-decoration:underline;text-underline-offset:.18em}
.course-track-card button:focus-visible{outline:3px solid #ad5531;outline-offset:2px}
.course-complete{color:#197058}
.lesson-breadcrumb{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:1.1rem;color:#52685d;font-size:.9rem}
.lesson-breadcrumb a{font-weight:700;color:#176658;text-underline-offset:.2em}
.verse-excerpt{margin:1.1rem 0 .6rem;padding:1.35rem 1.55rem;background:#f5e7c7;border-left:6px solid #b45a37;color:#173f36;font:1.35rem/1.65 "Gentium Plus","Charis SIL","Noto Serif",serif}
.verse-excerpt span{display:block}
.verse-attribution{font-size:.9rem;line-height:1.4;color:#5e6255;margin:.4rem 0 1rem}
@media(max-width:1100px){.course-track-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.course-track-card h3,.course-track-description{min-height:0}}
@media(max-width:650px){.course-outline-heading,.course-track-grid{grid-template-columns:1fr}.course-outline-heading h2{max-width:none}.course-outline-link{display:block;margin:1.2rem 0 0}.course-track-card{padding:1rem}.learn-hero h1{max-width:13ch}}