body:has(.learn-shell){--background:#0b0b0d;--foreground:#f5f5f7;--ink-soft:#c4c3ce;--ink-faint:#9998a6;--line:#f5f5f71f;--line-strong:#f5f5f745;--shadow:#0000005c;--glow-amber:#fbbf24c2;--surface-footer-line:#f5f5f71f;--surface-quiet-panel:#14141bd9;--ink-deep:#09090b;--ink-mid:#14141b;--ink-deep-foreground:#eee9df;--ink-deep-soft:#eee9dfdb;--ink-deep-faint:#eee9df94;--ink-deep-line:#eee9df2e;--ink-deep-line-strong:#eee9df61;--serif:"Iowan Old Style", "Palatino Linotype", Georgia, serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--learn-shell-ground:radial-gradient(ellipse 76% 88% at 88% 18%, #3e2d6580, transparent 68%), radial-gradient(ellipse 56% 72% at 14% 88%, #231d3c57, transparent 72%), #0b0b0d;--learn-shell-accent:#9170d8d6;--learn-shell-accent-fill:#37286094;background:var(--learn-shell-ground);color:var(--foreground);background-position:0 0;background-size:100vw 100svh;background-attachment:fixed}.page-shell:has(.learn-shell){--background:#0b0b0d;--foreground:#f5f5f7;--ink-soft:#c4c3ce;--ink-faint:#9998a6;--line:#f5f5f71f;--line-strong:#f5f5f745;--shadow:#0000005c;--glow-amber:#fbbf24c2;--surface-footer-line:#f5f5f71f;--surface-quiet-panel:#14141bd9;--ink-deep:#09090b;--ink-mid:#14141b;--ink-deep-foreground:#eee9df;--ink-deep-soft:#eee9dfdb;--ink-deep-faint:#eee9df94;--ink-deep-line:#eee9df2e;--ink-deep-line-strong:#eee9df61;--serif:"Iowan Old Style", "Palatino Linotype", Georgia, serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--learn-shell-ground:radial-gradient(ellipse 76% 88% at 88% 18%, #3e2d6580, transparent 68%), radial-gradient(ellipse 56% 72% at 14% 88%, #231d3c57, transparent 72%), #0b0b0d;--learn-shell-accent:#9170d8d6;--learn-shell-accent-fill:#37286094;background:var(--learn-shell-ground);color:var(--foreground);background-position:0 0;background-size:100vw 100svh;background-attachment:fixed}.page-shell:has(.learn-shell){background:var(--learn-shell-ground);background-position:0 0;background-size:100vw 100svh;background-attachment:fixed}:is(.page-shell:has(.learn-shell) .site-header,.page-shell:has(.learn-shell) .site-footer){background:var(--learn-shell-ground);color:var(--ink-soft);background-position:0 0;background-size:100vw 100svh;background-attachment:fixed}.page-shell:has(.learn-shell) .site-header{border-bottom:1px solid var(--line)}.page-shell:has(.learn-shell) .header-cta{background:var(--learn-shell-accent-fill);border-color:var(--learn-shell-accent);color:var(--foreground)}:is(.page-shell:has(.learn-shell) .header-cta:hover,.page-shell:has(.learn-shell) .header-cta:focus-visible){background:#433174b8;border-color:#a689e7f0}.learn-shell{box-shadow:none;color:var(--foreground);background:0 0;border-left:0;width:100%;max-width:840px;min-height:calc(100vh - 74px);margin:0 auto;padding:clamp(28px,5.5vw,64px) clamp(28px,5.5vw,64px) clamp(56px,8vw,110px)}.learn-shell h1,.learn-shell h2,.learn-shell h3{font-family:var(--serif);letter-spacing:-.02em;font-weight:400}.learn-shell .eyebrow{font-family:var(--sans);letter-spacing:.14em;margin-bottom:14px;font-size:.68rem;line-height:1.35}.learn-shell p{line-height:1.68}.learn-breadcrumb{color:var(--ink-faint);font-family:var(--sans);letter-spacing:.06em;margin-bottom:clamp(14px,2.5vw,24px);font-size:.64rem}.learn-breadcrumb ol{flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.learn-breadcrumb a,.learn-related a,.learn-shell-link{color:var(--ink-soft);-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:.25em}.learn-breadcrumb a:hover,.learn-related a:hover,.learn-shell-link:hover{color:var(--foreground)}.learn-center-nav{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:8px 18px;margin:-6px 0 clamp(28px,4vw,48px);padding-bottom:13px;display:flex}.learn-center-nav-label{color:var(--foreground);font-family:var(--serif);margin-right:4px;font-size:.98rem;font-style:italic}.learn-center-nav a{color:var(--ink-soft);font-family:var(--sans);letter-spacing:.065em;text-transform:uppercase;font-size:.64rem;text-decoration:none}.learn-center-nav a:hover,.learn-center-nav a[aria-current=page]{color:var(--foreground);text-decoration:underline;-webkit-text-decoration-color:var(--glow-amber);text-decoration-color:var(--glow-amber);text-underline-offset:.42em}.learn-heading{max-width:780px}.learn-heading h1{text-wrap:balance;margin:14px 0 22px;font-size:clamp(2.45rem,5.2vw,4.35rem);line-height:1.08}.learn-heading>p:last-child{color:var(--ink-soft);font-family:var(--serif);max-width:65ch;margin:0;font-size:clamp(1.12rem,1.8vw,1.35rem)}.learn-question-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:clamp(24px,4vw,48px);display:grid}.learn-question{border-top:1px solid var(--line-strong);padding:26px 24px 30px 0}.learn-question h2{max-width:17ch;margin:10px 0 22px;font-size:clamp(1.65rem,2.5vw,2.2rem);line-height:1.16}.learn-question ul,.learn-related ul{margin:0;padding:0;list-style:none}.learn-question li{border-top:1px solid var(--line);padding:13px 0}.learn-question-preview{--background:var(--ink-deep);--foreground:var(--ink-deep-foreground);--ink-soft:var(--ink-deep-soft);--ink-faint:var(--ink-deep-faint);--line:var(--ink-deep-line);--line-strong:var(--ink-deep-line-strong);--surface-quiet-panel:var(--ink-mid);background:var(--ink-deep);height:156px;margin:0 0 18px;padding:14px 12px;overflow:hidden}.learn-question-over .learn-question-preview{height:286px}.learn-question-preview .learn-musical-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0}.learn-question-preview .learn-musical-frame figcaption{color:var(--ink-deep-soft);margin-bottom:4px;font-size:.76rem}.learn-question-preview .learn-musical-visual{min-width:460px}.learn-question-preview .learn-fretboard-visual{width:100%;min-width:0}.learn-question-preview .learn-musical-legend{display:none}.learn-over-opening{border-top:1px solid var(--line-strong);max-width:780px;margin:0 0 clamp(34px,5vw,54px);padding-top:24px}.learn-over-opening h2{margin:0 0 18px;font-size:clamp(2rem,4vw,3.1rem);line-height:1}.learn-over-opening p:not(.eyebrow){color:var(--ink-soft);font-family:var(--serif);max-width:58ch;margin:0 0 20px;font-size:1.05rem;line-height:1.58}.learn-over-targets{flex-wrap:wrap;align-items:center;gap:10px;margin:24px 0 20px;display:flex}.learn-over-targets span{background:var(--ink-deep);color:var(--ink-deep-foreground);align-items:center;gap:14px;min-width:112px;padding:11px 14px;display:inline-flex}.learn-over-targets strong{font-family:var(--serif);font-size:1.15rem;font-weight:400}.learn-over-targets b{border-left:1px solid var(--ink-deep-line-strong);color:var(--glow-amber);font-family:var(--serif);padding-left:14px;font-size:1.35rem;font-weight:400}.learn-question li a{color:var(--foreground);font-family:var(--serif);font-size:1rem;font-style:italic;line-height:1.4;text-decoration:none}.learn-question li a:hover{text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:.2em}.learn-question li span{color:var(--ink-faint)}.learn-threshold{border-top:1px solid var(--line-strong);max-width:760px;margin-top:clamp(60px,8vw,100px);padding-top:32px}.learn-threshold h2{margin:10px 0;font-size:clamp(1.8rem,3.3vw,2.6rem);line-height:1.13}.learn-threshold>p:not(.eyebrow){color:var(--ink-soft);font-family:var(--serif);max-width:54ch;font-size:1.1rem}.learn-actions{flex-wrap:wrap;gap:14px 28px;margin-top:26px;display:flex}.learn-actions a{color:var(--foreground);font-family:var(--serif);-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:.28em;font-size:1rem;font-style:italic}.learn-actions a:hover{color:var(--ink-soft)}.learn-article article{max-width:780px}.learn-article .learn-heading{margin-bottom:clamp(54px,7vw,84px)}.learn-article .learn-question{border-left:2px solid var(--line-strong);border-top:0;max-width:720px;margin:0;padding:4px 0 4px 24px}.learn-article .learn-question h2{max-width:60ch;margin:0;font-size:clamp(1.15rem,1.8vw,1.35rem);line-height:1.5}.learn-prose{margin:46px 0}.learn-prose h2{margin:0 0 16px;font-size:clamp(1.65rem,2.7vw,2.1rem)}.learn-prose p{color:var(--ink-soft);font-family:var(--serif);max-width:68ch;margin:0 0 16px;font-size:1.04rem}.learn-example{--background:var(--ink-deep);--foreground:var(--ink-deep-foreground);--ink-soft:var(--ink-deep-soft);--ink-faint:var(--ink-deep-faint);--line:var(--ink-deep-line);--line-strong:var(--ink-deep-line-strong);--surface-quiet-panel:var(--ink-mid);background:var(--surface-quiet-panel);border-top:1px solid var(--line-strong);margin-top:clamp(52px,7vw,80px);padding:30px clamp(20px,4vw,40px)}.learn-example>.eyebrow,.learn-example h2,.learn-example h3{color:var(--foreground)}.learn-example h2{margin:9px 0 20px;font-size:1.8rem}.learn-musical-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,3vw,38px);margin:28px 0 24px;display:grid}.learn-musical-frame{min-width:0;margin:0;padding:0 0 4px;overflow-x:auto}.learn-musical-frame figcaption{color:var(--ink-soft);font-family:var(--serif);margin-bottom:10px;font-size:1rem;font-style:italic}.learn-musical-visual{width:100%;min-width:560px;height:auto;display:block;overflow:visible}.learn-musical-visual-strings line{stroke:var(--line-strong);stroke-linecap:round;stroke-width:1px}.learn-musical-visual-chords text{fill:var(--ink-soft);font-family:var(--serif);font-size:14px;font-style:normal;font-weight:400}.learn-musical-visual-label{fill:var(--ink-faint);font-family:var(--sans);letter-spacing:.04em;text-anchor:middle;font-size:13px}.learn-musical-visual-notes text{fill:var(--foreground);font-family:var(--sans);font-variant-numeric:tabular-nums;paint-order:stroke fill;stroke:var(--surface-quiet-panel);stroke-width:7px;font-size:20px;font-weight:500}.learn-fretboard-visual{width:100%;min-width:280px;max-width:100%;height:auto;display:block}.learn-fretboard-title{fill:var(--ink-soft);font-family:var(--serif);font-size:14px;font-style:italic}.learn-fretboard-chords text{fill:var(--ink-soft);font-family:var(--serif);font-size:12px;font-style:normal;font-weight:400}.learn-fretboard-frets line{stroke:var(--line-strong);stroke-width:1px}.learn-fretboard-frets line:first-child{stroke-width:2px}.learn-fretboard-path{fill:none;opacity:.82;stroke:var(--glow-amber);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5px}.learn-fretboard-labels text{fill:var(--ink-faint);font-family:var(--sans);letter-spacing:.03em;font-size:9px}.learn-fretboard-markers circle{stroke-width:1.5px}.learn-fretboard-marker-chord{fill:color-mix(in srgb, var(--ink-soft) 12%, transparent);stroke:var(--ink-soft)}.learn-fretboard-marker-neighbor{fill:#0000;stroke:var(--ink-faint);stroke-dasharray:2 2}.learn-fretboard-marker-target{fill:var(--glow-amber);stroke:var(--foreground)}.learn-fretboard-marker-label{fill:var(--foreground);font-family:var(--serif);paint-order:stroke fill;stroke:var(--background);stroke-width:3px;font-size:10px;font-weight:400}.learn-musical-legend{flex-wrap:wrap;gap:6px 20px;margin:10px 0 0;line-height:1.45;display:flex}.learn-musical-legend span{color:var(--ink-soft);font-family:var(--sans);letter-spacing:.02em;font-size:.78rem}.learn-musical-legend strong{color:var(--foreground);font-family:var(--serif);font-size:1rem;font-weight:400}.learn-example p{color:var(--ink-soft);font-family:var(--serif);max-width:68ch;font-size:1.02rem}.learn-example h3{margin:28px 0 0;font-size:1.22rem}.learn-product-bridge{background:var(--surface-quiet-panel);border-top:1px solid var(--line-strong);grid-template-columns:minmax(0,1fr) minmax(220px,.72fr);align-items:center;gap:clamp(28px,5vw,64px);margin:clamp(52px,7vw,80px) 0 0;padding:clamp(28px,4vw,44px) clamp(20px,4vw,40px);display:grid}.learn-product-copy h2{margin:10px 0 14px;font-size:clamp(1.65rem,2.7vw,2.1rem);line-height:1.1}.learn-product-copy>p:not(.eyebrow){color:var(--ink-soft);font-family:var(--serif);max-width:58ch;margin:0 0 20px;font-size:1.02rem}.learn-product-state{background:var(--background);border:1px solid var(--line);align-items:center;gap:12px;min-height:170px;padding:22px;display:grid;position:relative}.learn-product-state:before,.learn-product-state:after{background:var(--line);content:"";height:1px;position:absolute;left:22px;right:22px}.learn-product-state:before{top:22px}.learn-product-state:after{bottom:22px}.learn-product-state-label{color:var(--ink-faint);font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem}.learn-product-state-arrow{color:var(--glow-amber);font-family:var(--serif);font-size:1.55rem;font-style:italic}.learn-product-state-question{color:var(--foreground);font-family:var(--serif);font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.2}.learn-related{border-top:1px solid var(--line);margin-top:clamp(56px,7vw,90px);padding-top:30px}.learn-related h2{margin:0;font-size:clamp(1.7rem,3vw,2.25rem)}.learn-related ul{flex-wrap:wrap;gap:16px 30px;margin-top:22px;display:flex}.learn-related li a{color:var(--foreground);font-family:var(--serif);font-style:italic}@media (max-width:720px){.page-shell:has(.learn-shell) .header-cta{display:none}.learn-shell{border-left:0;border-top:1px solid var(--line-strong);box-shadow:none;padding:clamp(24px,6vw,40px) clamp(18px,6vw,28px) clamp(56px,9vw,96px)}.learn-question-grid{grid-template-columns:1fr}.learn-breadcrumb{margin-bottom:14px}.learn-center-nav{scrollbar-width:none;white-space:nowrap;flex-wrap:nowrap;gap:8px 13px;margin:-4px 0 28px;padding-bottom:10px;overflow-x:auto}.learn-center-nav::-webkit-scrollbar{display:none}.learn-center-nav-label,.learn-center-nav a{flex:none}.learn-center-nav a{letter-spacing:.055em;font-size:.61rem}.learn-shell:not(.learn-article) .learn-heading h1{font-size:2.15rem;line-height:1.04}.learn-article .learn-heading h1{font-size:2.2rem;line-height:1.05}.learn-musical-comparison,.learn-product-bridge{grid-template-columns:1fr}.learn-musical-visual{min-width:520px}.learn-example-canonical .learn-fretboard-visual{width:100%;min-width:0}}