@import "https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400..700;1,9..144,400..700&family=Inter:wght@400..900&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{--slate-1:var(--lightningcss-light,#f6f1e7)var(--lightningcss-dark,#0b0d12);--slate-2:var(--lightningcss-light,#fbf7ef)var(--lightningcss-dark,#10131a);--slate-3:var(--lightningcss-light,#efe8db)var(--lightningcss-dark,#1c212c);--slate-4:var(--lightningcss-light,#e9e1d2)var(--lightningcss-dark,#252b38);--slate-5:var(--lightningcss-light,#e0d6c4)var(--lightningcss-dark,#2b3240);--slate-6:var(--lightningcss-light,#d6cbb7)var(--lightningcss-dark,#323a4a);--slate-7:var(--lightningcss-light,#c9bda8)var(--lightningcss-dark,#3a4252);--slate-8:var(--lightningcss-light,#b3a690)var(--lightningcss-dark,#4a5366);--slate-9:var(--lightningcss-light,#8f8576)var(--lightningcss-dark,#6b7385);--slate-10:var(--lightningcss-light,#857a69)var(--lightningcss-dark,#7d8597);--slate-11:var(--lightningcss-light,#5d574d)var(--lightningcss-dark,#aaa497);--slate-12:var(--lightningcss-light,#1c1915)var(--lightningcss-dark,#f4efe4);--blue-1:var(--lightningcss-light,#fffbf3)var(--lightningcss-dark,#120f0a);--blue-2:var(--lightningcss-light,#fdf5e6)var(--lightningcss-dark,#17130c);--blue-3:var(--lightningcss-light,#f8ebd2)var(--lightningcss-dark,#241e14);--blue-4:var(--lightningcss-light,#f3e0bd)var(--lightningcss-dark,#2e2618);--blue-5:var(--lightningcss-light,#ecd3a2)var(--lightningcss-dark,#3a2f1c);--blue-6:var(--lightningcss-light,#e2c184)var(--lightningcss-dark,#4a3b21);--blue-7:var(--lightningcss-light,#d4a95e)var(--lightningcss-dark,#6a5228);--blue-8:var(--lightningcss-light,#c79540)var(--lightningcss-dark,#8a6a30);--blue-9:var(--lightningcss-light,#e0a443)var(--lightningcss-dark,#eab35b);--blue-10:var(--lightningcss-light,#c98b2a)var(--lightningcss-dark,#f0c070);--blue-11:var(--lightningcss-light,#8e5a0c)var(--lightningcss-dark,#eab35b);--blue-12:var(--lightningcss-light,#5c3a06)var(--lightningcss-dark,#ffd48a);--red-3:var(--lightningcss-light,#fbe6e2)var(--lightningcss-dark,#3a1a1a);--red-7:var(--lightningcss-light,#e8a59d)var(--lightningcss-dark,#8a3a36);--red-11:var(--lightningcss-light,#c8382d)var(--lightningcss-dark,#ff7a70);--red-12:var(--lightningcss-light,#6b1a14)var(--lightningcss-dark,#ffc9c2);--amber-9:var(--lightningcss-light,#e0a443)var(--lightningcss-dark,#eab35b);--amber-12:var(--lightningcss-light,#3d2706)var(--lightningcss-dark,#1a1206);--sky-11:var(--lightningcss-light,#4a9ef0)var(--lightningcss-dark,#6cb6ff);--sky-12:#0b1626;--jgg-bg:var(--slate-1);--jgg-surface:var(--lightningcss-light,#fffdf8)var(--lightningcss-dark,#151922);--jgg-surface-subtle:var(--slate-2);--jgg-surface-raised:var(--slate-3);--jgg-surface-hover:var(--slate-4);--jgg-selected:var(--blue-3);--jgg-selected-hover:var(--blue-4);--jgg-text:var(--slate-12);--jgg-text-muted:var(--slate-11);--jgg-accent:var(--blue-11);--jgg-accent-hover:var(--lightningcss-light,#6f4608)var(--lightningcss-dark,#ffd48a);--jgg-link:var(--blue-12);--jgg-on-accent:var(--lightningcss-light,#fffaf0)var(--lightningcss-dark,#1a1206);--jgg-hero:var(--lightningcss-light,#1c1915)var(--lightningcss-dark,#1a1e28);--jgg-on-hero:var(--lightningcss-light,#f6f1e7)var(--lightningcss-dark,#f4efe4);--jgg-on-hero-muted:var(--lightningcss-light,#d3cab9)var(--lightningcss-dark,#c9c2b5);--jgg-border:var(--slate-7);--jgg-control-border:var(--slate-10);--jgg-focus:var(--blue-11);--jgg-focus-on-dark:var(--lightningcss-light,#eab35b)var(--lightningcss-dark,#ffd48a);--jgg-error-bg:var(--red-3);--jgg-error-border:var(--red-7);--jgg-error:var(--red-11);--jgg-error-text:var(--red-12);--jgg-reference:var(--amber-9);--jgg-reference-text:var(--amber-12);--jgg-pick:var(--sky-11);--jgg-on-pick:var(--sky-12);--jgg-third:#ff8a73;--jgg-fifth:#4fd1bd;--jgg-seventh:#ab8cff;--jgg-on-role:#15110a;--jgg-shadow:var(--lightningcss-light,#3c2a0a)var(--lightningcss-dark,#000);--jgg-board-1:var(--lightningcss-light,#4a311c)var(--lightningcss-dark,#3b2717);--jgg-board-2:var(--lightningcss-light,#2c1d11)var(--lightningcss-dark,#22160d);--jgg-fret-wire:#c9c2b5;--jgg-string:#e2d6c2;--jgg-inlay:#d8cfc0;--paper:var(--jgg-bg);--ink:var(--jgg-text);--green:var(--jgg-accent);--muted:var(--jgg-text-muted);--line:var(--jgg-border)}.learn-document{background:var(--paper);min-height:100vh;color:var(--ink);padding:0 36px 64px;font-family:Inter,system-ui,sans-serif;font-size:18.2px;line-height:1.85}.learn-document *{box-sizing:border-box}.learn-document a{color:var(--jgg-link);text-underline-offset:5px}.learn-document :focus-visible{outline:3px solid var(--green);outline-offset:5px}.learn-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:28px;max-width:1160px;margin:auto;padding:30px 0;display:flex}.learn-header>a{letter-spacing:-1px;font-size:30px;font-weight:900;text-decoration:none}.learn-header nav{gap:25px;font-size:15.6px;font-weight:800;display:flex}.learn-main{max-width:920px;margin:64px auto 0}.learn-kicker{letter-spacing:1.7px;color:var(--jgg-link);font-size:13px;font-weight:850}.learn-main h1{letter-spacing:-2px;margin:20px 0 28px;font-size:66.3px;font-weight:850;line-height:1.1}.learn-main h2{letter-spacing:-.7px;margin:48px 0 20px;font-size:35px;line-height:1.25}.learn-main h3{margin:0 0 12px;font-size:24px;line-height:1.4}.learn-main p{margin:0 0 23px}.learn-intro{color:var(--muted);max-width:780px;font-size:20px}.learn-links{grid-template-columns:1fr 1fr;gap:18px;margin:28px 0;padding:0;list-style:none;display:grid}.learn-links a{border:1px solid var(--line);background:var(--jgg-selected);border-radius:26px;padding:26px;font-weight:850;text-decoration:none;display:block}.learn-links a span{color:var(--muted);margin-top:10px;font-size:15.6px;font-weight:500;display:block}.learn-links a:hover{background:var(--jgg-surface-hover)}.learn-actions{flex-wrap:wrap;gap:18px;margin:34px 0;display:flex}.learn-actions>a{border:1px solid var(--green);background:var(--green);min-height:60px;color:var(--jgg-on-accent);border-radius:40px;justify-content:center;align-items:center;padding:14px 28px;font-size:18.2px;font-weight:850;text-decoration:none;display:inline-flex}.learn-actions>a.secondary{color:var(--jgg-link);background:0 0}.learn-steps{padding-left:29px}.learn-steps li{padding:13px 0}.learn-note{background:var(--jgg-selected);border-radius:28px;margin:32px 0;padding:28px}.learn-note p:last-child{margin:0}.learn-footer{border-top:1px solid var(--line);color:var(--muted);margin-top:64px;padding-top:26px;font-size:15.6px}@media (max-width:700px){.learn-document{padding:0 20px 44px;font-size:16.9px}.learn-header{flex-wrap:wrap;gap:18px;padding:22px 0}.learn-header>a{font-size:30px}.learn-header nav{gap:20px;font-size:14.3px}.learn-main{margin-top:38px}.learn-main h1{letter-spacing:-1.4px;font-size:50.7px}.learn-main h2{margin-top:37px;font-size:32px}.learn-intro{font-size:18.2px}.learn-links{grid-template-columns:1fr;gap:15px}.learn-links a{padding:23px}.learn-actions{flex-direction:column}.learn-actions>a{min-height:58px;font-size:16.9px}.learn-note{padding:23px}.learn-kicker{font-size:12px}.learn-footer{font-size:14.3px}}.learn-document{overflow-wrap:anywhere}.learn-main{min-width:0}.learn-footer{max-width:1160px;margin:64px auto 0}.learn-footer nav{flex-wrap:wrap;gap:14px 24px;margin-top:20px;display:flex}.learn-skip{background:var(--jgg-accent);z-index:100;border-radius:12px;padding:12px 20px;position:fixed;top:12px;left:12px;transform:translateY(-180%);color:var(--jgg-on-accent)!important}.learn-skip:focus{transform:none}.learn-table-scroll{border:1px solid var(--jgg-border);background:var(--jgg-surface);border-radius:20px;max-width:100%;margin:30px 0 40px;overflow-x:auto}.learn-table-scroll table{border-collapse:collapse;width:100%;min-width:620px;font-size:16.9px}.learn-table-scroll caption{text-align:left;color:var(--jgg-text-muted);padding:22px;font-size:15.6px;line-height:1.6}.learn-table-scroll th,.learn-table-scroll td{text-align:left;border-top:1px solid var(--jgg-border);vertical-align:top;padding:18px 22px}.learn-table-scroll thead th{background:var(--jgg-selected)}.learn-lesson-name{color:var(--jgg-text-muted);font-style:italic}.learn-note h2{margin:0 0 16px;font-size:26px}.learn-header>a{white-space:normal;max-width:100%}@media (max-width:700px){.learn-table-scroll table{font-size:15.6px}.learn-table-scroll th,.learn-table-scroll td{padding:16px}.learn-table-scroll caption{padding:18px;font-size:14.3px}.learn-footer{margin-top:44px}}.learn-document{background:radial-gradient(1000px 520px at 85% -10%,color-mix(in oklab,var(--jgg-accent) 12%,transparent),transparent 70%),var(--paper);font-family:Inter,system-ui,sans-serif}.learn-header>a,.learn-main h1,.learn-main h2{letter-spacing:-.03em;font-family:Fraunces,Georgia,serif;font-weight:600}.learn-main h1{font-weight:560}.learn-answer{max-width:68ch;font-size:19px;line-height:1.75}.learn-updated{white-space:nowrap}.pitch-map{max-width:100%;margin:24px 0 0}.pitch-map svg{background:var(--jgg-surface);border:1px solid var(--jgg-border);border-radius:16px;width:100%;max-width:640px;height:auto;display:block}.pitch-map-octave line{stroke:var(--jgg-border);stroke-dasharray:4 6}.pitch-map-octave text{fill:var(--jgg-text-muted);text-anchor:end;font-size:13px;font-weight:700}.pitch-map-line{fill:none;stroke:var(--jgg-control-border);stroke-width:2.5px;stroke-linejoin:round}.pitch-map-note circle{fill:var(--jgg-accent)}.pitch-map-note text{fill:var(--jgg-on-accent);text-anchor:middle;font-size:13px;font-weight:800}.pitch-map-note .pitch-map-name{fill:var(--jgg-text);font-size:14px;font-weight:700}.pitch-map figcaption{color:var(--jgg-text-muted);margin:10px 0 0;font-size:14px}.pitch-map-table{border-collapse:collapse;min-width:min(100%,420px);margin:18px 0 0;font-size:16px}.pitch-map-table th,.pitch-map-table td{text-align:left;border-bottom:1px solid var(--jgg-border);padding:8px 18px 8px 0}.pitch-map-table th{letter-spacing:.06em;text-transform:uppercase;color:var(--jgg-text-muted);font-size:13px}.pitch-map-table td:first-child{font-variant-numeric:tabular-nums;color:var(--jgg-text-muted)}