/* Scroll enhancement keeps native page scrolling and ordinary clickable tabs. */
.learning-heading>h2{text-align:center}
.learning-progress{display:none}
.learning-scroll{padding-block:0;margin-top:64px;margin-bottom:80px;height:var(--learning-scroll-height,auto);position:relative}
.learning-scroll .learning-sticky{position:sticky;top:24px}
.learning-scroll .learning-stage{display:grid;margin-top:22px}
.learning-scroll .learning-panel{grid-area:1/1;height:auto;min-height:clamp(320px,calc(100svh - 275px),560px)}
.learning-scroll .learning-panel[hidden]{display:flex!important;visibility:hidden;pointer-events:none}
.learning-scroll .feature-photo{height:100%;min-height:0}
.learning-scroll .feature-copy{padding:30px 32px}
.learning-scroll .feature-copy h3{font-size:clamp(29px,2.6vw,36px)}
.learning-scroll .feature-copy p{margin:17px 0 22px}
.learning-scroll .learning-footnote{margin-top:22px}
.learning-scroll .learning-panel:not([hidden]){animation:learning-reveal .4s ease-out both}
.learning-scroll .learning-progress{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:17px;font-size:10px;letter-spacing:.025em;color:var(--muted)}
.learning-progress-track{height:2px;width:100px;background:#e1e1dc;overflow:hidden}
.learning-progress-track:after{content:'';display:block;width:var(--learning-progress,25%);height:100%;background:var(--ink);transition:width .3s ease}
@keyframes learning-reveal{from{opacity:.25}to{opacity:1}}
@media(max-width:1000px){.learning-scroll .feature-copy{padding:26px}.learning-scroll .feature-copy h3{font-size:30px}.learning-scroll .feature-copy p{font-size:12px}.learning-scroll .learning-panel{min-height:clamp(320px,calc(100svh - 275px),500px)}}
@media(max-width:760px){
 .learning-scroll{margin-top:44px;margin-bottom:48px}.learning-scroll .learning-sticky{top:12px}.learning-scroll .learning-heading>h2{font-size:29px;line-height:1.1;max-width:420px}.learning-scroll .learning-tabs{margin-top:18px}.learning-scroll .learning-tabs button{font-size:10px;padding:11px 15px}.learning-scroll .learning-stage{margin-top:16px}
 .learning-scroll .learning-panel{--learning-photo-height:clamp(170px,calc(100svh - 540px),285px);min-height:0;padding-top:calc(var(--learning-photo-height) - 28px);height:auto}.learning-scroll .feature-photo{height:var(--learning-photo-height);width:100%;min-height:0}.learning-scroll .feature-copy{padding:22px 24px;width:calc(100% - 10px);border-radius:20px}.learning-scroll .feature-copy h3{font-size:28px;line-height:1.08}.learning-scroll .feature-copy p{font-size:12px;line-height:1.6;margin:14px 0 17px}.learning-scroll .feature-copy .button{min-height:42px;padding:10px 17px;font-size:10px}.learning-scroll .learning-footnote{display:none}.learning-scroll .learning-progress{margin-top:16px;font-size:9px}
}
@media(prefers-reduced-motion:reduce){.learning-scroll .learning-panel:not([hidden]){animation:none}.learning-progress-track:after{transition:none}}