:root{color-scheme:light;--mono-white:#fafaf7;--mono-charcoal:#30343a;--mono-signal:#c83232;--mono-white-border:#fafaf740;--mono-white-divider:#fafaf747;--color-canvas:var(--mono-white);--color-surface:var(--mono-white);--color-surface-raised:var(--mono-white);--color-panel:var(--mono-charcoal);--color-panel-muted:#fafaf7a3;--color-text:var(--mono-charcoal);--color-text-muted:#30343ab8;--color-border:#30343a40;--color-border-strong:var(--mono-charcoal);--color-accent:var(--mono-signal);--color-signal-foreground:var(--mono-signal);--color-accent-soft:#c8323214;--color-success:var(--mono-signal);--color-focus:var(--mono-signal);--color-on-panel:var(--mono-white);--color-overlay:#30343ad1;--header-background:#fafaf7f5;--shadow-drawer:0 0 0 1px var(--color-border-strong);--font-ui:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-body:"Noto Serif SC", "Songti SC", "STSong", serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--header-height:5rem;--mobile-controls-height:4.5rem;--radius-sm:0;--radius-md:0}:root[data-theme=dark]{color-scheme:dark;--color-canvas:var(--mono-charcoal);--color-surface:var(--mono-charcoal);--color-surface-raised:var(--mono-charcoal);--color-panel:var(--mono-charcoal);--color-panel-muted:#fafaf7a3;--color-text:var(--mono-white);--color-text-muted:#fafaf7a3;--color-border:#fafaf740;--color-border-strong:var(--mono-white);--color-accent:var(--mono-signal);--color-signal-foreground:var(--mono-white);--color-accent-soft:#c8323233;--color-success:var(--mono-signal);--color-focus:var(--mono-signal);--color-overlay:#30343aeb;--header-background:#30343af5;--shadow-drawer:0 0 0 1px var(--color-border-strong)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 1.5rem)}body{color:var(--color-text);background:var(--color-canvas);font-family:var(--font-ui);text-rendering:optimizelegibility;margin:0;line-height:1.6}body.has-expanded-notation{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit}a{color:var(--color-signal-foreground);text-underline-offset:.2em;text-decoration-thickness:.08em}a:hover{color:var(--color-signal-foreground)}a:focus-visible,button:focus-visible,summary:focus-visible,pre:focus-visible,.tablature__viewport:focus-visible,.tab-score__viewport:focus-visible{outline:3px solid color-mix(in srgb, var(--color-focus) 46%, transparent);outline-offset:3px}svg{display:block}.skip-link{z-index:200;border-radius:var(--radius-sm);color:var(--color-on-panel);background:var(--color-panel);padding:.55rem .8rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:80;height:var(--header-height);border-bottom:1px solid var(--color-border);background:var(--header-background);backdrop-filter:blur(.8rem);position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;width:min(100% - 3rem,83rem);height:100%;margin-inline:auto;display:flex}.site-brand{color:var(--color-text);align-items:center;gap:.7rem;text-decoration:none;display:inline-flex}.site-brand:hover{color:var(--color-text)}.site-brand__mark{width:2.15rem;height:2.15rem;color:var(--color-accent)}.site-brand__copy{gap:.05rem;display:grid}.site-brand small{color:var(--color-text-muted);letter-spacing:.04em;font-size:.58rem}.site-header__nav{align-items:center;gap:1.6rem;display:flex}.site-header__nav>a{color:var(--color-text-muted);font-size:.76rem;font-weight:650;text-decoration:none}.site-header__nav>a:hover{color:var(--color-signal-foreground)}.theme-toggle{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:999px;align-items:center;gap:.55rem;min-height:2.35rem;padding:.35rem .65rem;display:inline-flex}.theme-toggle__track{width:2.7rem;height:1.35rem;color:var(--color-text-muted);background:var(--color-accent-soft);border-radius:999px;justify-content:space-between;padding:.2rem .25rem;display:flex;position:relative}.theme-toggle__icon{z-index:1;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:.9rem;height:.9rem}.theme-toggle__thumb{background:var(--color-surface-raised);border-radius:50%;width:1.05rem;height:1.05rem;transition:transform .16s;position:absolute;top:.15rem;left:.16rem;box-shadow:0 1px 4px #241d1733}:root[data-theme=dark] .theme-toggle__thumb{transform:translate(1.32rem)}.theme-toggle__label{min-width:2em;color:var(--color-text-muted);font-size:.68rem;font-weight:700}.site-footer{min-height:6.9rem;color:var(--color-panel-muted);background:var(--color-panel);justify-content:space-between;align-items:center;padding:1.5rem max(1.5rem,50% - 41.5rem);display:flex}.site-footer__brand{color:var(--color-on-panel);text-decoration:none;display:grid}.site-footer__brand span{letter-spacing:.08em;font-size:.85rem;font-weight:750}.site-footer__brand small{color:var(--color-panel-muted);font-family:var(--font-mono);font-size:.62rem}.site-footer nav{align-items:center;gap:1.2rem;display:flex}.site-footer a,.site-footer button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:.72rem}.eyebrow{color:var(--color-signal-foreground);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.5rem;margin:0 0 .8rem;font-size:.68rem;font-weight:650;display:flex}.eyebrow>span{background:currentColor;width:1.2rem;height:2px}.primary-link,.secondary-link{border:1px solid var(--color-accent);border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:.65rem;min-height:2.65rem;padding:.55rem .9rem;font-size:.78rem;font-weight:720;text-decoration:none;display:inline-flex}.primary-link,.primary-link:hover{color:var(--color-on-panel);background:var(--color-accent)}.secondary-link{color:var(--color-signal-foreground);background:0 0}.home-main{width:min(100% - 3rem,76rem);margin-inline:auto}.home-hero{grid-template-columns:minmax(0,1.2fr) minmax(22rem,.9fr);align-items:center;gap:clamp(3rem,7vw,7rem);min-height:44rem;padding-block:clamp(4rem,8vw,7rem);display:grid}.home-hero h1{max-width:13ch;font-family:var(--font-body);letter-spacing:-.055em;margin:0;font-size:clamp(3rem,5vw,4.6rem);font-weight:620;line-height:1.08}.home-hero__descriptor{color:var(--color-signal-foreground);margin:1.4rem 0 0;font-size:clamp(1rem,2vw,1.24rem);font-weight:680}.home-hero__intro{max-width:37rem;color:var(--color-text-muted);font-family:var(--font-body);margin:1rem 0 1.8rem;font-size:.98rem;line-height:1.9}.home-hero__actions{flex-wrap:wrap;gap:.65rem;display:flex}.home-hero__stats{gap:2rem;margin:2.6rem 0 0;display:flex}.home-hero__stats div{grid-template-columns:auto auto;align-items:baseline;gap:.45rem;display:grid}.home-hero__stats dt{font-family:var(--font-mono);font-size:1.15rem;font-weight:700}.home-hero__stats dd{color:var(--color-text-muted);margin:0;font-size:.68rem}.home-hero__visual{gap:1rem;display:grid}.signal-visual{border:1px solid var(--color-border);width:100%;color:var(--color-border-strong);background:var(--color-surface)}.signal-visual__strings path,.signal-visual__frets path{fill:none;stroke:currentColor;stroke-width:1px}.signal-visual__wave{fill:none;stroke:var(--color-accent);stroke-linecap:round;stroke-width:3px}.continue-card{border:1px solid var(--color-border);border-left:3px solid var(--color-accent);color:var(--color-text);background:var(--color-surface);grid-template-columns:minmax(0,1fr) auto;gap:.25rem 1rem;padding:1rem 1.1rem;text-decoration:none;display:grid}.continue-card:hover{border-color:var(--color-accent);color:var(--color-text)}.continue-card__label{color:var(--color-signal-foreground);font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;font-size:.62rem}.continue-card strong{grid-column:1;font-size:.94rem}.continue-card small{color:var(--color-text-muted);grid-column:1;font-size:.72rem}.continue-card__action{color:var(--color-signal-foreground);grid-area:1/2/4;align-self:center;font-size:.72rem;font-weight:720}.home-section{border-top:1px solid var(--color-border);grid-template-columns:minmax(14rem,.72fr) minmax(0,1.8fr);gap:clamp(3rem,7vw,7rem);padding-block:clamp(5rem,9vw,8rem);display:grid}.home-section__heading{top:calc(var(--header-height) + 2rem);align-self:start;position:sticky}.home-section__heading h2{font-family:var(--font-body);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,3.8vw,3rem);font-weight:620;line-height:1.22}.home-section__heading>p:last-of-type{color:var(--color-text-muted);font-family:var(--font-body);margin:1.2rem 0 0;font-size:.88rem;line-height:1.85}.route-legend{color:var(--color-text-muted);gap:.45rem;margin-top:1.6rem;font-size:.68rem;display:grid}.route-legend span{align-items:center;gap:.55rem;display:flex}.route-legend i{border:1px solid var(--color-border-strong);border-radius:50%;width:.55rem;height:.55rem}.route-legend span:nth-child(2) i{background:var(--color-accent-soft)}.route-legend span:nth-child(3) i{border-color:var(--color-success);background:var(--color-success)}.course-signal-track{display:grid}.route-node{border:1px solid var(--color-border);min-height:6.25rem;color:var(--color-text);background:var(--color-surface);border-bottom:0;grid-template-columns:1.25rem minmax(0,1fr) auto;gap:.95rem;padding:.95rem 1rem .95rem 0;text-decoration:none;display:grid;position:relative}.route-node:hover,.route-node.is-current,.route-node.is-preferred{z-index:1;border-color:var(--color-accent);color:var(--color-text);background:color-mix(in srgb, var(--color-accent-soft) 34%, var(--color-surface))}.route-node__signal{justify-content:center;display:flex;position:relative}.route-node__signal:before{background:var(--color-border-strong);content:"";width:1px;position:absolute;top:-1rem;bottom:-1rem}.route-node__signal span{z-index:1;border:2px solid var(--color-surface);background:var(--color-border-strong);outline:1px solid var(--color-border-strong);border-radius:50%;width:.58rem;height:.58rem;margin-top:.18rem}.route-node.is-complete .route-node__signal span{background:var(--color-success);outline-color:var(--color-success)}.route-node__content{gap:.18rem;display:grid}.route-node__meta{color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;gap:.65rem;font-size:.6rem;display:flex}.route-node__meta span:first-child{color:var(--color-signal-foreground);font-weight:700}.route-node strong{font-size:.94rem}.route-node small{color:var(--color-text-muted);font-family:var(--font-body);font-size:.75rem}.route-node__arrow{color:var(--color-signal-foreground);font-family:var(--font-mono);align-self:center}.course-signal-track__label{border-inline:1px solid var(--color-border);color:var(--color-text-muted);background:var(--color-accent-soft);font-family:var(--font-mono);margin:0;padding:.65rem 1rem .65rem 2.25rem;font-size:.62rem}.course-signal-track__label--merge{text-align:center}.course-signal-track__branches{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.course-signal-track__branches .route-node{border-bottom:1px solid var(--color-border)}.practice-steps{border:1px solid var(--color-border);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.practice-steps li{background:var(--color-surface);min-height:12rem;padding:1.25rem}.practice-steps li+li{border-left:1px solid var(--color-border)}.practice-steps span{color:var(--color-signal-foreground);font-family:var(--font-mono);margin-bottom:2.2rem;font-size:.68rem;display:block}.practice-steps strong{font-size:.94rem;display:block}.practice-steps p{color:var(--color-text-muted);font-family:var(--font-body);margin:.6rem 0 0;font-size:.76rem;line-height:1.75}.reading-layout{grid-template-columns:14.5rem minmax(0,51.25rem) 13.125rem;justify-content:center;gap:1.5rem;width:min(100%,90rem);margin-inline:auto;padding:1.5rem 0 5rem;display:grid}.desktop-sidebar{top:calc(var(--header-height) + 1.5rem);max-height:calc(100vh - var(--header-height) - 3rem);scrollbar-width:thin;align-self:start;position:sticky;overflow-y:auto}.desktop-sidebar--course{color:var(--color-on-panel);background:var(--color-panel);padding:1rem .5rem 1.15rem}.desktop-sidebar--toc{padding:1rem 0}.sidebar-title{color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;margin:0 0 .9rem;padding-inline:.75rem;font-size:.65rem;font-weight:700}.desktop-sidebar--course>.sidebar-title{color:var(--color-panel-muted)}.course-list{gap:.16rem;margin:0;padding:0;list-style:none;display:grid}.course-link{color:var(--color-panel-muted);grid-template-columns:.45rem 1.75rem minmax(0,1fr);align-items:start;gap:.45rem;padding:.45rem .5rem;text-decoration:none;display:grid;position:relative}.course-link:hover{color:var(--color-on-panel);background:color-mix(in srgb, var(--color-surface-raised) 14%, transparent)}.course-link.is-current{color:var(--color-on-panel);background:var(--color-accent-soft)}:root[data-theme=light] .course-link.is-current{color:var(--color-on-panel);background:#4a2d19}.course-link__signal{border:1px solid;border-radius:50%;width:.4rem;height:.4rem;margin-top:.28rem}.course-link.is-current .course-link__signal,.course-link.is-complete .course-link__signal{border-color:var(--color-accent);background:var(--color-accent)}.course-link__id{color:inherit;font-family:var(--font-mono);font-size:.64rem}.course-link__body{gap:.05rem;min-width:0;display:grid}.course-link__title{text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;font-weight:650;line-height:1.4;overflow:hidden}.course-link__meta{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:.54rem;overflow:hidden}.course-progress{color:var(--color-panel-muted);border-top:1px solid #ffffff24;gap:.5rem;margin:.8rem .5rem 0;padding-top:.8rem;font-size:.58rem;display:grid}.course-progress__rail{background:#ffffff26;height:2px;position:relative}.course-progress__rail:after{width:var(--course-progress,0%);background:var(--color-accent);content:"";height:100%;transition:width .18s;display:block}.lesson-main{border:1px solid var(--color-border);background:var(--color-surface);min-width:0;padding:2.6rem 2.6rem 3rem}.lesson-context{color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.03em;text-transform:uppercase;align-items:center;gap:.4rem;margin-bottom:1rem;font-size:.6rem;display:flex}.prose{color:var(--color-text);font-family:var(--font-body);font-size:.98rem;line-height:1.9}.prose h1,.prose h2,.prose h3,.prose h4{color:var(--color-text);font-family:var(--font-ui);letter-spacing:-.025em;scroll-margin-top:calc(var(--header-height) + 1.5rem);font-weight:720;line-height:1.3}.prose h1{max-width:17ch;font-family:var(--font-body);letter-spacing:-.05em;margin:0;font-size:clamp(2.4rem,4.5vw,3.6rem);font-weight:620;line-height:1.14}.prose h1+p{border-bottom:1px solid var(--color-border);max-width:44rem;color:var(--color-text-muted);margin:1rem 0 2.5rem;padding-bottom:1.5rem;font-size:1.02rem;line-height:1.85}.prose h2{border-top:1px solid var(--color-border);margin:3.6rem 0 1rem;padding-top:1rem;font-size:clamp(1.5rem,2.8vw,1.9rem)}.prose h2:before{color:var(--color-signal-foreground);font-family:var(--font-mono);letter-spacing:.08em;content:"SECTION";margin-bottom:.45rem;font-size:.58rem;font-weight:600;display:block}.prose h3{margin:2.3rem 0 .75rem;font-size:1.14rem}.prose h4{margin:1.8rem 0 .65rem;font-size:1rem}.prose p,.prose ul,.prose ol,.prose blockquote,.prose table,.notation-shell,.prose .tablature{margin-block:1rem}.prose li+li{margin-top:.38rem}.prose strong{font-weight:760}.prose blockquote{border:1px solid var(--color-border);border-left:3px solid var(--color-accent);color:var(--color-text-muted);background:var(--color-accent-soft);margin-inline:0;padding:1rem 1.1rem}.prose code{border-radius:var(--radius-sm);background:var(--color-accent-soft);font-family:var(--font-mono);padding:.1em .3em;font-size:.85em}.notation-shell{border:1px solid var(--color-border-strong);background:var(--color-surface-raised)}.notation-shell__header{border-bottom:1px solid var(--color-border);min-height:2.7rem;color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.06em;justify-content:space-between;align-items:center;padding:.55rem .8rem;font-size:.58rem;display:flex}.notation-shell__header button{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;padding:.25rem .45rem}.prose .notation-shell pre{max-width:100%;font-family:var(--font-mono);scrollbar-width:thin;white-space:pre;border:0;border-radius:0;margin:0;padding:1.1rem;font-size:.78rem;line-height:1.65;overflow-x:auto;color:var(--color-text)!important;background:var(--color-surface-raised)!important}.prose .notation-shell pre code{font-size:inherit;background:0 0;padding:0}.prose .notation-shell pre code,.prose .notation-shell pre code span{color:var(--color-text)!important;background:0 0!important}.notation-shell.is-expanded{z-index:160;box-shadow:var(--shadow-drawer);grid-template-rows:auto minmax(0,1fr);margin:0;display:grid;position:fixed;inset:1.5rem}.notation-shell.is-expanded:before{z-index:-1;background:var(--color-overlay);content:"";position:fixed;inset:0}.prose .notation-shell.is-expanded pre{height:100%;padding:2rem;font-size:clamp(.8rem,1.5vw,1.05rem);overflow:auto}.prose .tablature{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text);background:var(--color-surface-raised);overflow:hidden}.tablature__header{border-bottom:1px solid var(--color-border);background:linear-gradient(105deg, color-mix(in srgb, var(--color-accent-soft) 68%, transparent), transparent 56%), var(--color-surface);grid-template-columns:minmax(12rem,1fr) auto auto;align-items:center;gap:1rem;padding:1rem 1.15rem;display:grid}.tablature__heading{min-width:0}.tablature__eyebrow{color:var(--color-signal-foreground);font-family:var(--font-mono);letter-spacing:.1em;margin-bottom:.3rem;font-size:.57rem;font-weight:700;display:block}.prose .tablature__title,.prose .tablature__subtitle,.prose .tablature__measure-label,.prose .tablature__beats,.prose .tablature__notes p{margin:0}.prose .tablature__title{font-family:var(--font-ui);font-size:1rem;font-weight:750;line-height:1.35}.prose .tablature__subtitle{color:var(--color-text-muted);font-family:var(--font-ui);margin-top:.22rem;font-size:.72rem;line-height:1.45}.tablature__metadata{flex-wrap:wrap;justify-content:flex-end;gap:.45rem;display:flex}.tablature__metadata span{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);background:var(--color-surface-raised);font-family:var(--font-mono);letter-spacing:.04em;white-space:nowrap;padding:.28rem .45rem;font-size:.55rem}.tablature__expand{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;min-width:3.6rem;font-family:var(--font-ui);padding:.38rem .58rem;font-size:.68rem}.tab-score .tablature__header{grid-template-columns:minmax(12rem,1fr) auto auto}.tab-score__controls{align-items:center;gap:.45rem;display:flex}.tab-score__counts-toggle{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);min-width:4.8rem;color:var(--color-text);background:var(--color-surface);cursor:pointer;font-family:var(--font-ui);padding:.38rem .58rem;font-size:.68rem}.tab-score__counts-toggle[aria-pressed=true]{color:var(--color-signal-foreground);background:var(--color-accent-soft)}.tab-score__viewport{background:var(--color-surface-raised);max-width:100%;padding:1.2rem;overflow:hidden}.tab-score__systems{gap:1rem;min-width:0;display:grid}.tab-score__system{scrollbar-width:thin;max-width:100%;overflow-x:auto}.tab-score__canvas{background:var(--color-surface-raised);max-width:none;display:block}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tablature__viewport{scrollbar-width:thin;flex-wrap:wrap;gap:1.2rem;max-width:100%;padding:1.2rem;display:flex;overflow-x:auto}.tablature__measure{min-width:min(100%, calc((var(--tab-columns) + 5) * .72rem));border-left:2px solid var(--color-text);border-right:2px solid var(--color-text);flex:20rem;padding:.75rem 0}.prose .tablature__measure-label{color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.08em;margin:0 0 .65rem 2.6rem;font-size:.54rem}.prose .tablature__beats{font-family:var(--font-mono);white-space:pre;grid-template-columns:2.2rem minmax(0,1fr);margin-bottom:.55rem;font-size:.65rem;display:grid}.tablature__beats span{color:var(--color-text-muted);letter-spacing:.05em;font-size:.5rem}.tablature__staff{gap:.34rem;display:grid}.tablature__string{grid-template-columns:2.2rem minmax(calc(var(--tab-columns) * .68rem), 1fr);font-family:var(--font-mono);align-items:center;font-size:.78rem;line-height:1;display:grid}.tablature__string-label{color:var(--color-signal-foreground);text-align:center;font-weight:750}.tablature__string-track{z-index:0;letter-spacing:0;white-space:pre;min-height:1em;padding-inline:.3rem;font-weight:650;display:block;position:relative}.tablature__string-track:before{z-index:-1;border-top:1px solid color-mix(in srgb, var(--color-text) 62%, transparent);content:"";position:absolute;top:50%;left:0;right:0}.tablature__notes{border-top:1px solid var(--color-border);color:var(--color-text-muted);background:var(--color-accent-soft);font-family:var(--font-ui);gap:.25rem;padding:.7rem 1.15rem;font-size:.7rem;line-height:1.55;display:grid}.tablature__source{border-top:1px solid var(--color-border);color:var(--color-text-muted);font-family:var(--font-mono);padding:.65rem 1.15rem;font-size:.62rem}.tablature__source summary{cursor:pointer}.prose .tablature__source pre{border:1px solid var(--color-border);max-width:100%;color:var(--color-text);background:var(--color-surface);font-family:var(--font-mono);white-space:pre;margin:.65rem 0 0;padding:.75rem;font-size:.7rem;line-height:1.5;overflow-x:auto}.prose .tablature__source code{font-size:inherit;background:0 0;padding:0}.tablature.is-expanded{z-index:160;box-shadow:var(--shadow-drawer);grid-template-rows:auto minmax(0,1fr) auto auto;margin:0;display:grid;position:fixed;inset:1.5rem;overflow:visible}.tablature.is-expanded:before{z-index:-1;background:var(--color-overlay);content:"";position:fixed;inset:0}.tablature.is-expanded .tablature__viewport{align-content:start;overflow:auto}.tablature.is-expanded .tab-score__viewport{overflow:auto}.prose table{border-collapse:collapse;width:100%;max-width:100%;font-family:var(--font-ui);scrollbar-width:thin;font-size:.78rem;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--color-border);text-align:left;vertical-align:top;min-width:6rem;padding:.65rem .75rem}.prose th{color:var(--color-signal-foreground);background:var(--color-accent-soft);font-weight:720}.prose hr{border:0;border-top:1px solid var(--color-border);margin-block:3rem}.prose img{max-width:100%;height:auto}.page-toc ol{gap:.12rem;margin:0;padding:0;list-style:none;display:grid}.page-toc a{color:var(--color-text-muted);grid-template-columns:1.5rem minmax(0,1fr);gap:.35rem;padding:.35rem .5rem;font-size:.66rem;line-height:1.4;text-decoration:none;display:grid}.page-toc a span:first-child{color:var(--color-signal-foreground);font-family:var(--font-mono)}.page-toc__depth-3{padding-left:.55rem}.page-toc__depth-4{padding-left:1.1rem}.page-toc__empty{color:var(--color-text-muted);font-size:.72rem}.lesson-completion{color:var(--color-on-panel);background:var(--color-panel);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.5rem;margin-top:3.5rem;padding:1.4rem 1.5rem;display:grid}.lesson-completion__eyebrow{color:var(--color-on-panel);font-family:var(--font-mono);letter-spacing:.07em;margin:0;font-size:.58rem}.lesson-completion h2{font-family:var(--font-ui);margin:.3rem 0;font-size:1.1rem;line-height:1.4}.lesson-completion>div>p:last-child{color:var(--color-panel-muted);font-family:var(--font-body);margin:0;font-size:.74rem}.lesson-completion button{border:1px solid var(--color-accent);border-radius:var(--radius-sm);min-height:2.55rem;color:var(--color-on-panel);background:var(--color-accent);cursor:pointer;align-items:center;gap:.45rem;padding:.55rem .8rem;font-size:.7rem;font-weight:700;display:flex}.lesson-completion button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:1rem;height:1rem}.lesson-completion.is-complete button{border-color:var(--color-success);background:var(--color-success)}.lesson-pagination{border-top:1px solid var(--color-border);grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.5rem;padding-top:1.5rem;display:grid}.lesson-pagination__group{align-content:start;gap:.45rem;display:grid}.lesson-pagination__group--next{text-align:right}.lesson-pagination p{color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.08em;margin:0;font-size:.6rem;font-weight:700}.lesson-pagination a{font-size:.78rem;font-weight:700;line-height:1.45}.mobile-lesson-navigation{display:none}.simple-page,.not-found-page{width:min(100% - 2rem,48rem);min-height:calc(100vh - var(--header-height) - 6.9rem);margin-inline:auto;padding-block:clamp(3rem,8vw,7rem)}.not-found-page{flex-direction:column;justify-content:center;align-items:start;display:flex}.not-found-page h1{font-family:var(--font-body);letter-spacing:-.05em;margin:0;font-size:clamp(2.8rem,8vw,5.4rem);font-weight:620;line-height:1.1}.not-found-page>p:not(.eyebrow){max-width:32rem;color:var(--color-text-muted);margin-block:1.25rem 2rem}@media (width<=78rem){.reading-layout{grid-template-columns:14rem minmax(0,51.25rem);padding-inline:1.5rem}.desktop-sidebar--toc{display:none}}@media (width<=58rem){.home-hero{grid-template-columns:1fr;gap:3rem}.home-hero__visual{max-width:37rem}.home-section{grid-template-columns:1fr}.home-section__heading{position:static}.reading-layout{grid-template-columns:12rem minmax(0,1fr)}}@media (width<=52rem){html{scroll-padding-top:calc(var(--header-height) + 1rem)}body:has(.mobile-lesson-navigation){padding-bottom:var(--mobile-controls-height)}.site-header__inner,.home-main{width:min(100% - 1.5rem,76rem)}.site-brand small,.site-header__nav>a{display:none}.site-header__nav{gap:0}.site-header__nav .theme-toggle{min-height:2.1rem;padding:.25rem .45rem}.site-header__nav .theme-toggle__label,body:has(.mobile-lesson-navigation) .site-header__nav .theme-toggle{display:none}.home-hero{min-height:auto;padding-block:3.8rem 4.5rem}.home-hero h1{font-size:clamp(2.8rem,13vw,4.6rem)}.home-hero__stats{justify-content:space-between;gap:1.2rem}.home-hero__stats div{grid-template-columns:1fr;gap:0}.signal-visual{max-height:19rem}.home-section{gap:2rem;padding-block:4rem}.course-signal-track__branches,.practice-steps{grid-template-columns:1fr}.course-signal-track__branches .route-node+.route-node{border-top:0;border-left:1px solid var(--color-border)}.practice-steps li{min-height:0}.practice-steps li+li{border-top:1px solid var(--color-border);border-left:0}.practice-steps span{margin-bottom:1.25rem}.reading-layout{width:100%;padding:0;display:block}.desktop-sidebar{display:none}.lesson-main{border:0;padding:2.2rem max(1rem,50vw - 23rem) 3rem}.prose h1,.prose h2,.prose h3,.prose h4{scroll-margin-top:calc(var(--header-height) + 1rem)}.mobile-lesson-navigation{z-index:100;height:var(--mobile-controls-height);border-top:1px solid var(--color-border);background:var(--color-panel);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-lesson-navigation>details{position:relative}.mobile-lesson-navigation>details+details,.mobile-lesson-navigation>.theme-toggle{border-left:1px solid #ffffff1f}.mobile-lesson-navigation summary,.mobile-lesson-navigation>.theme-toggle{width:100%;height:var(--mobile-controls-height);color:var(--color-panel-muted);cursor:pointer;background:0 0;border:0;border-radius:0;grid-template-rows:1.1rem auto;align-content:center;justify-items:center;gap:.25rem;padding:0;font-size:.62rem;font-weight:700;list-style:none;display:grid}.mobile-lesson-navigation summary svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.7px;width:1.05rem;height:1.05rem}.mobile-lesson-navigation .theme-toggle__track{display:none}.mobile-lesson-navigation summary::-webkit-details-marker{display:none}.mobile-lesson-navigation details[open] summary{color:var(--color-on-panel);background:#4a2d19}.mobile-lesson-navigation details[open]:before{inset:0 0 var(--mobile-controls-height);z-index:-1;background:var(--color-overlay);content:"";position:fixed}.mobile-drawer{top:var(--header-height);bottom:var(--mobile-controls-height);z-index:1;width:min(91vw,24rem);color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-drawer);padding:1.25rem 1rem 2rem;position:fixed;overflow-y:auto}.mobile-drawer--left{color:var(--color-on-panel);background:var(--color-panel);left:0}.mobile-drawer--right{right:0}.mobile-drawer .course-link__title,.mobile-drawer .course-link__meta{white-space:normal}.mobile-drawer .page-toc a{padding-block:.55rem;font-size:.76rem}.mobile-lesson-navigation .theme-toggle__label{color:inherit;font-size:inherit}.mobile-lesson-navigation>.theme-toggle:before{content:"";background:currentColor;width:1.05rem;height:1.05rem;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' d='M12 3v2m0 14v2M3 12h2m14 0h2M5.6 5.6 7 7m10 10 1.4 1.4M5.6 18.4 7 17m10-10 1.4-1.4M16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z'/%3E%3C/svg%3E") 50%/contain no-repeat}.site-footer{flex-direction:column;align-items:start;gap:1.2rem}.site-footer nav{flex-wrap:wrap}}@media (width<=36rem){.home-hero__actions>*{flex:auto}.home-section__heading h2{font-size:2.15rem}.route-node{min-height:5.7rem}.continue-card{grid-template-columns:1fr}.continue-card__action{grid-area:auto/1;margin-top:.4rem}.lesson-main{padding-inline:1rem}.prose{font-size:.96rem;line-height:1.85}.prose h1{font-size:clamp(2.2rem,11vw,3rem)}.prose .notation-shell pre{max-height:24rem;padding:.9rem;font-size:.72rem}.prose .notation-shell.is-expanded pre{max-height:none}.notation-shell.is-expanded{inset:.75rem}.tablature__header{grid-template-columns:minmax(0,1fr) auto;gap:.75rem;padding:.9rem}.tab-score .tablature__header{grid-template-columns:minmax(0,1fr) auto}.tab-score__controls{align-self:start}.tablature__metadata{grid-column:1/-1;justify-content:flex-start}.tablature__viewport{gap:1rem;padding:.9rem;display:grid}.tab-score__viewport{padding:.9rem}.tablature__measure{width:max-content;min-width:100%}.tablature__string{grid-template-columns:1.9rem minmax(calc(var(--tab-columns) * .62rem), 1fr);font-size:.72rem}.prose .tablature__measure-label{margin-left:2.3rem}.tablature__notes,.tablature__source{padding-inline:.9rem}.tablature.is-expanded{inset:.75rem}.lesson-completion{grid-template-columns:1fr}.lesson-completion button{justify-content:center}.lesson-pagination{grid-template-columns:1fr}.lesson-pagination__group--next{text-align:left}}::selection{color:var(--mono-white);background:var(--mono-signal)}.site-header{border-bottom:2px solid var(--color-border-strong);backdrop-filter:none}.site-header__inner,.home-main{width:min(100% - 4rem,82rem)}.site-brand{gap:.75rem}.site-brand__mark{background:var(--color-accent);flex:none;width:.75rem;height:.75rem}.site-brand strong{letter-spacing:.08em;font-size:1rem;font-weight:900}.site-brand small{font-family:var(--font-mono);letter-spacing:.15em;font-size:.5rem;font-weight:600}.site-header__nav{gap:2rem}.site-header__nav>a{color:var(--color-text);font-size:.72rem;font-weight:750}.theme-toggle{border-color:var(--color-border);background:0 0;border-radius:0;gap:.5rem;min-height:2.25rem;padding:.45rem .75rem}.theme-toggle__track{background:var(--color-accent);border-radius:50%;width:.5rem;height:.5rem;padding:0;display:block}.theme-toggle__icon,.theme-toggle__thumb{display:none}.theme-toggle__label{min-width:0;font-family:var(--font-mono);letter-spacing:.08em;font-size:.58rem}.theme-toggle__label--mobile{display:none}.site-footer{border-top:1px solid var(--mono-white);background:var(--mono-charcoal);min-height:7.5rem}.site-footer__brand span{font-weight:900}.site-footer__brand small{letter-spacing:.12em}.primary-link,.secondary-link{border-radius:0;min-height:2.9rem;padding:.65rem 1rem;font-size:.76rem;font-weight:800}.primary-link,.primary-link:hover{border-color:var(--mono-signal);color:var(--mono-white);background:var(--mono-signal)}.secondary-link{border-color:var(--color-border-strong);color:var(--color-text)}.home-hero{border-bottom:1px solid var(--color-border);grid-template-columns:minmax(0,42.5rem) minmax(24rem,1fr);gap:4rem;min-height:42.5rem;padding-block:4rem 4.5rem}.home-hero h1{max-width:12ch;font-family:var(--font-ui);letter-spacing:-.075em;font-size:clamp(3.5rem,5.3vw,4.75rem);font-weight:900;line-height:1.02}.home-hero__descriptor{color:var(--color-text-muted);font-family:var(--font-body);font-size:clamp(1rem,1.6vw,1.18rem);font-weight:650}.home-hero__intro{line-height:1.8}.home-hero__stats{border-top:2px solid var(--color-border-strong);gap:0;margin-top:3rem}.home-hero__stats div{flex:1;grid-template-columns:1fr;gap:0;padding-block:.8rem}.home-hero__stats div+div{border-left:1px solid var(--color-border);padding-left:1.25rem}.home-hero__stats dt{font-family:var(--font-ui);font-size:1.75rem;font-weight:900;line-height:1}.home-hero__stats div:last-child dt{color:var(--color-signal-foreground)}.home-hero__visual{background:color-mix(in srgb, var(--color-text) 5%, var(--color-canvas));gap:0}.signal-visual{color:var(--mono-charcoal);background:var(--mono-white);border:0;overflow:hidden}.signal-visual__field{fill:var(--mono-charcoal)}.signal-visual__strings path,.signal-visual__frets path{stroke:var(--mono-white);stroke-width:2px}.signal-visual__frets{opacity:1}.signal-visual__nodes circle{fill:var(--mono-white);stroke:var(--mono-charcoal);stroke-width:2px}.signal-visual__dots circle{fill:var(--mono-charcoal)}.signal-visual__wave{stroke:var(--mono-signal);stroke-width:4px}.signal-visual__annotation{fill:none;stroke:var(--mono-signal);stroke-dasharray:8 6;stroke-width:4px}.continue-card{border:0;border-top:2px solid var(--color-border-strong);border-bottom:1px solid var(--color-border);background:0 0}.continue-card:hover{border-color:var(--color-accent)}.home-section{grid-template-columns:minmax(17rem,.72fr) minmax(0,1.8fr);gap:4rem;padding-block:5rem}.home-course{background:color-mix(in srgb, var(--color-text) 4%, var(--color-canvas));box-shadow:0 0 0 100vmax color-mix(in srgb, var(--color-text) 4%, var(--color-canvas));clip-path:inset(0 -100vmax);position:relative}.home-section__heading h2{font-family:var(--font-ui);letter-spacing:-.065em;font-size:clamp(2.25rem,3.8vw,3.25rem);font-weight:900;line-height:1.06}.route-legend i{background:var(--color-border-strong);border:0;border-radius:0;width:1.4rem;height:3px}.route-legend span:nth-child(2) i,.route-legend span:nth-child(3) i{background:var(--color-accent)}.course-signal-track{background:var(--color-canvas);padding-inline:1.5rem}.route-node{border:0;border-bottom:1px solid var(--color-border);background:0 0;grid-template-columns:.375rem minmax(0,1fr) auto;gap:1rem;min-height:3.6rem;padding:.65rem 0}.route-node:first-child{border-top:1px solid var(--color-border)}.route-node:last-child{border-bottom:1px solid var(--color-border)}.route-node:hover,.route-node.is-current,.route-node.is-preferred{border-color:var(--color-border);background:var(--color-accent-soft)}.route-node__signal:before{display:none}.route-node__signal span{background:var(--color-border);border:0;border-radius:0;outline:0;width:.25rem;height:2rem;margin:0}.route-node:hover .route-node__signal span,.route-node.is-current .route-node__signal span,.route-node.is-preferred .route-node__signal span,.route-node.is-complete .route-node__signal span{background:var(--color-accent)}.route-node__meta{font-size:.56rem}.route-node strong{font-size:.82rem;font-weight:800}.route-node small{display:none}.course-signal-track__label{color:var(--mono-white);background:var(--mono-signal);border:0;padding:.55rem .75rem;font-weight:700}.course-signal-track__branches{gap:1rem;padding-block:.75rem}.course-signal-track__branches .route-node{border:2px solid var(--color-accent);padding-inline:.75rem}.course-signal-track__branches .route-node+.route-node{border-left:2px solid var(--color-accent)}.practice-steps{border:0;border-top:2px solid var(--color-border-strong);border-bottom:1px solid var(--color-border)}.practice-steps li{background:0 0}.practice-steps span{font-family:var(--font-ui);margin-bottom:1.75rem;font-size:1.4rem;font-weight:900}.reading-layout{grid-template-columns:13.75rem minmax(0,45rem) 13.75rem;gap:2.25rem;width:min(100%,87.5rem);padding:3rem 2rem 5rem}.desktop-sidebar{max-height:calc(100vh - var(--header-height) - 4rem)}.desktop-sidebar--course{border-right:1px solid var(--color-border);color:var(--color-text);background:0 0;padding:0 1.25rem 0 0}.desktop-sidebar--toc{border-left:1px solid var(--color-border);padding:0 0 0 1.25rem}.sidebar-title,.desktop-sidebar--course>.sidebar-title{color:var(--color-signal-foreground);padding-inline:0}.course-list{gap:0}.course-link{border-bottom:1px solid var(--color-border);color:var(--color-text-muted);grid-template-columns:.3rem 1.8rem minmax(0,1fr);gap:.55rem;padding:.55rem 0}.course-link:hover,.course-link.is-current,:root[data-theme=light] .course-link.is-current{color:var(--color-text);background:0 0}.course-link__signal{background:var(--color-border);border:0;border-radius:0;width:.25rem;height:1.5rem;margin-top:0}.course-link.is-current .course-link__signal,.course-link.is-complete .course-link__signal{background:var(--color-accent)}.course-link__id{color:var(--color-signal-foreground);font-size:.58rem;font-weight:700}.course-link__title{color:var(--color-text);font-size:.66rem;font-weight:750}.course-link__meta{font-family:var(--font-mono);font-size:.48rem}.course-progress{border-color:var(--color-border-strong);color:var(--color-text-muted);margin-inline:0}.course-progress__rail{background:var(--color-border);height:4px}.lesson-main{background:0 0;border:0;padding:0 0 3rem}.lesson-context{border-bottom:1px solid var(--color-border);margin-bottom:1.5rem;padding-bottom:1rem}.lesson-context a{color:var(--color-signal-foreground)}.prose h1{max-width:14ch;font-family:var(--font-ui);letter-spacing:-.075em;font-size:clamp(3rem,4.5vw,4rem);font-weight:900;line-height:1.04}.prose h1+p{margin-top:1.25rem;padding-bottom:2rem}.prose h2{border-top:2px solid var(--color-border-strong);letter-spacing:-.045em;margin-top:4rem;padding-top:1.25rem;font-size:clamp(1.75rem,2.8vw,2.2rem);font-weight:900;line-height:1.15}.prose h2:before{color:var(--color-signal-foreground);content:"SECTION /"}.prose h3{font-size:1.2rem;font-weight:850}.prose blockquote{border:0;border-top:1px solid var(--color-border-strong);border-bottom:1px solid var(--color-border-strong);color:var(--color-text);background:0 0;padding:1rem 0 1rem 3rem;position:relative}.prose blockquote:before{color:var(--color-accent);font-family:var(--font-ui);content:"!";font-size:2rem;font-weight:900;position:absolute;top:.65rem;left:0}.notation-shell,.prose .tablature{border:0;border-top:2px solid var(--color-border-strong);border-bottom:1px solid var(--color-border-strong);background:0 0;border-radius:0}.tablature__header{background:0 0}.tablature__metadata span,.tablature__expand,.tab-score__counts-toggle,.notation-shell__header button{background:0 0;border-radius:0}.tab-score__viewport,.tab-score__canvas,.prose .notation-shell pre{background:0 0!important}.prose th{color:var(--mono-white);background:var(--mono-charcoal)}.page-toc ol{gap:0}.page-toc a{border-bottom:1px solid var(--color-border);padding:.55rem 0}.page-toc a:hover{color:var(--color-text);background:0 0}.lesson-completion{border:2px solid var(--mono-signal);color:var(--mono-white);background:var(--mono-charcoal);margin-top:4rem;padding:1.75rem}.lesson-completion h2{font-size:1.5rem;font-weight:900}.lesson-completion button,.lesson-completion.is-complete button{color:var(--mono-white);background:var(--mono-signal);border:0;border-radius:0}.lesson-pagination{border-top:2px solid var(--color-border-strong);margin-top:2rem;padding-top:1.5rem}.lesson-pagination p{color:var(--color-signal-foreground)}.simple-page h1,.not-found-page h1{font-family:var(--font-ui);font-weight:900}@media (width<=78rem){.reading-layout{grid-template-columns:13.75rem minmax(0,45rem)}}@media (width<=58rem){.home-hero,.home-section{grid-template-columns:1fr}.reading-layout{grid-template-columns:12rem minmax(0,1fr)}}@media (width<=52rem){.site-header__inner,.home-main{width:100%}.site-header__inner{padding-inline:1.25rem}.site-brand__mark{width:.6rem;height:.6rem}.site-header__nav .theme-toggle{padding:.4rem .55rem}.site-header__nav .theme-toggle__label--state{display:none}.home-hero{gap:2rem;padding:2.25rem 1.25rem 2.75rem}.home-hero h1{font-size:clamp(2.65rem,12vw,3.5rem)}.home-hero__stats{gap:0}.home-hero__stats div{padding-left:0}.home-hero__stats div+div{padding-left:.75rem}.home-hero__visual{max-width:none}.signal-visual{max-height:none}.home-section{gap:2rem;padding:2.75rem 1.25rem}.home-section__heading h2{font-size:2rem}.course-signal-track{padding-inline:.75rem}.course-signal-track__branches{grid-template-columns:repeat(2,minmax(0,1fr))}.course-signal-track__branches .route-node+.route-node{border-top:2px solid var(--color-accent);border-left:2px solid var(--color-accent)}.practice-steps{grid-template-columns:1fr}.reading-layout{padding:0;display:block}.lesson-main{padding:1.75rem 1.25rem 3.5rem}.prose h1{font-size:clamp(2.5rem,11vw,3.25rem)}.mobile-lesson-navigation{height:var(--mobile-controls-height);border-top:3px solid var(--mono-signal);background:var(--mono-charcoal)}.mobile-lesson-navigation>details+details,.mobile-lesson-navigation>.theme-toggle{border-left-color:var(--mono-white-divider)}.mobile-lesson-navigation summary,.mobile-lesson-navigation>.theme-toggle{color:var(--mono-white)}.mobile-lesson-navigation details[open] summary{color:var(--color-on-panel);background:var(--mono-charcoal)}.mobile-lesson-navigation>.theme-toggle:before{color:var(--mono-white)}.mobile-lesson-navigation .theme-toggle__label--state{display:none}.mobile-lesson-navigation .theme-toggle__label--mobile{color:inherit;font-size:inherit;display:inline}.mobile-drawer{border:1px solid var(--color-border-strong);box-shadow:none}.mobile-drawer--left{color:var(--mono-white);background:var(--mono-charcoal)}.mobile-drawer--left .course-link,.mobile-drawer--left .course-link__title{color:var(--mono-white)}.mobile-drawer--left .course-link{border-color:var(--mono-white-border)}.site-footer{padding-inline:1.25rem}}@media (width<=36rem){.home-hero__actions{display:grid}.home-hero__actions>*{width:100%}.route-node{min-height:3.2rem}.prose{font-size:.96rem}.lesson-completion{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}@media print{:root,:root[data-theme=dark]{color-scheme:light;--color-canvas:#fff;--color-surface:#fff;--color-surface-raised:#fff;--color-panel:#fff;--color-panel-muted:#000;--color-text:#000;--color-text-muted:#000;--color-border:#000;--color-border-strong:#000;--color-accent:#000;--color-signal-foreground:#000;--color-accent-soft:#fff;--color-on-panel:#000;--header-background:#fff}html,body,body:has(.mobile-lesson-navigation){color:#000;background:#fff;padding-bottom:0}.mobile-lesson-navigation,.tab-score__controls,.tablature__expand{display:none}.prose .tablature{break-inside:avoid;color:#000;background:#fff;border-color:#000}.tab-score__viewport,.tab-score__canvas{background:#fff}}