.instrument-reference{background:var(--cl-bg);color:var(--cl-text)}.instrument-reference__wrap{max-width:1240px;margin-inline:auto;padding:0 24px}.instrument-reference__hero{border-bottom:1px solid var(--cl-border);padding-block:clamp(40px,7vw,88px) 40px}.instrument-reference h1{letter-spacing:-.035em;max-width:900px;font-size:clamp(2.15rem,4.2vw,3.6rem);font-weight:800;line-height:1.08}.instrument-reference__lead{max-width:660px;color:var(--cl-text-2);margin-block:24px}.instrument-reference__actions{flex-wrap:wrap;gap:12px;margin-block:24px;display:flex}.instrument-reference__label{color:var(--cl-accent-text);letter-spacing:.04em;font-size:13px;font-weight:700}.instrument-reference__nav{border-bottom:1px solid var(--cl-border);flex-wrap:wrap;gap:8px 24px;padding-block:20px;display:flex}.instrument-reference__nav a{text-underline-offset:4px;color:var(--cl-text-2);text-decoration:underline}.instrument-reference__article{max-width:800px;padding-block:32px 64px}.instrument-reference__overview,.instrument-reference__full-guide{max-width:720px}.instrument-reference__catalog-guide{border-top:1px solid var(--cl-border);max-width:720px;padding-block:36px 68px}.instrument-reference__catalog-guide h2{font-size:clamp(1.35rem,2.4vw,1.8rem)}.instrument-reference__catalog-links{flex-wrap:wrap;gap:14px 24px;margin-top:20px;display:flex}.instrument-reference__quick-links{border-bottom:1px solid var(--cl-border);flex-wrap:wrap;gap:12px 22px;padding-block:8px 28px;display:flex}.instrument-reference__quick-links a,.instrument-reference__catalog-links a,.instrument-reference__more-reading a{color:var(--cl-accent-text);text-underline-offset:4px;font-weight:700;text-decoration:underline}.instrument-reference__more-reading{margin-top:34px}.instrument-reference__hero--catalog{padding-bottom:32px}.instrument-reference__article section{border-top:1px solid var(--cl-border);margin-block:40px;padding-block-start:32px;scroll-margin-top:90px}.instrument-reference h2{letter-spacing:-.02em;font-size:clamp(1.6rem,3vw,2.1rem);font-weight:750;line-height:1.2}.instrument-reference__tuning{border-collapse:collapse;width:100%;margin-block:24px}.instrument-reference__tuning th,.instrument-reference__tuning td{border-bottom:1px solid var(--cl-border);text-align:start;padding:12px}.instrument-reference__filters{flex-wrap:wrap;align-items:end;gap:16px;margin-block:24px;display:flex}.instrument-reference__filters label{gap:8px;font-weight:650;display:grid}.instrument-reference__filters input,.instrument-reference__filters select{border:1px solid var(--cl-border-strong);background:var(--cl-surface);min-height:44px;color:var(--cl-text);border-radius:8px;max-width:100%;padding:12px}.instrument-reference__grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:18px;margin-block:28px 48px;display:grid}.instrument-reference__card{background:var(--cl-surface);border:1px solid var(--cl-border);border-radius:14px;min-width:0;padding:20px;scroll-margin-top:90px}.instrument-reference__card[hidden]{display:none}.instrument-reference__card h3{margin-block:0 6px;font-size:1.7rem;font-weight:750}.instrument-reference__card p,.instrument-reference__card li{color:var(--cl-text-2)}.instrument-reference__card figure{margin-block:20px}.instrument-reference__card svg{width:100%;max-width:180px;margin-inline:auto;display:block}.instrument-reference__card figcaption{color:var(--cl-muted);margin-block-start:12px;font-size:.85rem}.instrument-reference__card details{border-top:1px solid var(--cl-border);margin-top:20px;padding-top:14px}.instrument-reference__card summary{cursor:pointer;min-height:44px;color:var(--cl-accent-text);font-weight:700}.instrument-reference__card ol,.instrument-reference__card ul{padding-inline-start:20px}.instrument-reference__card li{margin-block:10px}.instrument-reference__sound-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-block:14px;display:flex}.instrument-reference__sound-actions .cl-btn,.instrument-reference__tuning-button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.instrument-reference__sound-actions .cl-btn{white-space:nowrap;overflow-wrap:normal;flex:0 auto}.instrument-reference__sound-actions .cl-btn svg{flex:none;width:16px;max-width:none;height:16px;margin:0}.instrument-reference__tuning-button svg{flex:none}.instrument-reference__note-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.instrument-reference__note-row .cl-btn{white-space:nowrap;overflow-wrap:normal;flex:none;align-items:center;gap:7px;display:inline-flex}.instrument-reference__note-row .cl-btn svg{flex:none;width:16px;max-width:none;height:16px;margin:0}.instrument-reference__directory{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-block:24px;display:grid}.instrument-reference__directory article{background:var(--cl-surface);border:1px solid var(--cl-border);border-radius:14px;padding:24px}.instrument-reference__directory h3{margin-bottom:12px;font-size:1.5rem;font-weight:750}.instrument-reference__directory p{color:var(--cl-text-2);margin-bottom:20px}.instrument-reference__empty{padding-block:24px}.instrument-reference__card:target{outline:2px solid var(--cl-accent);outline-offset:3px}.instrument-reference__table-wrap{border:1px solid var(--cl-border);background:var(--cl-surface);border-radius:12px;margin-block:24px;overflow-x:auto}.instrument-reference__table{border-collapse:collapse;text-align:start;width:100%;font-size:.95rem}.instrument-reference__table caption{text-transform:uppercase;letter-spacing:.05em;color:var(--cl-accent-text);background:var(--cl-surface-2,#d977060f);border-bottom:1px solid var(--cl-border);text-align:start;padding:12px 16px;font-size:.85rem;font-weight:700}.instrument-reference__table th,.instrument-reference__table td{border-bottom:1px solid var(--cl-border);padding:12px 16px}.instrument-reference__table thead th{background:var(--cl-surface-2,#00000005);color:var(--cl-text);font-size:.85rem;font-weight:700}.instrument-reference__table tbody tr:last-child th,.instrument-reference__table tbody tr:last-child td{border-bottom:none}.instrument-reference__table tbody tr:hover{background:var(--cl-surface-2,#d9770608)}.instrument-reference__steps{gap:12px;margin-block:20px;padding:0;list-style:none;display:grid}.instrument-reference__steps li{background:var(--cl-surface);border:1px solid var(--cl-border);color:var(--cl-text);border-radius:10px;align-items:baseline;gap:12px;padding:12px 16px;font-size:.95rem;line-height:1.6;display:flex}.instrument-reference__steps li strong{color:var(--cl-accent-text);flex-shrink:0;font-weight:700}.instrument-reference__levels{background:var(--cl-surface);border:1px solid var(--cl-border);border-radius:14px;margin-block:28px 36px;padding:24px}.instrument-reference__levels h3{color:var(--cl-text);margin-bottom:8px;font-size:1.15rem;font-weight:750}.instrument-reference__levels-lead{color:var(--cl-text-2);margin-bottom:16px;font-size:.95rem}.instrument-reference__levels-note{color:var(--cl-text-2);margin-top:14px;font-size:.9rem;line-height:1.55}.instrument-reference__card-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.instrument-reference__card-sub{color:var(--cl-text-2);font-size:.85rem}.instrument-reference__chord-notes{margin-block:6px 12px;font-size:.95rem}.instrument-reference__chord-diagram{margin-block:14px!important}.instrument-reference__card-more{border-top:1px solid var(--cl-border);margin-top:16px;padding-top:12px;font-size:.9rem}.instrument-reference__card-meta{color:var(--cl-muted);margin-bottom:10px;font-size:.8rem}.instrument-reference__strings-list{margin-block:10px;padding-inline-start:18px}.instrument-reference__strings-list li{font-size:.88rem;line-height:1.45;margin-block:4px!important}.chord-marker-note.is-sounding-note circle,.chord-dot-marker.is-sounding-note circle,.chord-open-marker.is-sounding-note{filter:drop-shadow(0 0 6px #f59e0be6);transition:all 80ms ease-out;fill:#f59e0b!important;stroke:#f59e0b!important}.chord-string-line.is-sounding-string{filter:drop-shadow(0 0 4px #f59e0ba6);transition:all 80ms ease-out;stroke:#f59e0b!important;stroke-width:2.8px!important}@media (prefers-reduced-motion:no-preference){.chord-string-line.is-sounding-string{animation:.16s ease-in-out infinite alternate chord-string-vibrate}}@keyframes chord-string-vibrate{0%{transform:translate(-.5px)}to{transform:translate(.5px)}}@media (max-width:1000px){.instrument-reference__grid,.instrument-reference__directory{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.instrument-reference__wrap{padding-inline:18px}.instrument-reference__chapters .pedagogy-era-nav{margin-inline:-18px;padding-inline:18px}.instrument-reference__grid,.instrument-reference__directory{grid-template-columns:minmax(0,1fr)}.instrument-reference__filters{display:grid}.instrument-reference__steps li{flex-direction:column;gap:4px}}@media (max-width:380px){.instrument-reference__note-row{flex-direction:column;align-items:flex-start}}.instrument-reference__hero--split{align-items:center;gap:28px;display:grid}@media (min-width:900px){.instrument-reference__hero--split{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px}}.instrument-reference__hero-figure{background:var(--cl-surface);border:1px solid var(--cl-border);box-shadow:var(--cl-card-shadow);border-radius:18px;padding:16px}.instrument-reference__actions-grid{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px;margin-block:32px;display:grid}.instrument-reference__action-card{border:1px solid var(--cl-border);background:var(--cl-surface);color:var(--cl-text);border-radius:14px;align-content:start;gap:6px;padding:18px;text-decoration:none;transition:border-color .15s,transform .1s;display:grid}.instrument-reference__action-card:hover{border-color:var(--cl-accent)}.instrument-reference__action-card:active{transform:scale(.98)}.instrument-reference__action-card svg{color:var(--cl-accent-text)}.instrument-reference__action-card strong{font-size:1.05rem;font-weight:800}.instrument-reference__action-card span{color:var(--cl-text-2);font-size:.92rem;line-height:1.5}.instrument-reference__chapters{margin-block:48px 64px}.instrument-reference__chapters h2{letter-spacing:-.02em;margin-bottom:8px;font-size:clamp(1.5rem,3vw,2rem);font-weight:800}.instrument-reference__chapters .pedagogy-era-nav{margin-top:20px}.instrument-reference__overview section>ul{max-width:660px;margin-block:.75rem 1rem;padding-left:1.25rem;list-style:outside}.instrument-reference__overview section>ul>li{margin:.35rem 0}.instrument-reference__overview section>ul>li::marker{color:var(--cl-accent-text)}@media (max-width:639px){.instrument-reference__actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-block:24px}.instrument-reference__action-card{padding:14px}.instrument-reference__action-card strong{font-size:.95rem}.instrument-reference__action-card span{display:none}}.instrument-reference__positions{gap:10px;margin-top:10px;padding:0;list-style:none;display:grid}.instrument-reference__positions .instrument-reference__note-row{border:1px solid var(--cl-border);background:var(--cl-surface-2);border-radius:12px;grid-template-columns:auto 1fr;align-items:start;gap:4px 10px;padding:10px;display:grid}.instrument-reference__positions .instrument-reference__note-row .cl-btn{grid-column:2;justify-self:start;margin-top:4px}.instrument-reference__pos-num{background:var(--cl-accent);color:#1c1917;border-radius:999px;place-items:center;width:26px;height:26px;font-size:13px;font-weight:800;display:grid}.instrument-reference__pos-text{gap:2px;line-height:1.35;display:grid}.instrument-reference__pos-text small{color:var(--cl-muted);font-size:12.5px}.instrument-reference__positions{margin-left:0}.instrument-reference__pos-switch{gap:8px;margin-top:10px;display:grid}.instrument-reference__pos-switch .instrument-reference__note-row{border:1px solid var(--cl-border);background:var(--cl-surface-2);border-radius:12px;grid-template-columns:auto 1fr;align-items:start;gap:4px 10px;padding:10px;display:grid}.instrument-reference__pos-switch .instrument-reference__note-row .cl-btn{grid-column:2;justify-self:start;margin-top:4px}.instrument-reference__pos-nav{color:var(--cl-text-2);justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.instrument-reference__pos-arrow{border:1px solid var(--cl-border-strong);background:var(--cl-surface);width:40px;height:40px;color:var(--cl-text);cursor:pointer;border-radius:12px;place-items:center;display:grid}.instrument-reference__pos-arrow:hover{border-color:var(--cl-accent)}@media (max-width:600px){[data-instrument-catalog][data-instrument=violin] .instrument-reference__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}[data-instrument-catalog][data-instrument=violin] .instrument-reference__card{padding:12px}}.instrument-reference__pos-switch,.instrument-reference__pos-switch [data-pos-item],.instrument-reference__pos-switch .instrument-reference__note-row{min-width:0}.instrument-reference__pos-text{overflow-wrap:anywhere;min-width:0}@media (max-width:600px){.instrument-reference__pos-switch .instrument-reference__note-row{gap:4px 8px;padding:8px}.instrument-reference__pos-switch .instrument-reference__note-row .cl-btn{grid-column:1/-1}[data-instrument=violin] .instrument-reference__card h3{font-size:18px}[data-instrument=violin] .instrument-reference__card-sub{font-size:11.5px}[data-instrument=violin] .instrument-reference__pos-text{font-size:12px;line-height:1.3}[data-instrument=violin] .instrument-reference__pos-text strong{font-size:13px}[data-instrument=violin] .instrument-reference__pos-text small{font-size:10.5px}[data-instrument=violin] .instrument-reference__pos-num{width:20px;height:20px;font-size:11px}[data-instrument=violin] .instrument-reference__pos-nav{font-size:12px}[data-instrument=violin] .instrument-reference__pos-arrow{border-radius:10px;width:32px;height:32px}[data-instrument=violin] .instrument-reference__pos-switch .cl-btn{min-height:32px;padding:6px 10px;font-size:12px}}.home-score__abc .abcjs-notehead{transform-box:fill-box;transform-origin:50%;transition:fill .12s,transform .12s}.home-score__abc .abcjs-notehead.is-on{transform:scale(1.25);fill:var(--cl-accent)!important;stroke:var(--cl-accent)!important}.home-score__tab .tab-glyph.is-on rect{fill:var(--cl-accent)!important}.home-score__tab .tab-glyph.is-on text{fill:#fff!important;font-weight:900!important}