@font-face{font-family:inter;src:url(/fonts/inter-latin.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:inter;src:url(/fonts/inter-latin-ext.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:lora;src:url(/fonts/lora-italic-latin.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:lora;src:url(/fonts/lora-italic-latin-ext.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{color-scheme:light;--cream-rgb:251 243 233;--espresso-rgb:28 13 8;--accent-rgb:46 94 140;--cream:rgb(var(--cream-rgb));--espresso:rgb(var(--espresso-rgb));--accent:rgb(var(--accent-rgb));--bg:var(--cream);--tint:rgb(var(--espresso-rgb) / .05);--tint-2:rgb(var(--espresso-rgb) / .1);--tint-solid:color-mix(in srgb, var(--espresso) 5%, var(--cream));--paper:color-mix(in srgb, #fff 60%, var(--cream));--ink:var(--espresso);--ink-2:rgb(var(--espresso-rgb) / .74);--ink-3:rgb(var(--espresso-rgb) / .62);--line:rgb(var(--espresso-rgb) / .1);--line-2:rgb(var(--espresso-rgb) / .2);--cta:var(--accent);--cta-hover:color-mix(in srgb, var(--accent), var(--espresso) 22%);--cta-ink:var(--cream);--accent-bright:var(--accent);--accent-soft:rgb(var(--accent-rgb) / .08);--gold:var(--accent);--gold-soft:var(--accent-soft);--walnut:color-mix(in srgb, var(--espresso) 80%, var(--cream));--serif:"Lora", Georgia, "Times New Roman", serif;--sans:"Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--measure:46rem;--wide:74rem;--radius:24px;--radius-sm:16px;--check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%232E5E8C'/%3E%3Cpath d='M6 10.4l2.6 2.6L14.2 7.4' fill='none' stroke='%23FBF3E9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:7.75rem;color:var(--ink)}svg{fill:currentColor}button,input,select,textarea{color:inherit}body{margin:0;background:var(--bg);color:var(--ink);font:1.0625rem/1.7 var(--sans);font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:var(--accent);text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}::selection{background:rgb(var(--accent-rgb)/.22)}.skip{position:absolute;left:-999px;top:.5rem;z-index:30;background:var(--ink);color:var(--cream);padding:.5rem 1rem;border-radius:999px}.skip:focus{left:1rem}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.wrap{width:min(100% - 2.5rem,var(--wide));margin-inline:auto}.narrow{max-width:var(--measure)}main{display:block;padding-bottom:5rem;overflow-x:clip}h1,h2,h3{font-family:var(--sans);font-weight:700;line-height:1.08;letter-spacing:-.03em;text-wrap:balance;color:var(--ink)}h1{font-size:clamp(2.4rem,1.5rem + 3.4vw,4rem);margin:.2em 0 .35em}h2{font-size:clamp(1.8rem,1.35rem + 1.8vw,2.9rem);margin:2em 0 .5em}h3{font-size:1.35rem;margin:1.8em 0 .45em;letter-spacing:-.02em}.eyebrow{margin:0;font:600 .9rem/1.3 var(--sans);letter-spacing:.01em;color:var(--accent-bright)}.eyebrow a{color:inherit;text-decoration:none}.eyebrow a:hover{text-decoration:underline}.lede{font-size:1.2rem;line-height:1.6;color:var(--ink-2);margin:0 0 1rem;text-wrap:pretty}.site-top{position:sticky;top:0;z-index:20}.site-header{background:color-mix(in srgb,var(--paper) 94%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:.5rem 1.5rem;min-height:4.25rem;flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:.55rem;color:var(--ink);text-decoration:none;font-family:var(--sans);font-weight:700;font-size:1.4rem;letter-spacing:-.02em;line-height:1}.site-nav{display:flex;gap:.25rem 1.25rem;flex-wrap:wrap}.site-nav a{color:var(--ink);text-decoration:none;font-weight:500;font-size:.98rem;padding:.3rem 0;border-bottom:2px solid transparent}.site-nav a:hover{color:var(--accent)}.site-nav a[aria-current]{border-bottom-color:var(--gold)}@media(max-width:44rem){html{scroll-padding-top:10rem}.header-inner{padding:.65rem 0 .55rem;min-height:0}.site-nav{width:100%;display:grid;grid-template-columns:repeat(3,1fr);justify-items:center}.brand{font-size:1.25rem}}@media(max-width:30rem){.brand{font-size:1.12rem;gap:.45rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:999px;border:1px solid transparent;font:600 1rem/1.15 var(--sans);text-decoration:none;cursor:pointer;white-space:nowrap;background:var(--paper);color:var(--ink);border-color:var(--line-2);transition:background-color .15s,border-color .15s,color .15s}.btn:hover{border-color:var(--ink)}.btn-primary{background:var(--cta);border-color:var(--cta);color:var(--cta-ink)}.btn-primary:hover{background:var(--cta-hover);border-color:var(--cta-hover)}.btn-secondary{background:var(--paper);border-color:var(--accent);color:var(--accent)}.btn-secondary:hover{background:var(--accent-soft);border-color:var(--accent)}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}.linklike{background:0 0;border:0;padding:0;color:var(--accent);font:inherit;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.goals li{position:relative;padding-left:2rem}.goals li::before{content:"";position:absolute;left:0;top:.22em;width:1.25rem;height:1.25rem;background:var(--check)50%/contain no-repeat}.section{padding:5rem 0}.hero{background:var(--tint)}.page-head{padding:3rem 0 2.5rem;background:var(--tint);box-shadow:0 0 0 100vmax var(--tint);clip-path:inset(0 -100vmax)}@media(min-width:46rem){.page-head-section{display:flex;flex-direction:column;min-height:32.5rem}.page-head-section .head-card{margin-top:auto}}.page-head h1{margin-bottom:.3em}.page-head .lede{max-width:40rem;margin-bottom:0}.facts{margin:0;display:grid;gap:.35rem;font-size:clamp(1.05rem,1rem + .3vw,1.2rem)}.facts div{display:flex;gap:.6rem}.facts dt{min-width:8.5rem;color:var(--ink-2)}.facts dd{margin:0;font-weight:650;color:var(--ink)}.page-head+.wrap,.page-head+div{margin-top:2rem}.path{margin-top:1.5rem}.stage{margin-top:2rem}.stage-title{font-family:var(--sans);font-size:1.05rem;font-weight:700;margin:0 0 .75rem;display:flex;gap:.6rem;align-items:baseline}.stage-num{font-size:.82rem;font-weight:600;color:var(--accent-bright)}.stage-goal{margin:-.35rem 0 .85rem;color:var(--ink-2);font-size:.96rem}.stage-list{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.path-item{display:grid;grid-template-columns:2.75rem 1fr auto;gap:1rem;align-items:center;padding:1rem 1.25rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s}a.path-item:hover{border-color:var(--line-2);box-shadow:0 8px 24px -12px rgb(var(--espresso-rgb)/.25);transform:translateY(-1px)}.path-num{width:2.75rem;height:2.75rem;border-radius:50%;display:grid;place-items:center;font:700 1rem/1 var(--sans);background:var(--tint);color:var(--ink)}.path-title{display:block;font-weight:650;font-size:1.05rem}.path-desc{display:block;color:var(--ink-2);font-size:.94rem;line-height:1.5;margin-top:.15rem}.path-done{opacity:0;width:1.5rem;height:1.5rem;background:var(--check)50%/contain no-repeat;color:transparent;overflow:hidden}.path-item.is-done .path-num{background:var(--gold);color:var(--cream)}.path-item.is-done .path-done{opacity:1}.path-item.is-planned{background:0 0;border-style:dashed;border-color:var(--line-2)}.path-item.is-planned .path-num{background:0 0;box-shadow:inset 0 0 0 1.5px var(--line-2);color:var(--ink-2)}.path-soon{font-size:.78rem;font-weight:700;color:var(--ink-3);white-space:nowrap}.plan-count{margin:1.5rem 0 0;font-size:.95rem;color:var(--ink-2)}.prose .stage-title{font-size:1.05rem;margin:0 0 .75rem}.prose .stage-goal{margin:-.35rem 0 .85rem;color:var(--ink-2)}.prose .stage-list{margin:0}.prose .stage-list li{margin:0}.prose .plan-count{color:var(--ink-2)}.progress-note{font-size:.92rem;color:var(--ink-2);margin-top:1.5rem}.head-card{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.25rem;margin-top:1.5rem;padding:1rem 1.25rem;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);max-width:40rem}.head-card-id{display:flex;align-items:center;gap:1rem}.head-card-mark{width:2.5rem;height:2.5rem;flex:none}.head-card-label{margin:0;font-size:.82rem;font-weight:700;color:var(--accent-bright)}.head-card-name{margin:0;font-family:var(--sans);font-weight:600;font-size:1.15rem;line-height:1.3;text-wrap:pretty}.head-card-notes{margin:0;font-family:var(--mono);font-size:.85rem;color:var(--ink-2)}.head-card-text{flex-basis:100%;margin:0;font-size:.92rem;color:var(--ink-2);text-wrap:pretty}.cards{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.9rem}.card{display:flex;flex-direction:column;gap:.35rem;height:100%;padding:1.35rem 1.4rem;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);text-decoration:none;transition:border-color .15s,box-shadow .15s}.card:hover{border-color:var(--line-2);box-shadow:0 8px 24px -12px rgb(var(--espresso-rgb)/.25)}.card-title{font-family:var(--sans);font-weight:600;font-size:1.2rem}.card-desc{color:var(--ink-2);font-size:.94rem;line-height:1.5}.dots{list-style:none;display:flex;flex-wrap:wrap;gap:.45rem;margin:1.4rem 0 0;padding:0}.dots a{display:block;width:.85rem;height:.85rem;border-radius:50%;background:var(--tint-2)}.dots a:hover{background:var(--line-2)}.dots a.is-done{background:var(--gold)}.dots a[aria-current]{background:var(--ink);transform:scale(1.25)}.goals{margin:2rem 0 .5rem;padding:1.4rem 1.6rem;background:var(--tint);border-radius:var(--radius-sm)}.goals-title{margin:0 0 .6rem;font-weight:700;font-size:.95rem;color:var(--ink)}.goals ul{margin:0;padding:0;list-style:none;display:grid;gap:.45rem}.lesson-uses{margin:1.25rem 0 0;padding:.9rem 1.2rem;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:.95rem;color:var(--ink-2)}.lesson-uses strong{color:var(--ink)}.lesson-notes{font-family:var(--mono);color:var(--ink)}.lesson-foot{margin-top:3.5rem;display:grid;gap:1.5rem}.practised{justify-self:start}.practised .when-on{display:none}.practised[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:var(--cream)}.practised[aria-pressed=true] .when-on{display:inline}.practised[aria-pressed=true] .when-off{display:none}.pager{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.pager-link{display:flex;flex-direction:column;gap:.2rem;padding:1.1rem 1.35rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);text-decoration:none;color:var(--ink);transition:border-color .15s,box-shadow .15s}.pager-link:hover{border-color:var(--line-2);box-shadow:0 8px 24px -12px rgb(var(--espresso-rgb)/.25)}.pager-link.next{text-align:right;grid-column:2}.pager-dir{font-size:.85rem;font-weight:600;color:var(--accent-bright)}.pager-title{font-family:var(--sans);font-weight:600;font-size:1.15rem}@media(max-width:34rem){.pager{grid-template-columns:1fr}.pager-link.next{grid-column:auto}}.prose>:first-child{margin-top:1.5rem}.prose p,.prose ul,.prose ol{margin:0 0 1.1em}.prose p,.prose li{color:var(--ink)}.prose li{margin:.3em 0}.prose li>ul,.prose li>ol{margin:.3em 0}.prose h2{font-size:clamp(1.6rem,1.3rem + 1.2vw,2.2rem);margin-top:2.2em}.prose h3{font-size:1.3rem}.prose strong{font-weight:650;color:var(--ink)}.prose blockquote{margin:1.5em 0;padding:1rem 1.4rem;background:var(--tint);border-radius:var(--radius-sm);font-family:var(--serif);font-style:italic;font-size:1.15rem;color:var(--ink)}.prose blockquote p{margin:0;color:inherit}.prose code{font-family:var(--mono);font-size:.88em;background:var(--tint);border-radius:8px;padding:.15em .45em;overflow-wrap:anywhere}.prose hr{border:0;border-top:1px solid var(--line);margin:2.5em 0}.anchor{color:var(--line-2);text-decoration:none;font-weight:400;margin-left:.25em;opacity:0;transition:opacity .15s}h2:hover .anchor,h3:hover .anchor,.anchor:focus{opacity:1}.table-wrap{overflow-x:auto;margin:1.4em 0;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper)}.table-wrap table{border-collapse:collapse;width:100%;font-size:.97rem}.table-wrap th,.table-wrap td{padding:.65rem 1rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table-wrap th{background:var(--tint);font-weight:650;font-size:.9rem}.table-wrap tr:last-child td{border-bottom:0}.callout{margin:1.6em 0;padding:1.1rem 1.35rem;border-radius:var(--radius-sm);background:var(--tint)}.callout>:last-child{margin-bottom:0}.callout-title{margin:0 0 .3rem;font-weight:700;font-size:.92rem;color:var(--accent-bright)}.callout-tip,.callout-money{background:var(--gold-soft)}.callout-tip .callout-title,.callout-money .callout-title{color:var(--walnut)}.callout-warning{background:var(--accent-soft)}.callout-warning .callout-title{color:var(--accent)}.callout-honest{background:0 0;border-left:3px solid var(--line-2);border-radius:0;padding:.2rem 0 .2rem 1.25rem}.checklist{margin:1.6em 0;padding:1.2rem 1.4rem;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm)}.checklist-title{margin:0 0 .6rem;font-weight:700;color:var(--ink)}.checklist ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.checklist li{position:relative;padding-left:2rem;margin:0}.checklist li::before{content:"";position:absolute;left:0;top:.22em;width:1.25rem;height:1.25rem;background:var(--check)50%/contain no-repeat}.checklist>:last-child{margin-bottom:0}.price{display:flex;align-items:baseline;flex-wrap:wrap;gap:.3rem .7rem;margin:1.5em 0}.price-amount{font-family:var(--sans);font-weight:700;font-size:3rem;line-height:1;color:var(--ink)}.price-unit{color:var(--ink-2);font-size:1.05rem}.pan-figure{margin:2.5em 0}.pan{display:block;width:100%;max-width:22rem;height:auto;margin-inline:auto}.pan__shell{fill:var(--ink)}.pan__inner-rim{fill:none;stroke:rgb(var(--cream-rgb)/.1);stroke-width:1}.pan__field{fill:var(--walnut);stroke:rgb(var(--cream-rgb)/.22);stroke-width:1.2}.pan__field--ghost{fill:none;stroke:rgb(var(--cream-rgb)/.45);stroke-dasharray:4 4}.pan__label{font-family:var(--mono);font-size:14px;font-weight:500;fill:var(--bg);text-anchor:middle}.pan__label--ding{font-size:18px;font-weight:600;fill:var(--cream)}.pan__label--tenth{font-size:12px;fill:rgb(var(--cream-rgb)/.7)}.pan__note--ding .pan__field{fill:var(--ink);stroke:var(--cream);stroke-width:2}.pan-figure figcaption{margin-top:.8rem;text-align:center;font-size:.92rem;color:var(--ink-2)}.pan__num{font-family:var(--mono);font-size:16px;font-weight:700;fill:var(--cream);text-anchor:middle}.pan__num+.pan__label{font-size:9px;fill:rgb(var(--cream-rgb)/.7)}.tab{margin:2rem 0;background:var(--paper);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px -18px rgb(var(--espresso-rgb)/.3)}.tab-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.7rem 1.1rem;background:var(--ink);color:var(--cream)}.tab-title{font-weight:650}.tab-ts{font-family:var(--mono);font-size:.8rem;opacity:.7}.tab-scroll{overflow-x:auto}.tab-grid{min-width:calc(var(--beats) * var(--sub,4) * 1.3rem)}.tab-bar{display:grid;grid-template-columns:repeat(var(--beats),minmax(0,1fr))}.tab-bar+.tab-bar{border-top:1px solid var(--line-2)}.tab-bar+.tab-bar.is-first{border-top-width:3px}.tab-beat+.tab-beat{border-left:1px solid var(--line-2)}.tab-num{text-align:center;font:600 .8rem/1 var(--sans);color:var(--ink-2);padding:.5rem 0;background:var(--tint);border-bottom:1px solid var(--line)}.tab-cells{display:grid;grid-template-columns:repeat(var(--sub,4),minmax(0,1fr))}.c{display:flex;align-items:center;justify-content:center;height:2.9rem;font:700 1rem/1 var(--mono);transition:background-color .08s,color .08s}.c+.c{border-left:1px dashed var(--line)}.n-ding{background:var(--ink);color:var(--cream)}.n-tek{background:var(--accent);color:var(--cream)}.n-field,.n-chord{background:color-mix(in srgb,var(--accent) 24%,var(--paper));color:var(--accent)}.n-chord{flex-direction:column;gap:.12rem;font-size:.74rem}.n-chord i{font-style:normal}.n-field.is-light,.n-tek.is-light{background:0 0;color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent);border-radius:10px}.n-ding.is-light{background:0 0;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink);border-radius:10px}.n-ka{position:relative;isolation:isolate;color:var(--ink-2)}.n-ka::before{content:"";position:absolute;z-index:-1;top:50%;left:50%;width:2.1rem;height:2.1rem;translate:-50% -50%;border-radius:50%;box-shadow:inset 0 0 0 2px var(--ink-3)}.n-x{color:var(--ink-3);font-weight:400;font-size:1.15rem}.c.is-now{outline:3px solid var(--ink);outline-offset:-3px}.c.is-now:not([class*=n-]){background:rgb(var(--accent-rgb)/.2)}.c.n-field.is-light.is-now,.c.n-tek.is-light.is-now{background:var(--accent);color:var(--cream)}.c.n-ding.is-light.is-now{background:var(--ink);color:var(--cream)}.c.n-ka.is-now{color:var(--cream)}.c.n-ka.is-now::before{background:var(--ink)}.pan-live{margin:2rem 0}.pan-live-art{position:relative;max-width:30rem;margin-inline:auto}.pan-live-art img,.pan-live-art svg{display:block;width:100%;height:auto}.pan-live-art svg{position:absolute;inset:0;height:100%;pointer-events:none}.pan-live ellipse{fill:var(--accent);fill-opacity:0;mix-blend-mode:multiply;transition:fill-opacity .45s ease-out}.pan-live ellipse.is-lit{fill-opacity:.7;transition:none}.pan-live figcaption{margin-top:.8rem;text-align:center;font-size:.92rem;color:var(--ink-2)}.pan-live.is-float{position:fixed;z-index:30;right:1rem;bottom:1rem;width:min(42vw,13rem);margin:0;padding:.6rem;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:0 12px 32px -14px rgb(var(--espresso-rgb)/.45)}.pan-live.is-float[hidden]{display:none}@media(prefers-reduced-motion:reduce){.pan-live ellipse{transition:none}}.tab-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.2rem;padding:.8rem 1.1rem;border-top:1px solid var(--line)}.tab-play{flex:none;width:2.8rem;height:2.8rem;border-radius:50%;border:0;background:var(--cta);color:var(--cta-ink);display:grid;place-items:center;cursor:pointer;transition:background-color .15s}.tab-play:hover{background:var(--cta-hover)}.tab-tempo{display:flex;align-items:center;gap:.5rem;font-size:.88rem;color:var(--ink-2)}.tab-tempo input{width:7.5rem;accent-color:var(--accent)}.tab-tempo output{min-width:2ch;text-align:right;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.tab-metro{display:flex;align-items:center;gap:.4rem;font-size:.9rem;cursor:pointer}.tab-metro input{accent-color:var(--accent);width:1rem;height:1rem}.tab-key{display:flex;flex-wrap:wrap;gap:.3rem .8rem;margin-left:auto;font-size:.82rem;color:var(--ink-2)}.key-item b{display:inline-grid;place-items:center;width:1.4rem;height:1.4rem;margin-right:.2rem;border-radius:6px;font:700 .75rem/1 var(--mono)}.key-item b.n-ka::before{width:1.4rem;height:1.4rem}.has-hands .key-item b.n-ka::before{background:0 0;box-shadow:inset 0 0 0 2px var(--ink-3)}.h-r{--hand:var(--ink)}.h-l{--hand:var(--accent)}.tab-bar-name{margin:0;padding:.65rem 1.1rem .1rem;font:650 .78rem/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}.tab-bar-name span{color:var(--accent)}.tab-bar+.tab-bar-name{border-top:1px solid var(--line-2)}.tab-bar-name+.tab-bar{border-top:0}.has-hands .tab-grid{min-width:calc(var(--beats) * var(--sub,4) * 2.5rem + 2.4rem)}.has-hands .tab-bar{grid-template-columns:2.4rem repeat(var(--beats),minmax(0,1fr))}.tab-num:has(.tab-and){display:grid;grid-template-columns:repeat(2,1fr)}.tab-and{font-weight:500;color:var(--ink-3)}.tab-side .tab-num{border-right:1px solid var(--line)}.tab-hand{display:grid;place-items:center;height:2.9rem;font:700 .85rem/1 var(--sans);color:var(--hand);background:var(--tint);border-right:1px solid var(--line)}.has-hands .tab-cells+.tab-cells{border-top:1px dashed var(--line)}.has-hands .tab-side+.tab-beat{border-left:0}.has-hands .c{position:relative;isolation:isolate;background:0 0;color:var(--cream);border-radius:0;box-shadow:none}.has-hands .c::before{content:"";position:absolute;z-index:-1;top:50%;left:50%;width:2.1rem;height:2.1rem;translate:-50% -50%;border-radius:50%;background:var(--hand)}.has-hands .c:not([class*=n-])::before{width:.8rem;height:3px;border-radius:2px;opacity:.45}.has-hands .n-ka{color:var(--hand)}.has-hands .n-ka::before{background:0 0;box-shadow:inset 0 0 0 2px var(--hand)}.has-hands .is-light{color:var(--hand)}.has-hands .is-light::before{background:0 0;box-shadow:inset 0 0 0 2px var(--hand)}.has-hands .n-chord{font-size:.68rem;gap:0;line-height:1.05}.tab:not(.has-hands) .n-ding.is-muted,.key-item b.n-ding.is-muted{background:0 0;color:var(--ink);box-shadow:inset 0 0 0 2px rgb(var(--espresso-rgb)/.35);border-radius:10px}.has-hands .n-ding.is-muted::before{background:0 0;box-shadow:inset 0 0 0 2px var(--hand);opacity:.55}.has-hands .n-ding.is-muted{color:var(--hand);opacity:.75}.has-hands .c.n-ding.is-muted.is-now::before{background:var(--hand)}.has-hands .c.n-ding.is-muted.is-now{color:var(--cream);opacity:1}.has-hands .h-l .has-hands .c.is-now{outline:none;background:rgb(var(--accent-rgb)/.14)}.has-hands .c.is-now::before{scale:1.12;box-shadow:0 0 0 3px var(--paper),0 0 0 5px var(--hand)}.has-hands .c.is-now:not([class*=n-])::before{scale:1;box-shadow:none;opacity:.8}.has-hands .c.has-hands .c.is-light.is-now{color:var(--cream)}@media(prefers-reduced-motion:no-preference){.has-hands .c::before{transition:scale .08s}}.key-item b.h-r,.key-item b.h-l{background:var(--hand);color:var(--cream);border-radius:50%}.key-item b.n-plain{box-shadow:inset 0 0 0 1px var(--line-2);color:var(--ink)}.key-item b.key-item b.key-item b.tab-note{margin:0;padding:.65rem 1.1rem;border-top:1px solid var(--line);font-size:.9rem;color:var(--ink-2)}@media(max-width:34rem){.tab-key{margin-left:0}}.is-song{overflow:clip}.is-song .tab-grid{min-width:0}.is-song .tab-bar{grid-template-columns:2rem repeat(var(--beats),minmax(0,1fr))}.is-song .tab-side{display:grid;place-items:center;font:600 .75rem/1 var(--sans);font-variant-numeric:tabular-nums;color:var(--ink-3);background:var(--tint);border-right:1px solid var(--line)}.is-song .tab-side+.tab-beat{border-left:0}.is-song .c{height:3.3rem}.is-song .n-chord{gap:0;line-height:1.1;font-size:.8rem}.is-song .n-chord[data-n="3"],.is-song .n-chord[data-n="4"]{line-height:1;font-size:.7rem}.is-song .c.n-ding.is-now{outline-color:var(--accent)}.is-song .song-section{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin:0;padding:.6rem 1rem;background:var(--accent);color:var(--cream);font:700 1rem/1.3 var(--sans);letter-spacing:.01em}.is-song .song-section span{font-weight:500;font-size:.82rem;color:var(--cream);opacity:.8}.tab-section{margin-left:auto;font-size:.92rem;color:var(--ink-2);font-variant-numeric:tabular-nums}.tab-section b{color:var(--accent);font-weight:700}.is-song .tab-controls{position:sticky;bottom:0;z-index:2;background:var(--paper);box-shadow:0 -10px 20px -16px rgb(var(--espresso-rgb)/.4);padding-bottom:calc(.8rem + env(safe-area-inset-bottom))}@media(max-width:36rem){.is-song .tab-bar{grid-template-columns:1.6rem repeat(2,minmax(0,1fr))}.is-song .tab-side{grid-row:span 2}.is-song .tab-beat:nth-child(4){border-left:0}.is-song .tab-beat:nth-child(n+4){border-top:1px solid var(--line-2)}}.pick-search{position:sticky;top:4.25rem;z-index:5;margin:1.5rem 0 .5rem;padding:.5rem 0;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pick-search input{width:100%;font:inherit;font-size:1.05rem;padding:.8rem 1.2rem;border:1px solid var(--line-2);border-radius:999px;background:var(--paper);color:var(--ink);-webkit-appearance:none;appearance:none}.pick-search input::placeholder{color:var(--ink-3)}.pick-count{margin:.35rem 0 0;min-height:1.2em;font-size:.85rem;color:var(--ink-2)}.pick-group{margin-top:1.6rem}.pick-group[hidden]{display:none}.pick-group h2{display:flex;align-items:baseline;gap:.6rem;margin:0 0 .6rem;font-size:1.05rem;letter-spacing:-.01em}.pick-group h2 span{font-size:.8rem;font-weight:600;color:var(--ink-3);font-variant-numeric:tabular-nums}.pick{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:.5rem}.pick li[hidden]{display:none}.pick a{display:flex;flex-direction:column;gap:.4rem;padding:.8rem .95rem;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);text-decoration:none;color:var(--ink)}.pick a:hover{border-color:var(--accent)}.pick a b{font-weight:650;letter-spacing:-.01em}.pick-facts{display:flex;flex-wrap:wrap;gap:.1rem .5rem;font-size:.8rem;color:var(--ink-2);font-variant-numeric:tabular-nums}.pick-facts span+span::before{content:"|";margin-right:.5rem;color:var(--ink-3)}.pick-none{margin:1.5rem 0;color:var(--ink-2)}.pick-none[hidden]{display:none}.video{margin:2rem 0}.video-facade,.video-frame{display:block;position:relative;width:100%;aspect-ratio:16/9;border:0;border-radius:var(--radius-sm);overflow:hidden;background:var(--ink)}.video-facade img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.video-facade:hover img{transform:scale(1.02)}.video-play{position:absolute;left:50%;top:50%;translate:-50% -50%;width:4.5rem;height:4.5rem;border-radius:50%;display:grid;place-items:center;background:var(--cream);color:var(--ink);box-shadow:0 8px 28px rgb(var(--espresso-rgb)/.3);transition:transform .15s ease}.video-play svg{margin-left:3px}.video-facade:hover .video-play,.video-facade:focus-visible .video-play{transform:scale(1.08)}.video figcaption{margin-top:.6rem;font-size:.94rem;color:var(--ink-2)}.video-kind{display:inline-block;font-weight:700;font-size:.78rem;color:var(--cream);background:var(--gold);border-radius:999px;padding:.1rem .55rem;margin-right:.4rem}.video-lesson{margin:2rem 0 2.5rem}.video-lesson .video-facade,.video-lesson .video-frame{border-radius:var(--radius);box-shadow:0 24px 50px -24px rgb(var(--espresso-rgb)/.45)}.video-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr));gap:1.1rem;margin:2rem 0}.video-group .video{margin:0}.video-group .video-play{width:3.2rem;height:3.2rem}.video-group .video-play svg{width:22px;height:22px}.ibi-says{display:grid;grid-template-columns:4.5rem 1fr;gap:1.1rem;align-items:start;margin:1.75rem 0 0;padding:1.4rem 1.5rem;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:0 10px 30px -22px rgb(var(--espresso-rgb)/.35)}.ibi-says-avatar{width:4.5rem;height:4.5rem;border-radius:50%;object-fit:cover}.ibi-says blockquote{margin:0;font-family:var(--serif);font-style:italic;font-size:1.2rem;line-height:1.45;color:var(--ink)}.ibi-says blockquote p{margin:0}.ibi-says blockquote p::before{content:"“"}.ibi-says blockquote p::after{content:"”"}.ibi-says figcaption{margin-top:.55rem;font-size:.9rem;font-weight:600;color:var(--accent-bright)}@media(max-width:30rem){.ibi-says{grid-template-columns:3.25rem 1fr;padding:1.1rem}.ibi-says-avatar{width:3.25rem;height:3.25rem}}.photo{margin:2rem 0}.photo img{width:100%;border-radius:var(--radius)}.photo figcaption{margin-top:.6rem;font-size:.92rem;color:var(--ink-2);text-align:center}.photo.portrait{float:right;width:13rem;margin:.3rem 0 1.25rem 2rem}.photo.portrait img{border-radius:50%}.prose h2{clear:both}@media(max-width:40rem){.photo.portrait{float:none;width:11rem;margin:1.5rem auto}}.logo{width:2.2rem;height:2.2rem;flex:none}.brand-text{display:inline-flex;flex-direction:column;gap:.2rem}.brand-by{font-family:var(--sans);font-size:.72rem;font-weight:500;letter-spacing:.01em;color:var(--ink-2)}.site-footer .logo{filter:invert(1)}@media(max-width:30rem){.logo{width:1.8rem;height:1.8rem}}.hero-bleed{position:relative;isolation:isolate}.hero-bleed::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:6rem;background:linear-gradient(to bottom,transparent,var(--tint-solid));pointer-events:none}.hero-bleed-img{display:block;width:100%;height:clamp(20rem,42vw,33rem);object-fit:cover;object-position:72% 50%}.hero-bleed-copy{position:absolute;inset:0;z-index:1;display:flex;align-items:center}.hero-bleed-copy h1{max-width:12ch;margin:0;font-size:clamp(1.7rem,.7rem + 3.4vw,4rem);line-height:1.05;text-wrap:balance}@media(max-width:46rem){.hero-bleed-img{height:19rem;object-position:72% 62%}.hero-bleed-copy{align-items:flex-start;padding-top:1.9rem}.hero-bleed-copy h1{max-width:10ch}}.home-doors{background:linear-gradient(to bottom,var(--tint-solid) 0%,var(--bg) 58%);padding-top:3rem}.doors{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.door{display:flex;gap:1rem;align-items:center;padding:1.05rem 1.25rem;background:linear-gradient(120deg,var(--paper) 0%,var(--tint) 100%);border:1px solid var(--line-2);border-radius:var(--radius-sm);color:var(--ink);text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s}.door:hover{transform:translateY(-2px);border-color:var(--gold);box-shadow:0 20px 40px -26px rgb(var(--espresso-rgb)/.35)}.door-mark{flex:none;display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--tint-2);color:var(--walnut);transition:background .18s,color .18s}.door-mark svg{width:1.25rem;height:1.25rem}.door:hover .door-mark{background:var(--walnut);color:var(--bg)}.door-copy{margin-right:auto}.door-line{font-size:.98rem;font-weight:500;line-height:1.45;text-wrap:pretty}.door-verb{font-weight:700;color:var(--accent-bright);transition:color .18s}.door:hover .door-verb{color:var(--cta)}.door-arrow{flex:none;display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--walnut);color:var(--cream);transition:transform .18s,background .18s}.door-arrow svg{width:.95rem;height:.95rem}.door:hover .door-arrow{background:var(--cta)}.door:hover .door-arrow{transform:translateX(4px)}@media(prefers-reduced-motion:reduce){.door,.door-arrow{transition:none}.door:hover{transform:none}.door:hover .door-arrow{transform:none}}@media(max-width:30rem){.door{gap:.8rem;padding:.95rem 1rem}}.home-buy{margin:1.6rem 0 0;color:var(--ink-2)}.jump{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.jump a{padding:.45rem 1rem;border:1px solid var(--accent);border-radius:999px;text-decoration:none;font-size:.94rem;font-weight:600;color:var(--accent);background:var(--paper)}.jump a:hover{background:var(--accent-soft)}.section-label{font-family:var(--sans);font-size:1.05rem;font-weight:700;letter-spacing:0;margin:3rem 0 0}.crumbs span{color:var(--ink-3)}.qa-count{margin:.9rem 0 0;font-weight:600;font-size:.92rem;color:var(--accent-bright)}.badge{display:inline-block;margin-left:.45rem;padding:.08rem .5rem;border-radius:999px;background:var(--gold-soft);color:var(--walnut);font-size:.72rem;font-weight:700;line-height:1.5;vertical-align:.1em}.qcode{font-family:var(--mono);font-size:.62em;font-weight:600;letter-spacing:.02em;color:var(--accent-bright);vertical-align:.18em;margin-right:.3em;white-space:nowrap}.qa-toc .qcode,.q-links .qcode{font-size:.8em;vertical-align:0}.qa-level{margin:-.35rem 0 .9rem}.qa-level .badge{margin-left:0}.study-search{margin-top:1.5rem}.study-search-label{display:block;font-weight:650;margin-bottom:.5rem}.study-search input{width:100%;font:inherit;font-size:1.1rem;padding:.85rem 1.3rem;border:1px solid var(--line-2);border-radius:999px;background:var(--paper);color:var(--ink);-webkit-appearance:none;appearance:none}.study-search input::placeholder{color:var(--ink-3)}.study-search-status{margin:.6rem 0 0;min-height:1.5em;font-size:.92rem;color:var(--ink-2)}.study-results{list-style:none;margin:.4rem 0 0;padding:0;max-height:30rem;overflow-y:auto;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm)}.study-results li+li{border-top:1px solid var(--line)}.study-results a{display:block;padding:.75rem 1.15rem;color:var(--ink);text-decoration:none}.study-results a:hover,.study-results a:focus-visible{background:var(--accent-soft)}.r-q{display:block;font-weight:600;line-height:1.4}.r-t{display:block;margin-top:.1rem;font-size:.85rem;color:var(--ink-2)}.topics{list-style:none;margin:3rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,21rem),1fr));gap:1.25rem}.topic{display:flex;flex-direction:column;padding:1.75rem;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}.topic-title{margin:0 0 .35rem;font-size:1.5rem}.topic-title a{color:var(--ink);text-decoration:none}.topic-title a:hover{color:var(--accent)}.topic-pick{margin:.9rem 0 .4rem;font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-bright)}.topic-links{list-style:none;margin:0 0 1.2rem;padding:0;display:grid;gap:.4rem;font-size:.95rem;line-height:1.4}.topic-links a,.q-links a,.qa-toc a,.more-in-topic a{text-decoration:none}.topic-links a:hover,.q-links a:hover,.qa-toc a:hover,.more-in-topic a:hover{text-decoration:underline}.topic-go{margin-top:auto;font-weight:650;text-decoration:none}.topic-page{padding:1.6rem 0;border-bottom:1px solid var(--line)}.topic-page h3{margin:0 0 .3rem;font-size:1.35rem}.topic-page h3 a{color:var(--ink);text-decoration:none}.topic-page h3 a:hover{color:var(--accent)}.topic-page>p{margin:0 0 .6rem;color:var(--ink-2)}.q-links{margin:0 0 .6rem;padding-left:1.15rem;display:grid;gap:.25rem;font-size:.96rem;line-height:1.45}.more-link{font-weight:650;font-size:.95rem;text-decoration:none}.ibi-note{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:1rem;align-items:start;margin:2rem 0 0;padding:1.2rem 1.4rem;background:var(--gold-soft);border-radius:var(--radius-sm)}.ibi-note img{width:3rem;height:3rem;border-radius:50%}.ibi-note p{margin:0 0 .5rem;color:var(--ink)}.ibi-note .ibi-note-sig{margin:0;font-weight:600;font-size:.9rem;color:var(--accent-bright)}.qa-toc{margin-top:2rem;padding:1.3rem 1.5rem;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm)}.qa-toc-title{margin:0 0 .5rem;font-weight:700;font-size:.95rem}.qa-toc ol{margin:0;padding-left:1.4rem;display:grid;gap:.3rem;font-size:.96rem;line-height:1.45}.qa h2{font-size:clamp(1.3rem,1.15rem + .6vw,1.6rem);line-height:1.25;margin:2.2em 0 .6em}.qa h2:target{background:var(--gold-soft);box-shadow:0 0 0 .45rem var(--gold-soft);border-radius:4px}.qa-item>:last-child{margin-bottom:0}.learn-cta{margin-top:3rem;padding:1.3rem 1.5rem;background:var(--accent-soft);border-radius:var(--radius-sm)}.learn-cta-title{margin:0 0 .4rem;font-weight:700}.learn-cta ul{margin:0;padding-left:1.2rem}.learn-cta a{font-weight:600}.more-title{margin:0 0 .6rem;font-weight:700}.more-in-topic ul{margin:0;padding-left:1.2rem;columns:2 17rem;column-gap:2rem;font-size:.95rem;line-height:1.45}.more-in-topic li{margin:0 0 .35rem;break-inside:avoid}.site-footer{background:var(--ink);color:var(--cream);font-size:.98rem;text-align:center}.footer-main{display:flex;align-items:center;justify-content:center;gap:2rem;padding:3.5rem 0 3.25rem;text-align:left}.footer-photo{width:7.5rem;height:7.5rem;flex:none;border-radius:50%;object-fit:cover}.footer-who{flex:none;display:flex;flex-direction:column;align-items:center;text-align:center}.footer-name{margin:.7rem 0 0;font-family:var(--sans);font-weight:600;font-size:1.15rem;line-height:1.2;color:var(--cream)}.footer-title{margin:.15rem 0 0;font-size:.82rem;color:rgb(var(--cream-rgb)/.72)}.footer-note{max-width:42rem;margin:0;color:rgb(var(--cream-rgb)/.72);font-size:.9rem;line-height:1.6;text-wrap:pretty}.footer-note a{color:var(--cream);text-underline-offset:.2em}@media(max-width:44rem){.footer-main{flex-direction:column;align-items:stretch;gap:1.5rem}.footer-photo{width:5.5rem;height:5.5rem}}.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem 1.6rem}.footer-nav a{text-decoration:none}.footer-nav a:hover{text-decoration:underline}.footer-legal{padding:2.25rem 0 2.4rem;background:var(--paper);border-top:1px solid var(--line);color:var(--ink-2);font:500 .9rem/1.6 var(--sans);text-align:center}.footer-legal .wrap{display:flex;flex-direction:column;align-items:center;gap:.7rem}.footer-legal a{color:var(--ink);text-decoration:none}.footer-legal a:hover{text-decoration:underline;text-decoration-thickness:1px}.footer-legal-nav a,.footer-contact span{color:var(--ink-2)}.footer-contact span{margin-left:.35rem;overflow-wrap:anywhere}.footer-legal p{max-width:46rem;margin:0;font-size:.78rem}@media print{body{font-size:11pt}.site-header,.site-footer,.no-print,.lesson-foot,.dots,.anchor,.skip,.video,.video-group,.tab-controls{display:none!important}.page-head{box-shadow:none;clip-path:none;background:0 0;padding:0}.wrap{width:auto;max-width:none}.fig,.callout,.checklist,.table-wrap,.pan-figure,.tab{break-inside:avoid;box-shadow:none}.tab-scroll{overflow:visible}.tab-grid{min-width:0}.pan__shell,.pan__field,.tab-head,.n-ding,.n-tek,.n-field,.n-chord{-webkit-print-color-adjust:exact;print-color-adjust:exact}a{color:inherit;text-decoration:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}