/* The Paz field guide: editorial reading, instrument diagrams, and useful tools. */
.learn-page h1{font-size:clamp(46px,6.2vw,86px);letter-spacing:-3.5px;line-height:1.1;max-width:1000px}.learn-page h1 em,.learn-teaser h2 em{color:var(--rust)}.learn-page .site-header nav a[href="/learn/"]{border-bottom:1px solid var(--rust)}.learn-hero{padding-top:72px;padding-bottom:55px}.learn-hero h1{margin:30px 0}.learn-intro{display:flex;align-items:center;justify-content:space-between;gap:40px;max-width:1000px}.learn-intro>p{max-width:520px;color:var(--muted);font-size:17px;line-height:1.8}.learn-intro .button{flex-shrink:0}.anatomy{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;background:#e4e3d7;max-width:1238px;margin:0 auto;padding:35px 7%}.anatomy-drawing{max-width:320px;justify-self:center;width:100%;text-align:center}.anatomy-drawing svg{width:100%;height:auto;max-height:360px;overflow:visible}.anatomy-drawing>span{font-size:8px;letter-spacing:1.6px;color:var(--muted)}.shell-shape{fill:#c3b18f;stroke:var(--ink);stroke-width:2}.drum-head{fill:#f7efdc;stroke:var(--ink);stroke-width:2}.rope-lines{fill:none;stroke:#42493b;stroke-width:2}.diagram-lines{stroke:var(--rust);stroke-width:1;fill:none}.anatomy-drawing circle{fill:var(--rust)}.anatomy[data-active-part="head"] .drum-head{fill:#e9b58c}.anatomy[data-active-part="shell"] .shell-shape{fill:#b8bea5}.anatomy[data-active-part="rope"] .rope-lines{stroke:var(--rust);stroke-width:3}.anatomy[data-active-part="foot"] .shell-shape{stroke:var(--rust);stroke-width:3}.anatomy-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 30px}.anatomy-buttons button{border:1px solid #a6ab98;padding:8px 13px;background:transparent;font-size:11px}.anatomy-buttons button[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}#anatomy-detail{min-height:160px}#anatomy-detail h3{font-size:30px;letter-spacing:-1px;line-height:1.2;margin-bottom:16px}#anatomy-detail p{font-size:13px;line-height:1.9;color:#53594c}.learn-guides>h2{margin:35px 0}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px}.guide-card{display:flex;flex-direction:column;padding:30px 0;border-top:1px solid var(--line)}.guide-index{font-size:9px;letter-spacing:1.3px;color:var(--rust);font-weight:600}.guide-card h3{font-size:29px;letter-spacing:-1.2px;line-height:1.18;margin:22px 0 15px}.guide-card p{font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:25px}.guide-card-link{margin-top:auto;font-size:11px;display:flex;justify-content:space-between}.guide-card:hover h3{color:var(--rust)}.fit-finder{display:grid;grid-template-columns:1fr 1fr;gap:12%;background:#e8e1d5}.fit-finder h2{font-size:clamp(37px,4vw,58px);margin:28px 0}.fit-finder>div>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:380px}.fit-finder form label:first-child{margin-top:0}.fit-finder label{font-size:13px}.fit-finder select{font-size:14px;background:var(--cream)}#fit-result{margin-top:30px;padding-top:24px;border-top:1px solid #bdbba9}#fit-result h3{font-size:25px;line-height:1.25;letter-spacing:-.8px;margin:15px 0}#fit-checklist{padding-left:19px;font-size:13px;line-height:1.9}#fit-checklist li+li{margin-top:13px}.fit-privacy{font-size:10px;color:var(--muted);margin-top:15px}.learn-questions{max-width:1000px}.learn-questions h2{margin:25px 0 35px}.question-list details{border-top:1px solid var(--line)}.question-list details:last-child{border-bottom:1px solid var(--line)}.question-list summary{padding:18px 0;display:flex;justify-content:space-between;gap:22px;cursor:pointer;font-size:14px;list-style:none}.question-list summary::-webkit-details-marker{display:none}.question-list summary span{font-size:20px;line-height:1.2;flex-shrink:0}.question-list details[open] summary span{transform:rotate(45deg)}.question-list details p{font-size:13px;color:var(--muted);line-height:1.9;max-width:690px;margin:0 0 23px}.question-list details p a{text-decoration:underline;text-underline-offset:3px}.source-note,.section-sources{font-size:10px!important;line-height:1.9!important;color:var(--muted)!important;margin-top:22px!important}.source-note a,.section-sources a{text-decoration:underline;text-underline-offset:2px}.learn-bridge{background:var(--ink);color:var(--paper)}.learn-bridge h2{margin:30px 0}.learn-bridge h2 em{color:#e0ad86}.learn-bridge>p:not(.eyebrow){font-size:14px;max-width:600px;color:#cbd0c2}.learn-bridge>div{display:flex;gap:30px;align-items:center;flex-wrap:wrap;margin-top:30px}.learn-bridge .button{background:var(--paper);color:var(--ink)}.learn-bridge .text-link{margin:0}.back-to-learn{font-size:12px;color:var(--muted);display:inline-block;margin-bottom:45px}.article-heading{padding-top:42px;padding-bottom:40px}.article-heading h1{margin:25px 0;font-size:clamp(44px,5.5vw,76px);max-width:950px}.article-intro{max-width:760px;font-size:18px;color:#505548;line-height:1.8}.editorial-note{font-size:10px;color:var(--muted);margin-top:25px}.article-layout{display:grid;grid-template-columns:220px minmax(0,730px);gap:8%;padding-top:20px;align-items:start}.article-toc{position:sticky;top:25px;display:flex;flex-direction:column;gap:16px;border-top:1px solid var(--line);padding-top:20px}.article-toc a{font-size:12px;line-height:1.6}.article-toc a:hover{color:var(--rust)}.article-body>section{padding:28px 0 35px;border-top:1px solid var(--line);scroll-margin-top:25px}.article-body h2{font-size:32px;letter-spacing:-1.2px;line-height:1.2;margin-bottom:22px}.article-body p,.article-body li{font-size:15px;line-height:1.9}.article-body p+p{margin-top:17px}.article-body ul{padding-left:21px;margin:0}.article-body li+li{margin-top:14px}.article-body section>ul{margin-top:20px}.guide-table-wrap{overflow-x:auto;max-width:100%;margin:22px 0}.guide-table-wrap table{border-collapse:collapse;width:100%;font-size:12px;text-align:left;line-height:1.8}.guide-table-wrap caption{text-align:left;font-weight:600;margin-bottom:12px}.guide-table-wrap th,.guide-table-wrap td{padding:13px 13px 13px 0;border-bottom:1px solid var(--line);vertical-align:top;min-width:90px}.guide-table-wrap th{font-weight:600}.guide-table-wrap thead{color:var(--rust)}.guide-next>div{display:grid;gap:12px;margin-top:20px}.guide-next a{font-size:18px}.guide-next a:hover{color:var(--rust)}.guide-ask{background:#e5e5d8;padding:27px!important}.guide-ask p{font-size:13px}.guide-ask .button{margin-top:24px}.guide-ask .text-link{display:block;width:max-content;font-size:12px}.practice-counts{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0;margin:25px 0}.practice-counts li{margin:0!important;display:flex;flex-direction:column;border:1px solid var(--line);padding:17px 10px;font-size:12px;text-align:center;background:var(--cream)}.practice-counts li span{font-size:27px;line-height:1.5}.practice-counts .current-beat{background:#d2d7c2;border-color:var(--ink);outline:2px solid var(--ink);outline-offset:-3px}.practice label{max-width:270px}.practice-status,#practice-status{font-size:12px}.learn-teaser{display:grid;grid-template-columns:1fr 1fr;gap:10%;border-bottom:1px solid var(--line)}.learn-teaser h2{margin:27px 0;font-size:clamp(36px,4vw,54px)}.learn-teaser>div>p:not(.eyebrow){max-width:400px;font-size:14px;color:var(--muted)}.learn-teaser-links{display:flex;flex-direction:column}.learn-teaser-links a{padding:22px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:35px 1fr 20px;gap:15px;align-items:center}.learn-teaser-links a>span:first-child{font-size:9px;color:var(--rust)}.learn-teaser-links strong{font-size:18px;font-weight:500;font-family:var(--display);letter-spacing:-.5px}.learn-teaser-links small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.learn-teaser-links a:hover strong{color:var(--rust)}
@media(max-width:900px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.anatomy{margin:0 5%;padding:30px 5%;gap:6%}.anatomy-copy{min-width:0}.anatomy-buttons{gap:5px}.anatomy-buttons button{padding:8px 10px}.article-layout{grid-template-columns:170px minmax(0,1fr);gap:6%}.learn-intro{align-items:flex-start;flex-direction:column;gap:24px}.fit-finder{gap:7%}.learn-teaser{gap:7%}}
@media(max-width:620px){.site-header nav{gap:clamp(12px,5vw,28px)}.learn-page h1{font-size:49px;letter-spacing:-2.5px}.learn-hero{padding-top:36px;padding-bottom:35px}.learn-hero h1{margin:23px 0}.learn-intro>p{font-size:15px}.anatomy{grid-template-columns:1fr;gap:28px;margin:0 5%;padding:25px 7% 35px}.anatomy-drawing{max-width:225px}.anatomy-drawing svg{max-height:245px}.anatomy-buttons{margin:18px 0 24px;gap:8px}.anatomy-buttons button{padding:9px 12px}#anatomy-detail{min-height:145px}#anatomy-detail h3{font-size:28px}.guide-grid{grid-template-columns:1fr}.guide-card{padding:26px 0}.guide-card h3{font-size:29px;margin:17px 0 12px}.guide-card p{font-size:14px}.guide-card-link{font-size:12px}.fit-finder{grid-template-columns:1fr;gap:35px}.fit-finder h2{font-size:41px}.fit-finder select{font-size:16px}.learn-questions h2{font-size:37px}.question-list summary{font-size:13px}.article-heading{padding-top:30px}.back-to-learn{margin-bottom:30px}.article-heading h1{font-size:43px}.article-intro{font-size:16px}.article-layout{grid-template-columns:1fr;gap:30px;padding-top:0}.article-toc{position:static;gap:10px}.article-toc a{font-size:12px}.article-body h2{font-size:29px}.article-body p,.article-body li{font-size:14px}.guide-table-wrap th,.guide-table-wrap td{min-width:85px;padding-right:10px}.guide-table-wrap table{font-size:11px}.guide-ask{padding:23px!important}.practice-counts li{padding:13px 7px}.practice-counts li span{font-size:24px}.learn-teaser{grid-template-columns:1fr;gap:30px}.learn-teaser h2{font-size:41px}.learn-teaser-links strong{font-size:17px}}
@media print{.site-header,.announcement,footer,.article-toc,.guide-ask,.practice,dialog{display:none!important}.article-layout{display:block}.article-heading,.article-layout{padding:10px}.article-body>section{break-inside:avoid}.article-body a{color:inherit}.article-heading h1{font-size:35px}}

.learn-everyday-link{display:inline-block;font-size:12px;margin-top:25px;border-bottom:1px solid var(--line);padding-bottom:4px}.learn-everyday-link:hover{color:var(--rust)}.everyday-guides{border-bottom:1px solid var(--line)}.pack-checklist{border:0;padding:0;margin:0;min-width:0}.pack-checklist legend{font-family:var(--display);font-size:28px;letter-spacing:-1px;line-height:1.25;margin-bottom:20px}.pack-checklist label{display:flex;flex-direction:row;align-items:flex-start;gap:14px;padding:14px 0;margin:0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.8}.pack-checklist input{appearance:auto;flex:0 0 19px;width:19px;height:19px;margin:4px 0 0;padding:0;accent-color:var(--rust)}.print-checklist{margin-top:25px}.checklist-note{font-size:10px!important;color:var(--muted);margin-top:14px}.pack-checklist label:has(input:checked) span{color:var(--muted)}
@media print{.has-checklist .article-body>section:not(.guide-checklist),.print-checklist,.checklist-note{display:none!important}.has-checklist .article-heading{padding-bottom:15px}.has-checklist .article-heading h1{font-size:30px}.has-checklist .editorial-note,.has-checklist .back-to-learn{display:none}.has-checklist .article-intro{font-size:12px}.has-checklist .article-body>section{break-inside:auto}.pack-checklist label{break-inside:avoid;font-size:12px;padding:9px 0}.pack-checklist input{print-color-adjust:exact}.pack-checklist legend{font-size:24px}}
.guide-credit{max-width:760px;background:#e8e1d5;border-left:3px solid var(--rust);padding:18px 22px;margin-top:25px}.guide-credit p{font-size:12px;line-height:1.9}.guide-credit p+p{margin-top:10px}.guide-credit a{text-decoration:underline;text-underline-offset:3px}

/* A visual field guide: warm photographs, ink drawings, room to explore. */
.learn-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:6%;align-items:center;padding-top:60px;padding-bottom:60px}
.learn-hero h1{font-size:clamp(48px,5.6vw,78px);margin:26px 0;letter-spacing:-3px}
.learn-lede{font-size:16px;color:var(--muted);line-height:1.85;max-width:440px;margin-bottom:28px}
.learn-hero .eyebrow{line-height:1.8}.learn-everyday-link{display:block;width:fit-content;font-size:11px}
.learn-hero-photo{margin:0;position:relative;background:#e5ddcf;padding:18px 18px 0;transform:rotate(2deg)}
.learn-hero-photo img{display:block;width:100%;height:auto;aspect-ratio:1080/764;object-fit:contain}
.learn-hero-photo figcaption{display:flex;justify-content:space-between;gap:20px;font-size:7px;letter-spacing:1.1px;padding:17px 0;line-height:1.6}
.learn-hero-photo figcaption span{font-size:inherit}
.field-stamp{position:absolute;right:8%;top:-44px;width:86px;height:86px;display:grid;place-content:center;text-align:center;border-radius:50%;background:var(--rust);color:#fff0df;font-size:11px;letter-spacing:1.8px;line-height:1.5;transform:rotate(-12deg)}
.learn-paths{padding-top:0;padding-bottom:0;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.learn-paths a{position:relative;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 25px 25px 0;display:flex;flex-direction:column;gap:10px}
.learn-paths a>span:first-child{font-size:9px;letter-spacing:1.6px;color:var(--rust)}
.learn-paths strong{font-family:var(--display);font-size:23px;font-weight:500;letter-spacing:-.8px;line-height:1.3}
.learn-paths a>span:last-child{position:absolute;right:2px;bottom:27px;font-size:20px}.learn-paths a:hover strong{color:var(--rust)}
.guide-grid{gap:35px 27px}.guide-card{border:0;padding:0;background:#ece6da;min-width:0}
.guide-visual{position:relative;overflow:hidden;isolation:isolate;min-width:0;aspect-ratio:4/3;background:#e0d7c5;display:flex;align-items:center;justify-content:center}
.guide-visual img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.guide-card:hover .guide-photo img{transform:scale(1.025)}
.guide-photo.photo-blue img{object-position:50% 64%}.guide-photo.photo-detail img{object-position:50% 44%}.guide-photo.photo-signature img{object-position:50% 60%}
.guide-visual .visual-caption{position:absolute;bottom:0;left:0;right:0;font-size:9px;letter-spacing:.3px;line-height:1.5;padding:11px 16px;background:#293026e8;color:#f3efe7}
.guide-illustration{background:#dce0cf}.drawing-voices{background:#e8c7ad}.drawing-care{background:#dedcbf}.drawing-sound{background:#d7dddb}.drawing-circle{background:#d9c6b6}.drawing-quiet{background:#dfd4bf}
.guide-illustration svg{width:82%;height:85%;margin-bottom:18px}
.guide-card-copy{padding:24px;display:flex;flex-direction:column;flex:1}.guide-card h3{margin:17px 0 13px;font-size:28px}.guide-card p{margin-bottom:25px}.guide-card-link{padding-top:15px;border-top:1px solid var(--line)}
.guide-grid>.guide-card:last-child:nth-child(3n + 1){grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
.guide-grid>.guide-card:last-child:nth-child(3n + 1) .guide-visual{aspect-ratio:auto;min-height:240px}
.guide-grid>.guide-card:last-child:nth-child(3n + 1) .guide-card-copy{justify-content:center;padding:32px 40px}
.guide-grid>.guide-card:last-child:nth-child(3n + 1) h3{font-size:35px;max-width:340px}
.guide-grid>.guide-card:last-child:nth-child(3n + 1) .guide-card-link{margin-top:12px}
.guide-illustration svg,.visual-lesson svg,.diagram-lesson svg{overflow:visible;stroke-linecap:round;stroke-linejoin:round}
.sketch-wood{fill:#b79c72;stroke:#3b4335;stroke-width:2}.sketch-hide{fill:#f4e9d3;stroke:#3b4335;stroke-width:2}
.sketch-line{fill:none;stroke:#59604d;stroke-width:1.4}.sketch-rope{fill:none;stroke:#4b513f;stroke-width:1.7}
.sketch-measure{stroke:var(--rust);stroke-width:2;fill:none}.sketch-accent{fill:#b05c3d;opacity:.8}
.sketch-sound{stroke:#a34e34;stroke-width:3;fill:none}.sketch-dash{fill:none;stroke:#666d59;stroke-width:1.5;stroke-dasharray:4 7}
.guide-illustration text,.visual-lesson svg text,.diagram-lesson svg text{font-family:var(--font);font-size:12px;letter-spacing:1px;fill:#30382c;text-anchor:middle;stroke:none}
.guide-illustration .sketch-small,.visual-lesson svg .sketch-small,.diagram-lesson svg .sketch-small{font-size:9px;letter-spacing:1.1px}
.learning-moment{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:9%;background:#293026;color:var(--paper)}
.learning-moment h2{font-size:clamp(38px,4.3vw,61px);margin:28px 0}.learning-moment h2 em{color:#e4ae88}
.learning-moment>div:first-child>p:not(.eyebrow){max-width:380px;color:#d1d4c7;font-size:14px;line-height:1.9}
.learning-moment .text-link{color:var(--paper)}
.visual-lesson{background:#e9dfcc;color:var(--ink);padding:30px;margin:30px 0;display:grid;grid-template-columns:1fr 1.1fr;gap:22px}
.visual-lesson .lesson-heading h3{font-size:32px;letter-spacing:-1.1px;line-height:1.15;margin:17px 0}.visual-lesson h3 em{color:var(--rust)}
.visual-lesson .lesson-heading p:not(.eyebrow){font-size:12px;line-height:1.8;color:var(--muted)}
.voice-stage,.sound-stage{min-width:0}.voice-stage svg,.sound-stage svg{display:block;max-width:300px;width:100%;margin:0 auto}
.lesson-choices{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin-top:8px}
.lesson-choices button{padding:10px 13px;border:1px solid #8e927e;background:transparent;font-size:11px;min-height:42px;cursor:pointer}
.lesson-choices button[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.voice-description{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.3fr;gap:12px 25px;border-top:1px solid #bcb7a5;padding-top:24px}
.lesson-word{font-family:var(--display);font-size:32px;letter-spacing:-1px;color:var(--rust);grid-row:span 2;align-self:center}
.voice-description h4{font-size:16px;font-weight:500;line-height:1.5;margin:0}.visual-lesson .voice-description p{font-size:12px;line-height:1.8;margin:0}
.visual-lesson .diagram-note{font-size:10px;line-height:1.8;grid-column:1/-1;color:#58604e;margin:0}
.diagram-note a{text-decoration:underline;text-underline-offset:3px}
.bass-zone{fill:var(--rust);opacity:.75}.edge-zone{fill:var(--rust);opacity:.15}
[data-voice="tone"] .bass-zone,[data-voice="slap"] .bass-zone{opacity:.12}
[data-voice="tone"] .edge-zone,[data-voice="slap"] .edge-zone{opacity:.85}
.tail-short,.tail-long{transition:opacity .2s ease}.tail-long{opacity:.12}[data-tail="long"] .tail-short{opacity:.12}[data-tail="long"] .tail-long{opacity:1}
.visual-lesson .sound-description{grid-column:1/-1;font-size:14px;border-top:1px solid #bcb7a5;padding-top:20px;min-height:70px;margin:0}
.learning-moment>.visual-lesson{margin:0;padding:30px}.learning-moment .lesson-heading{display:none}.learning-moment .voice-stage{grid-column:1/-1}
.learning-moment .voice-stage svg{max-width:255px}.learning-moment .voice-description{grid-template-columns:1fr;gap:10px}.learning-moment .lesson-word{grid-row:auto}
.anatomy-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:6%;align-items:center}
.anatomy-intro h2{font-size:clamp(37px,4vw,55px);margin:25px 0}.anatomy-intro>p:last-child{font-size:14px;color:var(--muted)}
.anatomy-section .anatomy{margin:0;padding:28px;gap:7%;grid-template-columns:.85fr 1.15fr;max-width:none}
.anatomy-section .anatomy-drawing{min-width:0}.anatomy-section .anatomy-drawing svg{max-height:310px}
.anatomy-section .anatomy-buttons{margin-top:15px;margin-bottom:20px}.anatomy-section #anatomy-detail{min-height:205px}
.anatomy-section #anatomy-detail h3{font-size:27px}.anatomy-section .anatomy-copy .text-link{font-size:11px}
.learn-bridge{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;align-items:center}.learn-bridge>div{display:block;margin:0}
.learn-bridge-image{aspect-ratio:1/1;overflow:hidden}.learn-bridge-image img{width:100%;height:100%;object-fit:cover;display:block}
.learn-bridge-copy h2{font-size:clamp(35px,4vw,56px)}.learn-bridge-copy>p:not(.eyebrow){font-size:14px;color:#cbd0c2;line-height:1.9}
.learn-bridge-copy>div{display:flex;flex-wrap:wrap;gap:25px;align-items:center;margin-top:28px}
.article-cover{display:grid;grid-template-columns:1.2fr .8fr;gap:7%;align-items:center}.article-cover h1{font-size:clamp(41px,4.8vw,67px);letter-spacing:-2.5px}
.article-cover .article-intro{font-size:16px}.article-cover>.guide-visual{aspect-ratio:4/4.5}.article-cover>.guide-photo img{object-fit:contain}
.article-cover>.guide-visual .visual-caption{padding:17px 20px;font-size:11px}.article-cover>.guide-illustration{aspect-ratio:1/1}
.article-cover>.guide-illustration svg{width:87%}.article-cover .guide-credit{padding:15px 18px;margin-top:22px}.article-cover .guide-credit p{font-size:11px}
.article-toc{background:#eae4d8;border:0;padding:24px;gap:13px}.article-toc a{font-size:11px}
.article-body .photo-lesson,.article-body .diagram-lesson{margin:28px 0 6px;background:#e8e1d2}
.photo-lesson img{width:100%;max-height:430px;object-fit:cover;object-position:50% 48%;display:block;height:auto}
.photo-lesson figcaption,.diagram-lesson figcaption{display:block;padding:25px 28px}.article-body figure h3{font-size:29px;letter-spacing:-1px;line-height:1.25;margin:16px 0 12px}
.article-body figure p{font-size:13px;line-height:1.85;margin:0}.diagram-lesson{display:grid;grid-template-columns:1fr 1fr;align-items:center}
.diagram-lesson svg{width:100%;padding:25px;max-height:320px;box-sizing:border-box}.diagram-lesson figcaption{padding-left:6px}
.article-body .visual-lesson{grid-template-columns:1fr}.article-body .visual-lesson .lesson-heading{max-width:450px}
.article-body .visual-lesson .voice-stage svg{max-width:270px}.article-body .visual-lesson .lesson-heading h3{font-size:35px}
.article-body .visual-lesson .sound-stage svg{max-width:360px}.article-body .voice-description{grid-template-columns:1fr 1.3fr}
.article-body .practice{padding:30px;background:#dfe2d2;border:0}.article-body .practice h2{font-size:31px}
.learn-page button:focus-visible,.guide-card:focus-visible,.learn-paths a:focus-visible{outline:2px solid var(--rust);outline-offset:5px}
@media(min-width:901px){.learn-hero-copy{padding-bottom:8px}.learn-hero-photo{margin-top:24px}}
@media(max-width:1000px){.anatomy-section{grid-template-columns:1fr;gap:32px}.anatomy-section .anatomy{grid-template-columns:1fr 1.1fr}.anatomy-intro h2 br{display:none}.learning-moment{gap:5%}.guide-card-copy{padding:21px}.guide-card h3{font-size:25px}}
@media(max-width:900px){.learn-hero{gap:5%;padding-top:42px}.learn-hero h1{font-size:57px}.field-stamp{width:68px;height:68px;font-size:9px;top:-35px}.learn-hero-photo figcaption{font-size:6px}.learn-paths{gap:20px}.learn-paths strong{font-size:20px}.guide-grid>.guide-card:last-child:nth-child(3n + 1){grid-template-columns:1fr;grid-column:auto}.guide-grid>.guide-card:last-child:nth-child(3n + 1) .guide-visual{aspect-ratio:4/3;min-height:0}.guide-grid>.guide-card:last-child:nth-child(3n + 1) .guide-card-copy{padding:21px}.guide-grid>.guide-card:last-child:nth-child(3n + 1) h3{font-size:25px}.guide-grid>.guide-card:last-child:nth-child(odd){grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.guide-grid>.guide-card:last-child:nth-child(odd) .guide-visual{aspect-ratio:auto}.article-cover{gap:5%;grid-template-columns:1.1fr .9fr}.article-cover h1{font-size:47px}.article-layout{grid-template-columns:160px minmax(0,1fr);gap:5%}.article-toc{padding:20px}.diagram-lesson{grid-template-columns:1fr}.diagram-lesson figcaption{padding:5px 25px 25px}.learning-moment h2{font-size:44px}.learning-moment>.visual-lesson{padding:23px}}
@media(max-width:620px){.learn-hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:40px;gap:40px}.learn-hero h1{font-size:57px;letter-spacing:-2.8px}.learn-lede{font-size:15px;max-width:360px}.learn-everyday-link{font-size:10px}.learn-hero-photo{margin:0 4px 0;transform:rotate(1deg);padding:12px 12px 0}.learn-hero-photo figcaption{font-size:7px;padding:13px 0}.field-stamp{top:-24px;right:6%}.learn-paths{grid-template-columns:1fr;gap:0}.learn-paths a{padding:17px 22px 17px 0;display:grid;grid-template-columns:75px 1fr;align-items:center;gap:12px;border-bottom:0}.learn-paths a:last-child{border-bottom:1px solid var(--line)}.learn-paths a>span:first-child{font-size:8px}.learn-paths strong{font-size:20px}.learn-paths a>span:last-child{bottom:auto}.guide-grid{gap:27px}.guide-card-copy{padding:25px}.guide-card h3{font-size:30px}.guide-card p{font-size:14px}.guide-grid>.guide-card:last-child:nth-child(odd){display:flex;grid-column:auto}.guide-grid>.guide-card:last-child:nth-child(odd) .guide-visual{aspect-ratio:4/3}.guide-grid>.guide-card:last-child:nth-child(3n + 1) .guide-card-copy{padding:25px}.guide-grid>.guide-card:last-child:nth-child(3n + 1) h3{font-size:30px}.guide-visual .visual-caption{font-size:10px}.learning-moment{grid-template-columns:1fr;gap:32px}.learning-moment h2{font-size:43px}.learning-moment>.visual-lesson{padding:25px}.learning-moment .voice-stage svg{max-width:240px}.learning-moment .voice-description{min-height:160px}.anatomy-section .anatomy{grid-template-columns:1fr;gap:25px;padding:25px}.anatomy-section .anatomy-drawing{max-width:220px}.anatomy-section #anatomy-detail{min-height:145px}.anatomy-intro h2{font-size:42px}.anatomy-intro h2 br{display:block}.learn-bridge{grid-template-columns:1fr;gap:35px}.learn-bridge-image{aspect-ratio:4/3}.learn-bridge-copy h2{font-size:42px}.article-cover{grid-template-columns:1fr;gap:30px}.article-cover h1{font-size:46px}.article-cover>.guide-visual,.article-cover>.guide-illustration{aspect-ratio:4/3}.article-cover>.guide-photo img{object-fit:cover}.article-cover>.guide-photo.photo-blue img{object-position:50% 65%}.article-cover>.guide-visual .visual-caption{font-size:10px;padding:12px 16px}.article-layout{grid-template-columns:1fr;gap:30px}.article-toc{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.article-toc>.eyebrow{grid-column:1/-1}.article-toc a{font-size:11px}.article-body .visual-lesson{padding:24px;margin:25px 0 5px}.article-body .voice-description{grid-template-columns:1fr}.lesson-word{grid-row:auto;font-size:31px}.voice-description{gap:12px}.visual-lesson .lesson-heading h3,.article-body .visual-lesson .lesson-heading h3{font-size:32px}.visual-lesson .sound-description{min-height:100px}.photo-lesson figcaption{padding:23px}.photo-lesson img{max-height:340px}.article-body .practice{padding:24px}.article-body .practice h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.guide-visual img,.tail-short,.tail-long{transition:none}.guide-card:hover .guide-photo img{transform:none}}
@media print{.guide-visual,.learn-hero-photo,.visual-lesson,.photo-lesson,.diagram-lesson{display:none!important}.article-cover{display:block}.article-cover h1{font-size:35px}.article-cover .guide-credit{display:none}.article-heading{padding-bottom:15px}}
.lesson-choices button,.anatomy-buttons button{min-height:44px}
.visual-lesson .lesson-heading p:not(.eyebrow){color:#4d5546}