.learn-page{background:var(--paper)}.learn-page [hidden]{display:none!important}.learn-intro{padding:9rem 0 2.75rem;background:var(--ink);color:var(--body-on-dark)}.learn-intro__row{display:flex;align-items:end;justify-content:space-between;gap:2rem}.learn-intro h1{font:500 var(--display-h2)/1.08 var(--font-display);color:var(--gold-light);letter-spacing:-.012em;margin:.8rem 0 1rem}.learn-intro__description{max-width:42rem;color:var(--muted-on-dark)}.learn-intro__back{font-size:var(--text-sm);white-space:nowrap;color:var(--teal-light);text-underline-offset:.3em}.learn-content{padding-block:3rem 5rem}.learn-room{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(19rem,1fr);gap:clamp(2rem,4vw,3.5rem);align-items:start;scroll-margin-top:7rem}.learn-player{aspect-ratio:16 / 9;background:var(--ink);border:1px solid var(--line-on-dark);position:relative}.learn-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.learn-poster{position:absolute;inset:0;padding:clamp(1.2rem,3vw,2.5rem);color:var(--body-on-dark);display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;background-color:var(--ink-2);background-image:linear-gradient(var(--line-on-dark) 1px,transparent 1px),linear-gradient(90deg,var(--line-on-dark) 1px,transparent 1px);background-size:5rem 5rem}.learn-poster:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,var(--ink-2) 45%,transparent);pointer-events:none}.learn-poster>*{position:relative}.learn-poster__brand{font:500 var(--text-lg)/1.2 var(--font-display-sans)}.learn-poster__brand span{color:var(--gold-light)}.learn-poster__series{margin-top:auto;padding-top:.6rem;font-size:var(--text-sm);color:var(--teal-light)}.learn-poster__title{font:500 var(--display-h2-sm)/1.1 var(--font-display);max-width:17ch;margin:.6rem 0 1.2rem;text-wrap:balance}.learn-play{display:inline-flex;align-items:center;gap:.7rem;color:var(--ink);background:var(--paper-warm);border:1px solid var(--paper-warm);border-radius:3px;padding:.7rem 1rem;font:600 var(--text-sm)/1.2 var(--font-body);cursor:pointer;text-decoration:none}.learn-play:hover{background:var(--gold-light);border-color:var(--gold-light)}.learn-play span{font-size:var(--text-xs)}.learn-poster__meta{margin-top:auto;padding-top:1rem;font:400 var(--text-xs)/1.2 var(--font-mono);color:var(--muted-on-dark)}.learn-watch__caption{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;margin-bottom:1.7rem;font-size:var(--text-sm)}.learn-watch__caption>span{font-family:var(--font-mono);color:var(--gold-on-light)}.learn-detail h2{font:550 var(--display-h2-sm)/1.15 var(--font-display);color:var(--title-on-light);margin-bottom:.9rem}.learn-detail>p{max-width:60ch}.learn-practice{border:1px solid var(--line-on-light);padding:1.25rem 1.5rem;margin-top:1.75rem;background:var(--paper-warm)}.learn-practice h3{font:600 var(--text-base)/1.3 var(--font-display-sans);color:var(--title-on-light);margin-bottom:.55rem}.learn-practice p{font-size:var(--text-sm)}.learn-paging{display:flex;justify-content:space-between;gap:1rem;margin-top:1.4rem}.learn-paging button{padding:.6rem 0;border:0;background:none;font:500 var(--text-sm)/1.4 var(--font-body);cursor:pointer;text-align:left}.learn-paging button:last-child{color:var(--teal-text);text-align:right}.learn-paging button:disabled{color:var(--muted-on-light);opacity:.55;cursor:default}.learn-library__head .eyebrow{color:var(--gold-on-light)}.learn-library__head h2{font:600 var(--text-2xl)/1.25 var(--font-display-sans);margin:.45rem 0 .5rem;color:var(--title-on-light)}.learn-library__head>p:last-child{font-size:var(--text-sm);color:var(--muted-on-light)}.learn-path{margin-top:1rem}.learn-lesson{display:grid;grid-template-columns:2.3rem 1fr 1rem;gap:.65rem;text-decoration:none;padding:1rem .8rem;border:1px solid transparent;border-bottom-color:var(--line-on-light);position:relative}.learn-lesson:hover{background:var(--paper-warm)}.learn-lesson.is-active{background:var(--paper-warm);border-color:var(--gold-on-light)}.learn-lesson.is-active:after{content:"";position:absolute;right:-1px;top:-1px;width:.6rem;height:.6rem;border-top:2px solid var(--gold-on-light);border-right:2px solid var(--gold-on-light)}.learn-lesson__number{font:400 var(--text-sm)/1.5 var(--font-mono);color:var(--gold-on-light);border:1px solid var(--line-on-light);border-radius:50%;width:2rem;height:2rem;display:grid;place-items:center}.is-active .learn-lesson__number{background:var(--ink);color:var(--gold-light)}.learn-lesson__text{display:flex;flex-direction:column;gap:.2rem}.learn-lesson__topic{font-size:var(--text-xs);color:var(--muted-on-light)}.learn-lesson__title{font:600 var(--text-base)/1.35 var(--font-display-sans);color:var(--title-on-light)}.learn-lesson__description{font-size:var(--text-sm);color:var(--muted-on-light);margin-top:.35rem}.learn-lesson__play{font-size:var(--text-xs);color:var(--teal-text);align-self:center}.learn-help{border-top:1px solid var(--line-on-light);margin-top:3.5rem;padding-top:2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.learn-help h2{font:600 var(--text-xl)/1.3 var(--font-display-sans);color:var(--title-on-light)}.learn-help p{margin-top:.5rem;max-width:45rem;font-size:var(--text-sm)}.learn-help a{white-space:nowrap;color:var(--teal-text);font-size:var(--text-sm)}@media(min-width:981px){.learn-watch{position:sticky;top:7rem}.learn-lesson__description{display:none}}@media(max-width:980px){.learn-room{grid-template-columns:1fr}.learn-intro__row{display:block}.learn-intro__back{display:inline-block;margin-top:1.3rem}.learn-library{border-top:1px solid var(--line-on-light);padding-top:2rem}.learn-poster{padding:2rem}}@media(max-width:540px){.learn-intro{padding-top:7.5rem;padding-bottom:2rem}.learn-content{padding-top:1.5rem}.learn-poster{padding:1rem}.learn-poster__title{font-size:var(--text-2xl);max-width:20ch;margin:.4rem 0 .7rem}.learn-poster__brand{font-size:var(--text-sm)}.learn-poster__series{font-size:var(--text-xs)}.learn-poster__meta{padding-top:.65rem}.learn-play{padding:.6rem .8rem}.learn-help{display:block}.learn-help a{display:inline-block;margin-top:1rem}.learn-watch__caption{align-items:flex-start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
