.learn-hero .eyebrow,.learn-hero .kicker,.lesson-hero .eyebrow{color:var(--orange-accessible)}.learn-hero h1{margin-block:20px 24px}.learn-lede{max-width:68ch;font-size:var(--text-lede);color:var(--ink-soft)}.learn-series-meta{color:var(--muted);font-size:var(--text-small);flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:24px;display:flex}.lesson-nav-card svg{flex-shrink:0;width:18px;height:18px}.learn-resources{border-top:1px solid var(--line)}.learn-resources-grid{gap:var(--space-layout);grid-template-columns:minmax(0,1fr) minmax(0,.6fr);align-items:center;display:grid}.learn-resources h2{max-width:24ch;margin-block:16px 20px}.learn-resources p:not(.eyebrow){max-width:60ch;color:var(--muted)}.learn-resource-links{flex-direction:column;justify-self:end;align-items:flex-start;gap:20px;display:flex}.learn-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.learn-hero-bottom{justify-content:space-between;align-items:end;gap:var(--space-block) var(--space-layout);flex-wrap:wrap;display:flex}.learn-hero-bottom .learn-lede{max-width:65ch}.learn-hero-bottom .text-link{flex-shrink:0}.learn-feature-section{padding-bottom:var(--space-section)}.learn-feature-frame{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--paper);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);display:grid;overflow:hidden}.learn-feature-image{background:var(--deep-black);place-items:center;min-width:0;display:grid;position:relative}.learn-feature-image>img{object-fit:contain;width:100%;height:100%}.learn-feature-play,.walkthrough-play{background:var(--off-white);width:64px;height:64px;color:var(--deep-black);border-radius:50%;place-items:center;display:grid;position:absolute;box-shadow:0 4px 24px #00000040}.learn-feature-play svg,.walkthrough-play svg{width:28px;height:28px}.learn-feature-image-caption,.walkthrough-play-caption{inset:auto var(--space-4) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);background:var(--deep-black);color:var(--off-white);font-size:var(--text-small);font-weight:var(--weight-semibold);flex-wrap:wrap;display:flex;position:absolute}.learn-feature-copy{min-width:0;padding:var(--space-layout);flex-direction:column;justify-content:center;align-items:start;display:flex}.learn-feature-copy .eyebrow{color:var(--orange-accessible)}.learn-feature-copy h2{margin-block:var(--space-4) var(--space-5);font-size:var(--text-card);max-width:22ch}.learn-feature-copy>p:not(.eyebrow){color:var(--ink-soft)}.learn-feature-topics{gap:var(--space-2) var(--space-4);margin-block:var(--space-5) var(--space-6);color:var(--muted);font-size:var(--text-small);flex-wrap:wrap;display:flex}.learn-feature-topics li+li{border-left:1px solid var(--line);padding-left:var(--space-4)}.learn-feature-copy .button{max-width:100%}.learn-library{padding-bottom:var(--space-section);scroll-margin-top:calc(var(--header-height) + var(--space-block))}.learn-library-heading{justify-content:space-between;align-items:end;gap:var(--space-6);padding-bottom:var(--space-8);flex-wrap:wrap;display:flex}.learn-library-heading h2{margin-top:var(--space-4)}.learn-library-heading .eyebrow{color:var(--orange-accessible)}.learn-library-heading>p{max-width:38ch;color:var(--muted)}.learn-library-tools{justify-content:space-between;align-items:center;gap:var(--space-4);padding-block:var(--space-4);border-block:1px solid var(--line);flex-wrap:wrap;display:flex}.learn-format-filters{gap:var(--space-2);flex-wrap:wrap;display:flex}.learn-format-filters button{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);font-size:var(--text-small);font-weight:var(--weight-semibold);line-height:var(--leading-control);display:inline-flex}.learn-format-filters button[aria-pressed=true]{color:var(--off-white);background:var(--deep-black)}.learn-format-filters button[aria-pressed=false]:hover{background:var(--paper)}.learn-format-filters button span{opacity:.8;font-variant-numeric:tabular-nums}.learn-search{align-items:center;gap:var(--space-3);width:min(100%,300px);min-height:44px;padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--paper);display:flex;position:relative}.learn-search svg{width:18px;height:18px;color:var(--muted);flex-shrink:0}.learn-search input{width:100%;min-width:0;color:var(--deep-black);font-size:var(--text-small);background:0 0}.learn-search input::placeholder{color:var(--muted)}.learn-results-meta{justify-content:space-between;gap:var(--space-2) var(--space-6);margin-block:var(--space-5) var(--space-6);color:var(--muted);font-size:var(--text-small);flex-wrap:wrap;display:flex}.learn-results-meta p+p{margin:0}.learn-tutorial-grid{gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.learn-tutorial-grid>li{min-width:0}.learn-tutorial-card{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--paper);flex-direction:column;height:100%;transition:border-color .16s;display:flex;overflow:hidden}.learn-tutorial-card:hover{border-color:var(--orange)}.learn-tutorial-artwork{aspect-ratio:16/9;background:var(--deep-black);position:relative;overflow:hidden}.learn-tutorial-artwork img{object-fit:cover;width:100%;height:100%}.learn-tutorial-duration,.learn-start-label{bottom:var(--space-3);right:var(--space-3);padding:var(--space-1) var(--space-2);border-radius:var(--radius-control);color:var(--off-white);background:var(--deep-black);font-size:var(--text-label);font-weight:var(--weight-semibold);line-height:var(--leading-control);position:absolute}.learn-start-label{top:var(--space-3);left:var(--space-3);background:var(--chartreuse);color:var(--deep-black);bottom:auto;right:auto}.learn-tutorial-copy{padding:var(--space-card);flex-direction:column;flex:1;align-items:start;display:flex}.learn-tutorial-copy .eyebrow{color:var(--orange-accessible)}.learn-tutorial-copy h3{margin-block:var(--space-4) var(--space-3);font-size:var(--text-compact);line-height:var(--leading-compact);overflow-wrap:anywhere}.learn-tutorial-copy>p:not(.eyebrow){color:var(--ink-soft);font-size:var(--text-small)}.learn-tutorial-topics{gap:var(--space-2);margin-block:var(--space-5);color:var(--muted);font-size:var(--text-label);flex-wrap:wrap;display:flex}.learn-tutorial-topics li{padding:var(--space-1) var(--space-2);border:1px solid var(--line);border-radius:var(--radius-control)}.learn-tutorial-action{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;padding-top:var(--space-4);border-top:1px solid var(--line);font-size:var(--text-small);font-weight:var(--weight-semibold);margin-top:auto;display:inline-flex}.learn-tutorial-action svg{flex-shrink:0;width:18px;height:18px}.learn-search-empty{padding:var(--space-layout);border:1px dashed var(--line);border-radius:var(--radius-card);text-align:center}.learn-search-empty p{margin-block:var(--space-4) var(--space-6);color:var(--muted)}.learn-search-empty .button{margin-inline:auto}.walkthrough-page .page-heading h1{max-width:24ch}.walkthrough-video-layout{align-items:start;gap:var(--space-layout);grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);display:grid}.walkthrough-video-preview{aspect-ratio:16/9;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--deep-black);place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.walkthrough-video-preview img{object-fit:contain;width:100%;height:100%}.walkthrough-player-note{color:var(--muted);font-size:var(--text-small)}.walkthrough-chapters{min-width:0;padding:var(--space-card);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--paper)}.walkthrough-chapters-heading{justify-content:space-between;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.walkthrough-chapters-heading h2{font-size:var(--text-compact);line-height:var(--leading-compact)}.walkthrough-chapters-heading>span{color:var(--muted);font-size:var(--text-label)}.walkthrough-chapters ol{scrollbar-width:thin;max-height:480px;overflow-y:auto}.walkthrough-chapters a{align-items:baseline;gap:var(--space-3);min-height:44px;padding-block:var(--space-3);border-top:1px solid var(--line);font-size:var(--text-small);line-height:var(--leading-caption);grid-template-columns:40px minmax(0,1fr);display:grid}.walkthrough-chapters a:hover{color:var(--orange-accessible)}.walkthrough-chapters a>span{color:var(--orange-accessible);font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold)}.walkthrough-related{padding-block:var(--space-section)}.walkthrough-related h2{margin-top:var(--space-4)}.walkthrough-related .eyebrow{color:var(--orange-accessible)}.walkthrough-related-links{gap:var(--space-6);margin-top:var(--space-8);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.walkthrough-related-links>a{gap:var(--space-4);padding:var(--space-card);border:1px solid var(--line);border-radius:var(--radius-card);flex-direction:column;display:flex}.walkthrough-related-links>a:hover{border-color:var(--orange)}.walkthrough-related-links>a>span:last-child{justify-content:space-between;align-items:center;gap:var(--space-4);font-weight:var(--weight-semibold);display:flex}.walkthrough-related-links svg{flex-shrink:0;width:18px;height:18px}.lesson-breadcrumbs{font-size:var(--text-small);flex-wrap:wrap;align-items:center;gap:4px 12px;margin-bottom:28px;display:flex}.lesson-breadcrumbs a{text-underline-offset:4px;align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}.lesson-hero h1{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;max-width:22ch;margin-block:16px 24px}.lesson-settings{flex-wrap:wrap;gap:20px 40px;margin-top:32px;display:flex}.lesson-settings dt{color:var(--muted);font-size:var(--text-label)}.lesson-settings dd{font-size:var(--text-small);font-weight:var(--weight-semibold)}.lesson-watch>h2{margin-bottom:28px}.lesson-video-layout{gap:var(--space-layout);padding:var(--space-card);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--paper);grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);display:grid}.lesson-video-layout>div:first-child{justify-self:center;width:min(100%,288px)}.lesson-video-preview{aspect-ratio:9/16;border-radius:var(--radius-control);background:var(--deep-black);width:100%;display:block;position:relative;overflow:hidden}.lesson-video-preview img{object-fit:cover;width:100%;height:100%}.lesson-play-label{border-radius:var(--radius-control);background:var(--off-white);color:var(--deep-black);font-size:var(--text-small);font-weight:var(--weight-semibold);justify-content:space-between;align-items:center;gap:8px;padding:12px;display:flex;position:absolute;inset:auto 12px 12px}.lesson-play-label>span:last-child{font-size:var(--text-label);font-weight:var(--weight-regular)}.lesson-play-icon{background:var(--orange);width:28px;height:28px;color:var(--deep-black);font-size:var(--text-label);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.lesson-youtube-link{text-underline-offset:4px;min-height:44px;font-size:var(--text-small);align-items:center;margin-top:8px;text-decoration:underline;display:inline-flex}.lesson-chapters h3{margin-bottom:16px}.lesson-chapters a{border-bottom:1px solid var(--line);min-height:40px;font-size:var(--text-small);line-height:var(--leading-caption);grid-template-columns:44px minmax(0,1fr);align-items:baseline;gap:12px;padding-block:8px;display:grid}.lesson-chapters a>span{color:var(--orange-accessible);font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold)}.lesson-chapters a:hover{color:var(--orange-accessible)}.lesson-video-dialog{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--off-white);width:min(960px,100% - 32px);max-height:calc(100svh - 32px);color:var(--deep-black);margin:auto;overflow-y:auto}.lesson-video-dialog::backdrop{background:#141414cc}.lesson-dialog-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding:16px 24px;display:flex}.lesson-dialog-heading h2{max-width:34ch;font-size:var(--text-card)}.lesson-video-close{border:1px solid var(--line);border-radius:var(--radius-control);min-height:44px;font-size:var(--text-small);justify-content:center;align-items:center;gap:16px;padding:8px 16px;display:inline-flex}.lesson-video-close span{font-size:var(--text-card);line-height:var(--leading-heading)}.lesson-video-dialog iframe{aspect-ratio:16/9;width:100%;display:block}.lesson-video-dialog>.lesson-youtube-link{margin:8px 24px 16px}.lesson-reading-layout{gap:var(--space-layout);padding-block:var(--space-section);grid-template-columns:minmax(0,.4fr) minmax(0,1fr);display:grid}.lesson-toc{top:calc(var(--header-height) + 24px);align-self:start;max-width:30ch;position:sticky}.lesson-toc summary{min-height:44px;font-weight:var(--weight-semibold);cursor:pointer;padding-block:10px}.lesson-toc nav{gap:4px;margin-block:8px 16px;display:grid}.lesson-toc nav a{min-height:44px;font-size:var(--text-small);line-height:var(--leading-caption);color:var(--muted);align-items:center;padding:6px 0;display:flex}.lesson-toc a:hover{color:var(--orange-accessible)}.lesson-written-guide{width:100%;max-width:760px}.lesson-written-guide>section{scroll-margin-top:calc(var(--header-height) + 24px)}.lesson-written-guide>section+section{margin-top:48px}.lesson-written-guide .eyebrow{color:var(--orange-accessible);margin-bottom:12px}.lesson-written-guide h2{margin-bottom:20px}.lesson-written-guide p{color:var(--ink-soft)}.lesson-chord-table{border-collapse:collapse;width:100%;font-size:var(--text-small);margin-top:24px}.lesson-chord-table caption{color:var(--muted);text-align:left;margin-bottom:12px}.lesson-chord-table th,.lesson-chord-table td{border-bottom:1px solid var(--line);text-align:left;padding:12px}.lesson-chord-table thead{background:var(--paper)}.lesson-practice-prompt{padding:var(--space-card);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--paper)}.lesson-practice-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.lesson-practice-heading .eyebrow{margin:0}.lesson-practice>p{margin-top:20px}.lesson-practice .button{max-width:100%;margin-top:24px}.lesson-series-nav{padding-bottom:var(--space-section);grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.lesson-nav-card{padding:var(--space-card);border:1px solid var(--line);border-radius:var(--radius-card);flex-direction:column;justify-content:center;gap:12px;display:flex}.lesson-nav-card>span:last-child{font-weight:var(--weight-semibold);justify-content:space-between;align-items:center;gap:16px;display:flex}.lesson-nav-card .eyebrow{color:var(--muted)}.lesson-nav-next{background:var(--deep-black);color:var(--off-white)}.lesson-nav-next .eyebrow{color:#ccc8c4}@media (max-width:800px){.learn-feature-frame,.walkthrough-video-layout{grid-template-columns:minmax(0,1fr)}.learn-feature-image{aspect-ratio:16/9}.learn-feature-copy{padding:var(--space-card)}.learn-tutorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.walkthrough-related-links,.learn-resources-grid,.lesson-reading-layout{grid-template-columns:1fr}.learn-resource-links{justify-self:start}.lesson-toc{max-width:none;position:static}.lesson-video-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}@media (max-width:640px){.learn-tutorial-grid{grid-template-columns:1fr}.learn-tutorial-card{grid-template-columns:96px minmax(0,1fr);align-items:stretch;display:grid}.learn-tutorial-artwork{aspect-ratio:auto;height:100%;min-height:160px}.learn-tutorial-card[data-format=quick] .learn-tutorial-artwork img{object-fit:cover}.learn-tutorial-card[data-format=walkthrough] .learn-tutorial-artwork img{object-fit:contain}.learn-tutorial-copy{min-width:0;padding:var(--space-4)}.learn-tutorial-copy h3{margin-block:var(--space-3) var(--space-4)}.learn-tutorial-copy>p:not(.eyebrow),.learn-tutorial-topics{display:none}.learn-tutorial-action{padding-top:var(--space-3)}.learn-tutorial-duration{bottom:var(--space-2);right:var(--space-2)}.learn-start-label{top:var(--space-2);left:var(--space-2)}.learn-search,.learn-format-filters{width:100%}.learn-format-filters button{padding-inline:var(--space-3)}.learn-feature-play,.walkthrough-play{width:48px;height:48px}.learn-feature-image-caption,.walkthrough-play-caption{inset-inline:var(--space-2);bottom:var(--space-2);padding:var(--space-2) var(--space-3)}.lesson-video-layout,.lesson-series-nav{grid-template-columns:1fr}.lesson-video-layout{padding:20px}.lesson-dialog-heading{padding:16px}}