/* Learn reuses the public site's typography and shared navigation. */
.learn-page{max-width:1208px;padding-top:62px}
.learn-page .page-intro{max-width:890px;margin-bottom:40px}
.learn-index .page-intro{margin-bottom:82px}
.learn-page h1{font-size:clamp(40px,5.1vw,66px);line-height:1.06;letter-spacing:-.055em;font-weight:470}
.learn-page .intro{max-width:680px;font-size:18px;line-height:1.6;margin-top:24px}
.learn-page :is(a,section,article){scroll-margin-top:32px}
.learn-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:28px}
.learn-section-heading h2{font-size:23px;letter-spacing:-.035em;margin:0}
.learn-section-heading p{font-size:14px;margin:0;color:#676d73}
.learn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px}
.learn-card{min-width:0}
.learn-card-link{display:block;color:inherit;text-decoration:none}
.learn-thumbnail{position:relative;overflow:hidden;border:1px solid #e0e3e5;border-radius:10px;background:#fff;aspect-ratio:16/9;transition:border-color .2s ease,box-shadow .2s ease}
.learn-thumbnail img{display:block;width:100%;height:100%;object-fit:contain}
.learn-duration{position:absolute;right:13px;bottom:12px;padding:4px 8px;background:#23272be8;border-radius:4px;color:white;font-size:11px;font-variant-numeric:tabular-nums}
.learn-card-link:hover .learn-thumbnail{border-color:#a0a6ac;box-shadow:0 6px 18px #25293008}
.learn-card-copy{padding-top:26px}
.learn-card-copy .eyebrow{margin-bottom:12px}
.learn-card h3{font-size:29px;line-height:1.2;letter-spacing:-.045em;font-weight:500;margin:0 0 14px}
.learn-card-copy>p:not(.eyebrow){max-width:440px;color:#646b72;line-height:1.7;margin:0 0 22px}
.learn-text-link{font-size:14px;font-weight:550;text-decoration:none;display:inline-flex;align-items:center;gap:14px;color:#262b30}
.learn-text-link span{font-size:20px;line-height:1}
.learn-card-link:hover .learn-text-link,.learn-text-link:hover{text-decoration:underline;text-underline-offset:5px}
.learn-audience{margin:25px 0 0;padding-top:17px;border-top:1px solid #e3e5e7;color:#72787d;font-size:12px}
.learn-start{display:grid;grid-template-columns:1fr 1fr;gap:64px;border-top:1px solid #e0e3e5;margin-top:100px;padding-top:70px}
.learn-start h2{font-size:clamp(32px,4vw,46px);line-height:1.12;letter-spacing:-.05em;font-weight:470;margin-top:20px}
.learn-start>div>p:not(.eyebrow){color:#5b6269;max-width:480px}
.learn-start>div>p:first-child{margin-top:0}
.learn-invitation{text-align:center;border-top:1px solid #e0e3e5;margin-top:86px;padding-top:65px}
.learn-invitation h2{font-size:clamp(28px,3.5vw,40px);letter-spacing:-.045em;font-weight:470}
.learn-invitation p{color:#646b72;margin-bottom:28px}
.lesson-page .page-intro{max-width:1000px;margin-bottom:22px}
.lesson-page h1{font-size:clamp(38px,4.7vw,60px);max-width:930px}
.lesson-page .intro{max-width:760px}
.lesson-breadcrumb{display:flex;gap:12px;align-items:center;font-size:12px;color:#72787d;margin:0 0 30px}
.lesson-breadcrumb a{color:#4a5158;text-underline-offset:4px}
.lesson-recording{margin:0}
.lesson-player{background:#f8f9fa;border:1px solid #dfe3e6;border-radius:10px;overflow:hidden}
.lesson-player video{display:block;width:100%;height:auto;aspect-ratio:var(--recording-aspect);max-height:590px;object-fit:contain;background:#fff}
.lesson-recording figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:15px;font-size:12px;line-height:1.7;color:#666d74}
.lesson-recording figcaption>span:last-child{white-space:nowrap}
.lesson-recording figcaption a{color:inherit;text-underline-offset:4px}
.lesson-flow{display:grid;grid-template-columns:1fr 50px 1fr;align-items:center;gap:25px;border-block:1px solid #e0e3e5;margin-top:35px;padding:28px 0}
.lesson-flow .eyebrow{font-size:10px;margin:0 0 9px}
.lesson-flow p{margin:0;font-size:20px;letter-spacing:-.025em;line-height:1.4;color:#24292d}
.lesson-flow-arrow{font-size:27px;text-align:center;color:#8b9298}
.lesson-source-note{font-size:12px;color:#777d83;margin:13px 0 0}
.lesson-reading{display:grid;grid-template-columns:240px minmax(0,680px);justify-content:space-between;gap:65px;margin-top:76px}
.lesson-contents{align-self:start}
.lesson-contents nav{display:flex;flex-direction:column;gap:16px;margin-top:22px}
.lesson-contents a{font-size:13px;color:#555d64;text-decoration:none;line-height:1.6}
.lesson-contents a:hover{text-decoration:underline;text-underline-offset:4px}
.lesson-contents>p:last-child{font-size:12px;line-height:1.8;color:#7a8085;border-top:1px solid #e0e3e5;margin-top:30px;padding-top:22px}
.lesson-article>section+section{margin-top:58px;padding-top:38px;border-top:1px solid #e0e3e5}
.lesson-article h2{font-size:28px;line-height:1.25;letter-spacing:-.04em;font-weight:500;margin:0 0 22px}
.lesson-article h3{font-size:19px;line-height:1.4;letter-spacing:-.025em;font-weight:550;margin:0 0 10px}
.lesson-article p{font-size:15px;line-height:1.85;color:#515961}
.lesson-article a{color:#242a30;text-underline-offset:4px}
.lesson-summary{border:0;padding:0}
.lesson-summary>summary{padding:12px 0;min-height:48px;font-size:18px;line-height:1.45;letter-spacing:-.025em;font-weight:500;color:#24292d;cursor:pointer}
.lesson-summary>summary::marker{color:#727980;font-size:12px}
.lesson-summary>summary:focus-visible{outline:2px solid #335a73;outline-offset:5px;border-radius:3px}
.lesson-summary-copy{padding-top:8px}
.lesson-summary-copy>p:last-child{margin-bottom:0}
.lesson-steps{list-style:decimal-leading-zero;margin:32px 0 0;padding-left:35px}
.lesson-steps li{padding-left:12px;margin:0 0 28px}
.lesson-steps li::marker{font-size:12px;color:#828990;font-variant-numeric:tabular-nums}
.lesson-steps li p{margin:0}
.lesson-next{display:grid;grid-template-columns:1fr 360px;gap:65px;align-items:center;border-top:1px solid #e0e3e5;margin-top:85px;padding-top:54px}
.lesson-next h2{font-size:32px;letter-spacing:-.04em;font-weight:500;margin:15px 0}
.lesson-next p:not(.eyebrow){color:#666e75}
.lesson-next img{width:100%;height:auto;display:block;border:1px solid #e0e3e5;border-radius:8px}
.learn-page :is(a,video):focus-visible{outline:2px solid #335a73;outline-offset:5px}
@media(max-width:800px){.learn-page{padding-top:38px}.learn-index .page-intro{margin-bottom:54px}.learn-grid{gap:25px}.learn-card h3{font-size:25px}.lesson-reading{grid-template-columns:180px minmax(0,1fr);gap:32px}.lesson-next{grid-template-columns:1fr 260px;gap:32px}.learn-start{gap:32px}.lesson-recording figcaption{flex-direction:column;gap:5px}}
@media(max-width:600px){.learn-page .intro{font-size:16px}.learn-section-heading{display:block}.learn-section-heading p{margin-top:10px}.learn-grid{grid-template-columns:1fr;gap:42px}.learn-start{grid-template-columns:1fr;gap:16px;margin-top:65px;padding-top:40px}.learn-invitation{margin-top:58px;padding-top:38px}.learn-card h3{font-size:27px}.lesson-page h1{font-size:38px}.lesson-reading{display:block;margin-top:45px}.lesson-contents{border-bottom:1px solid #e0e3e5;margin-bottom:38px;padding-bottom:26px}.lesson-contents nav{gap:10px;margin-top:15px}.lesson-contents>p:last-child{border:0;padding:0;margin:20px 0 0}.lesson-flow{grid-template-columns:1fr 24px 1fr;gap:12px;padding-block:23px}.lesson-flow p{font-size:16px}.lesson-flow .eyebrow{font-size:9px}.lesson-next{grid-template-columns:1fr;gap:25px;margin-top:55px;padding-top:38px}.lesson-next img{max-width:380px}.lesson-article h2{font-size:26px}.lesson-recording figcaption>span:last-child{white-space:normal}}
@media(prefers-reduced-motion:reduce){.learn-thumbnail{transition:none}}