html body.learn-notebook :is(.learn-hero,.learn-section){scroll-margin-top:140px}html body.learn-notebook .learn-hero{background:#faf4e8;padding:24px 0 32px;display:block}html body.learn-notebook .learn-hero:after{display:none}.notebook-edition{letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid #b9c3b6;justify-content:space-between;gap:20px;margin-bottom:28px;padding-bottom:14px;font-size:.75rem;display:flex}html body.learn-notebook .learn-hero-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);align-items:stretch;gap:36px}html body.learn-notebook .learn-hero-copy{padding:12px 0}html body.learn-notebook .learn-hero-copy h1{letter-spacing:-.05em;max-width:none;font-size:clamp(3.3rem,6.4vw,5.6rem);line-height:.99}html body.learn-notebook .learn-hero-lede{max-width:36ch;margin-top:24px;font-size:1.06rem;line-height:1.55}html body.learn-notebook .learn-actions{gap:16px;margin-top:24px}.notebook-handnote{color:#39716b;margin:24px 0 0;font:italic 1.25rem/1.4 Georgia,serif}.notebook-photo{background:#dce1d5;flex-direction:column;align-self:stretch;min-width:0;margin:0;padding:14px 14px 24px;display:flex;position:relative;transform:rotate(1deg);box-shadow:0 4px 12px #12382d14}.notebook-photo>img{object-fit:cover;object-position:58% center;width:100%;height:clamp(270px,28vw,400px);display:block}.notebook-photo figcaption{margin-top:auto;padding-top:28px;font:italic 1.125rem/1.5 Georgia,serif}.notebook-photo-note{color:#12382d;background:#faf4e8;border-bottom:3px solid #417c76;width:195px;padding:15px 18px;position:absolute;top:28px;right:25px;transform:rotate(-3deg)}.notebook-photo-note span{font:1.75rem Georgia,serif}.notebook-photo-note p{margin:8px 0 0;font-size:.875rem;line-height:1.45}html body.learn-notebook .learn-stroke-section{padding-top:12px}html body.learn-notebook .learn-stroke-section .learn-section-heading{border-top:2px solid #164039;margin-bottom:24px;padding-top:22px}html body.learn-notebook .stroke-lesson{grid-template-columns:190px minmax(0,1fr);column-gap:26px;display:grid}html body.learn-notebook .learn-phase-rail{border-bottom:0;grid-template-columns:1fr;align-content:start}html body.learn-notebook .learn-phase-rail button{border-bottom:1px solid #c7c7b9;border-right:0;min-height:65px;padding:12px 5px;font-size:1rem}html body.learn-notebook .learn-phase-rail button[aria-selected=true]{color:#a53a0b;background:0 0}html body.learn-notebook .learn-phase-rail button:after{left:0;right:0}html body.learn-notebook .stroke-lesson-stage{grid-template-columns:minmax(0,1.2fr) minmax(260px,1fr);min-height:0}html body.learn-notebook .stroke-diagram-wrap{background:#eeeede;border-right:0;padding:20px 18px}html body.learn-notebook .stroke-phase-copy{padding:22px}html body.learn-notebook .stroke-phase-panel h3{letter-spacing:-.035em;font:400 2rem/1.15 Georgia,serif}html body.learn-notebook .stroke-sequence-strip{grid-column:2}.notebook-recording{padding-block:12px 40px}.notebook-recording>header{border-top:1px solid #b9c3b6;grid-template-columns:1fr 1fr;align-items:end;gap:12px 40px;padding-top:24px;display:grid}.notebook-recording .learn-kicker{grid-column:1/-1;margin:0}.notebook-recording h2{letter-spacing:-.035em;margin:0;font:400 clamp(1.9rem,3.5vw,3rem)/1.12 Georgia,serif}.notebook-frames{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0 10px;display:grid}.notebook-frames figure{min-width:0;margin:0}.notebook-frames img{width:100%;height:auto;display:block}.notebook-frames figcaption{border-bottom:1px solid #b9c3b6;align-items:baseline;gap:15px;padding:12px 0;font:1.4rem Georgia,serif;display:flex}.notebook-frames figcaption span{font:.8rem var(--rc-reading);color:#537066}html body.learn-notebook .learn-practice-section{border-block:1px solid #b9c3b6}html body.learn-notebook :is(.learn-diagnose-section,.learn-terms-section,.learn-source-section){padding-block:42px}@media (width<=1100px){html body.learn-notebook .stroke-lesson{grid-template-columns:150px minmax(0,1fr);gap:18px}html body.learn-notebook .stroke-lesson-stage{grid-template-columns:1fr}}@media (width<=768px){.notebook-edition{flex-wrap:wrap;gap:8px 20px}.notebook-edition span:last-child{display:none}html body.learn-notebook .learn-hero-grid{grid-template-columns:1fr;gap:24px}html body.learn-notebook .learn-hero-copy h1{font-size:clamp(3.2rem,10vw,4.5rem)}.notebook-photo{transform:none}.notebook-photo>img{aspect-ratio:1.35;height:auto}.notebook-photo-note{width:auto;margin-top:14px;position:static;transform:none}html body.learn-notebook .stroke-lesson{display:block}html body.learn-notebook .learn-phase-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;overflow:visible}html body.learn-notebook .learn-phase-rail button{scroll-snap-align:none;overflow-wrap:anywhere;flex-wrap:wrap;gap:8px;min-width:0}.notebook-recording>header,.notebook-frames{grid-template-columns:1fr}}html body.learn-notebook[data-required-review=true] :is(.learn-hero,.notebook-recording){display:none}