.instrument-lab{background:#edf5ef;border:1px solid #b4c6b8;border-radius:18px;padding:clamp(16px,3vw,32px);margin:24px 0;color:#183e35}.instrument-lab *{box-sizing:border-box}.instrument-lab button{font:inherit;cursor:pointer;color:#183e35;background:#fff;border:1px solid #76958b;border-radius:8px;min-height:48px;padding:10px}.instrument-lab button:focus-visible,.instrument-lab input:focus-visible{outline:3px solid #813b0d;outline-offset:3px}.instrument-lab button.is-playing{background:#f5c65e;box-shadow:inset 0 0 0 2px #664713}.lab-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:20px 0}.lab-controls label{display:flex;gap:8px;align-items:center}.lab-controls input{width:100px;min-height:44px}.lab-flute,.lab-bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.lab-flute button{border-radius:50%;aspect-ratio:1;min-width:0;padding:4px}.lab-bars button{height:calc(148px - var(--rank)*5px);border-radius:5px;background:#f5d596;color:#382811}.lab-tines{display:grid;grid-template-columns:repeat(17,minmax(0,1fr));gap:4px;align-items:start;overflow-x:auto;padding:8px}.lab-tines button{min-width:44px;padding:4px;height:calc(200px - var(--rank)*7px);background:#e4e8ec;color:#223543;writing-mode:vertical-rl}.lab-tines{grid-template-columns:repeat(17,44px)}.lab-string{display:grid;grid-template-columns:70px repeat(8,minmax(0,1fr));gap:5px;margin-bottom:10px;align-items:center}.lab-string span{font-size:13px;font-weight:700}.lab-string button{min-width:0;padding:5px 2px;font-size:14px;background:#fff8e8}.lab-status{min-height:3em;font-weight:650}.lab-note{font-size:.9rem;line-height:1.55}.instrument-article{max-width:840px;margin:auto;padding:24px;color:#24382f;font:18px/1.75 system-ui,sans-serif}.instrument-article h1{font-size:clamp(2rem,6vw,3.3rem);line-height:1.1}.instrument-article h2{line-height:1.25;margin-top:2.2em}.instrument-article a{color:#175d51;text-underline-offset:3px}.instrument-article figure{margin:28px 0}.instrument-article img{display:block;width:100%;height:auto;border-radius:12px}.instrument-article figcaption{font-size:.88rem;color:#455d52}.instrument-article table{width:100%;border-collapse:collapse;font-size:.94rem}.instrument-article th,.instrument-article td{border:1px solid #b4c6b8;text-align:left;padding:10px;overflow-wrap:anywhere}.instrument-article summary{cursor:pointer;font-weight:700;padding:14px 0}.instrument-article details{border-bottom:1px solid #b4c6b8}.instrument-article nav{padding:16px;background:#f6edda;border-radius:10px}.instrument-article :target{scroll-margin-top:110px}@media(max-width:600px){.lab-string{grid-template-columns:repeat(4,minmax(0,1fr));padding:10px;background:#e2ece5;border-radius:9px}.lab-string span{grid-column:1/-1}.lab-flute,.lab-bars{grid-template-columns:repeat(4,minmax(0,1fr))}.lab-flute button{aspect-ratio:auto;border-radius:12px}.lab-bars button{height:64px}.instrument-article{padding:16px;font-size:17px}.lab-controls{gap:8px}.lab-controls button{flex:1 1 120px}.lab-controls label{flex:1 1 100%}}
.instrument-article .instrument-lab h2{margin:0 0 12px;font-size:clamp(1.35rem,4vw,1.8rem)}
.instrument-lab .lab-note{margin:0 0 16px}
.instrument-guide-section{contain:layout style}
/* Reserve string-map space before deferred JavaScript inserts the controls. */
[data-instrument-lab="flute"] [data-board]{min-height:216px}
[data-instrument-lab="kalimba"] [data-board]{min-height:216px}
[data-instrument-lab="xylophone"] [data-board],[data-instrument-lab="glockenspiel"] [data-board]{min-height:267px}
[data-instrument-lab="violin"] [data-board],[data-instrument-lab="bass"] [data-board]{display:flow-root;min-height:232px}
[data-instrument-lab="guitar"] [data-board]{display:flow-root;min-height:348px}
@media(max-width:600px){[data-instrument-lab="violin"] [data-board],[data-instrument-lab="bass"] [data-board]{min-height:636px}[data-instrument-lab="guitar"] [data-board]{min-height:954px}}
@media(max-width:600px){[data-instrument-lab="flute"] [data-board]{min-height:210px}[data-instrument-lab="xylophone"] [data-board],[data-instrument-lab="glockenspiel"] [data-board]{min-height:274px}}
@media(prefers-reduced-motion:reduce){.instrument-lab *{scroll-behavior:auto;transition:none;animation:none}}