/* Same local Journey/Inter font assets and shared palette as the main website. */
.lesson-page{font-family:var(--sans);--lesson-gold:var(--gold);--lesson-soft:var(--cream);--lesson-muted:#526077;--lesson-rule:#d5ccb9;background:var(--cream);color:var(--ink)}
.lesson-page h1,.lesson-page h2,.lesson-page h3{font-family:var(--serif);font-weight:400}
.lesson-hero{background:var(--deep);min-height:560px}
.lesson-hero-copy{max-width:1440px;padding:72px 7% 112px}
.lesson-hero-copy>.eyebrow{color:var(--gold);font:500 11px/1.7 var(--sans);letter-spacing:2px;margin-bottom:18px}
.lesson-hero h1{font-size:clamp(56px,5.4vw,78px);line-height:1.08;letter-spacing:-.035em;max-width:720px}
.lesson-hero h1 em{color:var(--gold)}
.lesson-volume{font:13px/1.7 var(--sans);margin-bottom:22px}
.lesson-subtitle{font:27px/1.4 var(--serif);max-width:560px;margin-top:24px}
.lesson-hero-intro{font:15px/1.85 var(--sans);max-width:510px;margin-top:18px}
.lesson-hero-foot{left:7%;right:7%;font-size:9px;letter-spacing:1.4px}
/* The title immediately below the hero gets a clear editorial hierarchy. */
.lesson-orientation{max-width:1440px;padding:88px 7% 72px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,88px);align-items:start}
.lesson-orientation>div{min-width:0}
.lesson-orientation .eyebrow{font:500 11px/1.7 var(--sans);letter-spacing:1.7px;color:#76602d;margin-bottom:22px}
.lesson-orientation h2{font:400 clamp(38px,3.7vw,56px)/1.14 var(--serif);letter-spacing:-.025em;max-width:630px;text-wrap:balance}
.lesson-orientation h2 em{display:block;margin-top:8px}
.lesson-orientation-copy>.lesson-lead{font:26px/1.5 var(--serif);color:var(--navy)}
.lesson-orientation-copy>p{font:15px/1.9 var(--sans);margin-top:20px}
.lesson-orientation-copy>.lesson-quiet-note{font-size:12px;line-height:1.8}
.lesson-player{max-width:1440px;padding-inline:7%;margin-inline:auto}
.lesson-player-top{padding-block:35px 30px;border-top:1px solid var(--lesson-rule);gap:30px;align-items:center}
.lesson-player-top h2{font:400 clamp(38px,4vw,58px)/1.12 var(--serif);letter-spacing:-.025em;margin-block:14px 18px}
.lesson-player-top>div>p:last-child:not(.eyebrow){font:20px/1.5 var(--serif)}
.lesson-outline,.lesson-panel,.lesson-reader-toolbar,.lesson-step-actions{border-radius:7px;box-shadow:none}
.lesson-panel-heading>h2{font-family:var(--serif);line-height:1.14;letter-spacing:-.025em;overflow-wrap:break-word}
.lesson-source-text{font-family:var(--sans);line-height:1.9}
.lesson-page .button{border-radius:7px;font-family:var(--sans)}
.lesson-reading-column,.lesson-player-top>div,.lesson-panel,.lesson-source-text{min-width:0}
@media(max-width:900px){.lesson-orientation{grid-template-columns:minmax(0,1fr);gap:32px;padding-block:58px}.lesson-orientation h2{max-width:680px}.lesson-orientation-copy{max-width:700px}}
@media(max-width:640px){.lesson-hero{min-height:0}.lesson-hero-copy{padding:48px 7% 112px}.lesson-hero h1{font-size:44px;line-height:1.08}.lesson-hero-copy>.eyebrow{font-size:10px;letter-spacing:1.4px}.lesson-volume{font-size:12px;margin-bottom:18px}.lesson-subtitle{font-size:23px;line-height:1.45;margin-top:20px}.lesson-hero-intro{font-size:14px}.lesson-hero-foot{flex-direction:column;gap:6px;padding-block:16px;font-size:8px}.lesson-orientation{padding:44px 7% 46px;gap:26px}.lesson-orientation h2{font-size:37px;line-height:1.16}.lesson-orientation .eyebrow{font-size:10px;margin-bottom:17px}.lesson-orientation-copy>.lesson-lead{font-size:24px;line-height:1.5}.lesson-orientation-copy>p{font-size:14px;line-height:1.9}.lesson-player-top{padding-block:27px;gap:20px}.lesson-player-top h2{font-size:36px;line-height:1.14;margin-block:14px}.lesson-player-top>div>p:last-child:not(.eyebrow){font-size:18px}.lesson-player{padding-inline:7%}}
@media(prefers-reduced-motion:reduce){.lesson-page *{scroll-behavior:auto!important}}