.learn-hero .eyebrow,.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}.learn-section-title{margin-bottom:28px}.learn-series{padding-bottom:var(--space-section)}.learn-featured{border-radius:var(--radius-card);background:var(--deep-black);color:var(--off-white);grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);display:grid;overflow:hidden}.learn-featured-copy{padding:var(--space-layout);flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.learn-featured-copy .eyebrow{color:#ff9f70}.learn-featured-copy h3{max-width:22ch;margin-block:20px 16px}.learn-featured-copy>p:not(.eyebrow){color:#ccc8c4;max-width:44ch}.learn-featured-copy .learn-featured-duration{font-size:var(--text-small);margin-top:24px}.learn-featured-copy .button{margin-top:20px}.learn-featured-art{padding:var(--space-card);background:linear-gradient(135deg,#e6510921,#0000 70%);border-left:1px solid #f5f5f724;place-items:center;display:grid}.learn-artwork{aspect-ratio:9/16;border-radius:var(--radius-control);background:var(--deep-black);overflow:hidden}.learn-artwork img{object-fit:cover;width:100%;height:100%}.learn-featured-art .learn-artwork{width:clamp(160px,17vw,224px)}.learn-lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px;display:grid}.learn-lesson-grid>li{min-width:0}.learn-lesson-card{height:100%;padding:var(--space-card);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--paper);grid-template-columns:minmax(0,1fr) clamp(72px,10vw,132px);align-items:start;gap:24px;transition:border-color .16s,background .16s;display:grid}.learn-lesson-card:hover{border-color:var(--orange);background:#fff}.learn-lesson-card .learn-artwork{grid-area:1/2}.learn-card-copy{grid-area:1/1;min-width:0}.learn-card-copy .eyebrow{color:var(--orange-accessible)}.learn-card-copy h3{overflow-wrap:anywhere;margin-block:16px 12px}.learn-card-copy>p:not(.eyebrow){color:var(--muted);font-size:var(--text-body)}.learn-card-action{font-size:var(--text-small);font-weight:var(--weight-semibold);align-items:center;gap:10px;margin-top:20px;display:inline-flex}.learn-card-action svg,.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}.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-featured{grid-template-columns:minmax(0,1fr) minmax(0,.6fr)}.learn-featured-copy{padding:var(--space-card)}.learn-lesson-grid,.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-featured{grid-template-columns:1fr}.learn-featured-art{border-top:1px solid #f5f5f724;border-left:0}.learn-featured-art .learn-artwork{width:160px}.learn-lesson-card{gap:16px;padding:16px}.lesson-video-layout,.lesson-series-nav{grid-template-columns:1fr}.lesson-video-layout{padding:20px}.lesson-dialog-heading{padding:16px}}
