.sc-hero{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:clamp(1.6rem,3.5vw,3rem) clamp(2rem,5vw,4.5rem);padding-top:clamp(2.2rem,5vw,3.4rem);display:grid}.sc-hero h1{letter-spacing:-.025em;font-size:clamp(2.6rem,6.5vw,4.6rem);line-height:1.02}.sc-hero h1 em{font-family:var(--font-display-italic);color:var(--ink-2);padding-bottom:.06em;font-style:italic;font-weight:500}.sc-hero-lede{color:var(--ink-2);max-width:46ch;margin-top:1.1rem;font-size:1.16rem}.sc-board.sc-hero-board{grid-column:1/-1;margin-top:clamp(.6rem,2vw,1.4rem)}.sc-chart.sc-hero-chart{grid-column:1/-1;margin-top:0}@media (width<=899px){.sc-hero{grid-template-columns:1fr;gap:1.8rem}}.sc-decision{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-soft);padding:.95rem 1.25rem .45rem}.sc-decision h2{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-size:.74rem;font-weight:600}.sc-decision ol{counter-reset:scd;margin:.7rem 0 0;padding:0;list-style:none}.sc-decision li{counter-increment:scd;border-bottom:1px solid var(--line);grid-template-columns:1.9rem minmax(0,1fr);gap:.3rem .7rem;padding-block:.62rem;font-size:.95rem;display:grid}.sc-decision li:last-child{border-bottom:none}.sc-decision li:before{content:counter(scd);font-family:var(--font-display-italic);color:var(--accent);grid-row:span 2;font-size:1.55rem;font-style:italic;line-height:1.1}.sc-decision li a{border-bottom:1.5px solid var(--accent);font-weight:600}.sc-decision li a:hover{color:var(--accent)}.sc-decision li span{color:var(--ink-2);grid-column:2;font-size:.88rem}.sc-head{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:clamp(2rem,5vw,4.5rem);display:grid}.sc-head h1{letter-spacing:-.025em;margin-top:.7rem;font-size:clamp(2.6rem,5.6vw,4.3rem);line-height:1.04}.sc-head h1 em{font-family:var(--font-display-italic);color:var(--ink-2);padding-bottom:.06em;font-style:italic;font-weight:500}.sc-alias{color:var(--ink-3);font-size:.46em;font-style:normal;font-weight:400}.sc-lede{color:var(--ink-2);max-width:44ch;margin-top:1.15rem;font-size:1.16rem;line-height:1.6}.sc-headmeta{border-top:1px solid var(--line);color:var(--ink-2);max-width:44ch;margin-top:1.2rem;padding-top:.9rem;font-size:.86rem}.sc-headmeta a{border-bottom:1px solid var(--line-strong)}.sc-headmeta a:hover{color:var(--accent);border-color:var(--accent)}@media (width<=899px){.sc-head{grid-template-columns:1fr;align-items:start;gap:2rem}}.sc-glance{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-soft);padding:.35rem 1.2rem}.sc-glance-row{border-bottom:1px solid var(--line);grid-template-columns:6.4rem minmax(0,1fr);align-items:baseline;gap:.5rem 1rem;padding-block:.66rem;display:grid}.sc-glance-row:last-child{border-bottom:none}.sc-glance-row dt{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-size:.68rem}.sc-glance-row dd{font-family:var(--font-mono);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0;font-size:.98rem;font-weight:600}.sc-glance-root dd{font-family:var(--font-display);letter-spacing:-.02em;font-size:2.5rem;font-weight:600;line-height:1.05}.sc-glance-notes{flex-wrap:wrap;gap:.2rem .7rem;display:flex}.sc-answer{border-top:1px solid var(--line-strong);grid-template-columns:minmax(0,1fr) minmax(12rem,17rem);align-items:start;gap:clamp(1.6rem,4vw,3rem);margin-top:clamp(2.2rem,4.5vw,3.2rem);padding-top:1.6rem;display:grid}.sc-answer-body{max-width:64ch;color:var(--ink-2);font-size:1.04rem}.sc-answer-body strong{color:var(--ink)}.sc-aside{color:var(--ink-2);font-size:.87rem}.sc-aside-title{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:.55rem;font-size:.7rem;font-weight:600}.sc-aside ul{margin:0;padding:0;list-style:none}.sc-aside li{border-bottom:1px solid var(--line);padding-block:.45rem}.sc-aside li:last-child{border-bottom:none}.sc-aside a{border-bottom:1px solid var(--line-strong)}.sc-aside a:hover{color:var(--accent);border-color:var(--accent)}.sc-aside-tool{margin-top:1rem;font-size:.84rem}@media (width<=860px){.sc-answer{grid-template-columns:1fr}}.sc-board{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-soft);margin:0;padding:clamp(1rem,2.5vw,1.6rem) clamp(1rem,2.5vw,1.6rem) 1rem}.sc-board .fb-picker-wrap .fretboard{min-width:min(640px,100%)}.sc-hero>*{min-width:0}.sc-board figcaption{border-top:1px solid var(--line);color:var(--ink-2);margin-top:.9rem;padding-top:.8rem;font-size:.84rem;line-height:1.5}.sc-chart{border-top:1px dashed var(--line-strong);margin-top:.9rem;padding-top:.7rem}.sc-chart summary{cursor:pointer;min-height:2.75rem;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);align-items:center;padding-block:.55rem;font-size:.72rem;font-weight:600;display:flex}.sc-chart summary:hover{color:var(--ink)}.sc-chart-body{margin-top:1rem}.sc-chart-link{display:block}.sc-chart-link img{border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;max-width:940px;height:auto;display:block}.sc-chart-note{color:var(--ink-3);margin:.7rem 0 0;font-size:.8rem}.sc-strip-wrap{padding-bottom:.4rem;overflow-x:auto}.sc-strip{align-items:stretch;gap:.5rem;min-width:max-content;margin:0;padding:0;list-style:none;display:flex}.sc-strip-cell{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);flex-direction:column;align-items:center;gap:.18rem;min-width:5rem;padding:.75rem .6rem .7rem;display:flex}.sc-strip-cell strong{font-family:var(--font-mono);font-size:1.3rem;line-height:1.1}.sc-strip-cell span{font-family:var(--font-mono);color:var(--ink-3);font-size:.78rem}.sc-strip-cell em{letter-spacing:.02em;color:var(--ink-3);white-space:nowrap;font-size:.68rem;font-style:normal}.sc-strip-cell.is-root{border-color:var(--accent);background:var(--accent-soft)}.sc-strip-cell.is-root strong{color:var(--accent-deep)}.sc-strip-cell.is-octave{background:0 0;border-style:dashed}.sc-strip-step{border:1px solid var(--line-strong);border-radius:var(--radius-sm);min-width:2rem;font-family:var(--font-mono);color:var(--ink-2);background:var(--surface);justify-content:center;align-self:center;align-items:center;padding:.28rem .45rem;font-size:.78rem;font-weight:600;display:inline-flex}.sc-strip-legend{font-family:var(--font-mono);color:var(--ink-3);margin-top:.7rem;font-size:.72rem}.sc-play{max-width:54rem;margin-top:1.8rem}.sc-unit-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:.75rem;font-size:.7rem;font-weight:600}.sc-box{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);margin:0;padding:clamp(.7rem,1.6vw,1rem)}.sc-box .fb-picker-wrap .fretboard{min-width:min(640px,100%);max-width:42rem}.sc-box figcaption{border-top:1px solid var(--line);color:var(--ink-2);margin-top:.8rem;padding-top:.7rem;font-size:.84rem;line-height:1.5}.sc-run-degrees{font-family:var(--font-mono);color:var(--ink-3);margin:.9rem 0 0;font-size:.78rem}.sc-run-degrees .is-root{color:var(--accent);font-weight:700}.sc-actions{flex-wrap:wrap;align-items:center;gap:1.1rem;margin-top:1.5rem;display:flex}.sc-actions-note{color:var(--ink-3);max-width:26ch;margin:0;font-size:.82rem}.sc-roots-title{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-top:1.8rem;font-size:.7rem;font-weight:600}.sc-roots{border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin-top:.7rem;display:grid}.sc-roots-cell{border-right:1px solid var(--line);padding:.7rem .8rem .75rem 0}.sc-roots-cell:last-child{border-right:none}.sc-roots-cell span{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:.66rem;display:block}.sc-roots-cell strong{font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin-top:.2rem;font-size:.88rem;display:block}@media (width<=700px){.sc-roots{grid-template-columns:repeat(3,minmax(0,1fr))}.sc-roots-cell:nth-child(-n+3){border-bottom:1px solid var(--line)}.sc-roots-cell:nth-child(3n){border-right:none}}.sc-rel-block{border-left:2px solid var(--accent);padding-left:1.1rem}.sc-rel{color:var(--ink-2);max-width:68ch;margin:0;font-size:.95rem}.sc-rel+.sc-rel{margin-top:.8rem}.sc-chips{flex-wrap:wrap;gap:.5rem;display:flex}.sc-chip{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);transition:border-color .18s var(--ease-out), transform .18s var(--ease-out);flex-direction:column;gap:.1rem;padding:.5rem .85rem;display:inline-flex}.sc-chip:hover{border-color:var(--accent);transform:translateY(-1px)}.sc-chip:active{transform:translateY(0)}.sc-chip strong{font-family:var(--font-mono);font-size:.95rem}.sc-chip span{font-family:var(--font-mono);color:var(--ink-3);font-size:.7rem}.sc-filter{border-top:1px solid var(--line-strong);flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-top:1.6rem;padding-top:1.2rem;display:flex}.sc-filter label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-size:.72rem}.sc-filter input[type=search]{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);min-width:0;font-family:var(--font-mono);flex:15rem;padding:.5rem .7rem;font-size:.9rem}.sc-filter input[type=search]:focus-visible{border-color:var(--accent)}.sc-filter-btns{flex-wrap:wrap;gap:.35rem;display:flex}.sc-filter-btns button{border:1px solid var(--line);border-radius:var(--radius-sm);font-family:var(--font-mono);cursor:pointer;transition:border-color .18s var(--ease-out), background .18s var(--ease-out);background:0 0;padding:.35rem .7rem;font-size:.76rem}.sc-filter-btns button:hover{border-color:var(--accent)}.sc-filter-btns button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.sc-filter-count{font-family:var(--font-mono);color:var(--ink-3);font-size:.76rem}.sc-empty{color:var(--ink-2);padding:1.6rem 0;font-size:.95rem}.sc-empty b{font-family:var(--font-mono)}.sc-family{margin-top:clamp(2.4rem,4.5vw,3.2rem)}.sc-family-head{flex-wrap:wrap;align-items:baseline;gap:.4rem 1.4rem;display:flex}.sc-family-head h3{margin:0;font-size:1.35rem}.sc-family-head p{max-width:62ch;margin:0;font-size:.9rem}.sc-index{grid-template-columns:repeat(6,minmax(0,1fr));column-gap:clamp(1rem,2.5vw,1.8rem);margin-top:1.1rem;display:grid}.sc-index-cell{border-top:1px solid var(--line);transition:background .18s var(--ease-out), transform .18s var(--ease-out);flex-direction:column;gap:.22rem;padding:.8rem .55rem .85rem;display:flex}.sc-index-cell strong{font-family:var(--font-display);letter-spacing:-.015em;transition:color .18s var(--ease-out);font-size:1.5rem;font-weight:600;line-height:1.1}.sc-index-cell span{font-family:var(--font-mono);color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;overflow:hidden}.sc-index-cell:hover{background:var(--accent-soft)}.sc-index-cell:hover strong{color:var(--accent-deep)}.sc-index-cell:active{transform:translateY(1px)}@media (width<=980px){.sc-index{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=560px){.sc-index{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-index-cell strong{font-size:1.3rem}}.sc-diagram{padding-top:clamp(1.6rem,3.5vw,2.6rem)}.sc-scroll{margin-top:1.2rem;overflow-x:auto}.sc-scroll .tbl{min-width:40rem}.sc-scroll--narrow .tbl{min-width:34rem}.sc-tbl-key strong{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.06rem;font-weight:600}.sc-tbl-learn{font-family:var(--font-mono);color:var(--ink-3);white-space:nowrap;font-size:.8rem}.sc-tbl-learn strong{color:var(--accent);font-weight:700}.sc-tbl-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap}.sc-tbl-notes{font-family:var(--font-mono);white-space:nowrap;font-size:.85rem}.sc-chord-grid{grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.7rem;margin-top:1.4rem;display:grid}.sc-chord-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);transition:border-color .18s var(--ease-out), transform .18s var(--ease-out), box-shadow .18s var(--ease-out);flex-direction:column;gap:.35rem;padding:.85rem .95rem .9rem;display:flex}.sc-chord-card:hover{border-color:var(--accent);box-shadow:var(--shadow-soft);transform:translateY(-2px)}.sc-chord-card:active{transform:translateY(0)}.sc-chord-top{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.sc-chord-num{font-family:var(--font-display-italic);color:var(--accent);font-size:1.05rem;font-style:italic}.sc-chord-uses{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink-3);white-space:nowrap;font-size:.68rem}.sc-chord-sym{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.7rem;font-weight:600;line-height:1.1}.sc-chord-fam{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-size:.64rem;font-weight:400;display:block}.sc-chord-notes{border-top:1px solid var(--line);font-family:var(--font-mono);color:var(--ink-2);margin-top:auto;padding-top:.5rem;font-size:.78rem}.sc-corpus{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:clamp(1.2rem,3vw,2.4rem);margin-top:1.5rem;display:grid}.sc-corpus>div{border-top:2px solid var(--ink);padding-top:.8rem}.sc-corpus dt{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-size:.68rem}.sc-corpus dd{margin:.5rem 0 0}.sc-corpus dd b{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.sc-prog-line{font-family:var(--font-mono);letter-spacing:-.01em;font-size:1.18rem;font-weight:600;display:block}.sc-prog-count{color:var(--ink-2);margin-top:.25rem;font-size:.85rem;display:block}.sc-steps{counter-reset:sc-step;gap:clamp(1.3rem,2.5vw,1.9rem);max-width:46rem;margin:0;padding:0;list-style:none;display:grid}.sc-steps>li{counter-increment:sc-step;grid-template-columns:3.2rem minmax(0,1fr);align-items:start;gap:1rem;display:grid}.sc-steps>li:before{content:counter(sc-step, decimal-leading-zero);font-family:var(--font-display);letter-spacing:-.03em;color:color-mix(in srgb, var(--ink) 24%, transparent);font-size:2rem;font-weight:600;line-height:1}.sc-steps>li>span{color:var(--ink-2);padding-top:.2rem;font-size:1rem;line-height:1.62}.sc-steps>li strong{color:var(--ink)}.sc-songs{grid-template-columns:repeat(auto-fill,minmax(11.5rem,1fr));gap:.7rem;display:grid}.sc-song-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);transition:border-color .18s var(--ease-out), transform .18s var(--ease-out), box-shadow .18s var(--ease-out);flex-direction:column;gap:.2rem;padding:.8rem .95rem .85rem;display:flex}.sc-song-card:hover{border-color:var(--accent);box-shadow:var(--shadow-soft);transform:translateY(-2px)}.sc-song-card:active{transform:translateY(0)}.sc-song-key{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:.68rem;font-weight:600}.sc-song-card strong{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.06rem;font-weight:600;line-height:1.25}.sc-song-artist{color:var(--ink-3);font-size:.8rem}.sc-song-card--all{background:0 0;border-style:dashed}.sc-block-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-size:.72rem;font-weight:600}.sc-foot{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;margin-top:2rem;display:grid}@media (width<=700px){.sc-foot{grid-template-columns:1fr}}.sc-foot a.sc-foot-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);transition:border-color .18s var(--ease-out), transform .18s var(--ease-out);gap:.2rem;padding:1rem 1.1rem;display:grid}.sc-foot a.sc-foot-card:hover{border-color:var(--accent);transform:translateY(-2px)}.sc-foot-card span{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-size:.7rem}.sc-foot-card strong{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.22rem;font-weight:560}.sc-glance{border:0;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line);box-shadow:none;background:0 0;border-radius:0;padding:0}.sc-glance-row{grid-template-columns:6rem minmax(0,1fr);padding-block:.72rem}.sc-glance-root dd{font-size:2rem}.sc-board{border:0;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line);box-shadow:none;background:0 0;border-radius:0;padding:clamp(1rem,2.5vw,1.4rem) 0 .9rem}.sc-board figcaption{margin-top:.8rem;padding-top:.7rem}.sc-answer{grid-template-columns:minmax(0,1.25fr) minmax(12rem,.75fr);margin-top:clamp(1.8rem,4vw,2.8rem);padding-top:1.35rem}.sc-answer-body{border-left:2px solid var(--accent);padding-left:1rem;line-height:1.72}#practice>h2{margin-top:0}#practice .sc-steps{max-width:56rem}.sc-strip-cell{background:0 0;border-radius:.35rem}.sc-strip-step{background:0 0}.sc-chord-card,.sc-song-card,.sc-chip{box-shadow:none}.sc-chord-card{border-radius:var(--radius-sm)}.sc-chord-card:hover,.sc-song-card:hover{box-shadow:none}.sc-foot{border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line);gap:0}.sc-foot-card{box-shadow:none;background:0 0;border:0;border-radius:0}.sc-foot-card+.sc-foot-card{border-left:1px solid var(--line)}.sc-foot-card:hover{box-shadow:none;color:var(--accent);transform:none}@media (width<=899px){.sc-head{gap:1.4rem}.sc-glance{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sc-glance-row{grid-template-columns:1fr;gap:.2rem;padding-right:.8rem}.sc-glance-row:nth-child(2n){border-left:1px solid var(--line);padding-left:.8rem}}@media (width<=620px){.sc-head h1{font-size:clamp(2.35rem,13vw,3.7rem)}.sc-glance{grid-template-columns:1fr}.sc-glance-row:nth-child(2n){border-left:0;padding-left:0}.sc-foot{grid-template-columns:1fr;display:grid}.sc-foot-card+.sc-foot-card{border-left:0;border-top:1px solid var(--line)}}.sc-explore-data{border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line);margin-top:clamp(2.6rem,6vw,4.2rem)}.sc-explore-data>summary{cursor:pointer;padding:1rem .05rem;list-style:none}.sc-explore-data>summary::-webkit-details-marker{display:none}.sc-explore-data>summary>span{gap:.25rem;max-width:70ch;display:grid}.sc-explore-data>summary strong{font-family:var(--font-display);font-size:1.08rem;font-weight:620}.sc-explore-data>summary small{color:var(--ink-2);font-size:.84rem;line-height:1.55}.sc-explore-data>summary:after{content:"+";float:right;color:var(--accent);font-family:var(--font-mono);margin-top:-1.7rem}.sc-explore-data[open]>summary:after{content:"−"}.sc-explore-data .sc-corpus{padding-bottom:1.35rem}#practice{border-top:1px solid var(--line-strong);margin-top:clamp(2.8rem,6vw,4.6rem);padding-top:1.2rem}#practice+.section-tight{margin-top:clamp(2.4rem,5vw,3.8rem)}