.chord-position-controls{margin:18px 0 24px;padding:20px;border:1px solid var(--line,#d6ddce);background:#f6f7ef;border-radius:14px}
.chord-position-controls .control-row{align-items:center;gap:18px}
.chord-position-controls p{font-size:13px;line-height:1.7;color:#566b5c;margin:12px 0 0}
.chord-position-source a{color:#315b65;text-underline-offset:3px}
.chord-position-legend{display:flex;align-items:center;gap:10px;flex:1;min-width:230px;font-size:12px;line-height:1.7;color:#526656}
.grip-badge{display:inline-block;white-space:nowrap;font-size:12px;line-height:1.35;padding:5px 9px;border-radius:6px;background:var(--shape-tint,#e7eee1);color:var(--shape-ink,#284b3c);font-weight:750;border:1px solid currentColor}
.grip-badge.common{background:#fff1cc;color:#76501c;border-color:#cbab5b}
.shape-C{--shape-tint:#deeee5;--shape-ink:#245e45}
.shape-A{--shape-tint:#e1edf7;--shape-ink:#245678}
.shape-G{--shape-tint:#eee3f4;--shape-ink:#66497f}
.shape-E{--shape-tint:#f9e5dc;--shape-ink:#974c2d}
.shape-D{--shape-tint:#e3eeee;--shape-ink:#286369}
.voicing-tags,.voicing-card-tags{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.voicing-tags{margin:0 0 12px}
.voicing-card-tags{padding:10px 10px 0;min-height:37px}
.voicing-card.common-grip{background:#fffcf2;border-color:#c9ab67}
.voicing-card.caged-grip{border-top:4px solid var(--shape-ink)}
.voicing-card .grip-badge{font-size:11px}
.voicing-card[aria-pressed=true]{outline:2px solid #1e5144;outline-offset:2px}
#chord-to-scale-shape{margin:5px 0 14px}
@media(max-width:650px){.chord-position-controls{padding:14px}.chord-position-legend{flex-basis:100%}.chord-position-controls .field{flex:1;min-width:170px}}