.fretboard-explorer{grid-template-columns:minmax(0,1fr);gap:1.5rem;min-inline-size:0;display:grid}.fretboard-lede{color:var(--ui-muted);margin:0 0 .5rem;font-size:1.125rem;line-height:1.6}.fretboard-controls{border-block-start:1px solid var(--ui-line);flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1.25rem;padding-block-start:1.5rem;display:flex}.fretboard-settings,.fretboard-custom{flex-wrap:wrap;align-items:end;gap:1rem;display:flex}.fretboard-settings{max-inline-size:100%;margin-inline-start:auto}.fretboard-settings>label,.fretboard-custom>label{gap:.5rem;min-inline-size:0;max-inline-size:100%;display:grid}.fretboard-settings select{min-inline-size:0;max-inline-size:100%}.fretboard-custom>label{min-inline-size:0}.fretboard-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-block-start:.75rem;display:flex}.fretboard-explorer .fretboard-heading h2{color:var(--ui-ink);font-family:var(--display);letter-spacing:-.02em;text-transform:none;margin:0;font-size:clamp(1.5rem,1.1rem + 1vw,2rem);font-weight:700;line-height:1.2}.fretboard-highlight{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.fretboard-explorer .fretboard-scroll{margin:0}.fretboard-caption{color:var(--ui-muted);flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;font-size:.8125rem;line-height:1.6;display:flex}.fretboard-caption>span:last-child{margin-inline-start:auto}.fretboard-root-dot,.fretboard-tone-dot{background:var(--highlight);border-radius:50%;block-size:.625rem;inline-size:.625rem;display:inline-block}.fretboard-tone-dot{background:var(--ui-on-night);margin-inline-start:.75rem}.fretboard-filter-details{border-block-start:1px solid var(--ui-line);color:var(--ui-muted);padding-block-start:1rem;font-size:.875rem}.fretboard-filter-details summary{cursor:pointer}.fretboard-filters{border:0;flex-wrap:wrap;gap:.5rem 1rem;margin:0;padding:1rem 0 0;display:flex}.fretboard-filters legend{float:left;inline-size:100%;margin-block-end:.5rem}.fretboard-filters label{align-items:center;gap:.375rem;min-block-size:2.75rem;display:inline-flex}.fretboard-filters input{accent-color:var(--highlight)}.fretboard-mobile-range{display:none}@media (max-width:780px){.fretboard-settings{inline-size:100%;margin-inline-start:0}.fretboard-controls{gap:1rem}.fretboard-heading{align-items:start}.fretboard-highlight{gap:.75rem}.fretboard-highlight>.ui-label{inline-size:100%}.fretboard-custom{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(4rem,33.3333% - .666667rem)),1fr));display:grid}.fretboard-custom select{inline-size:100%}.fretboard-mobile-range{display:block}.fretboard-caption>span:last-child{inline-size:100%;margin-inline-start:0}}.fretboard-choice{gap:.5rem;display:grid}