.browse-nav{display:flex;flex-wrap:wrap;gap:5px;padding:5px 0 8px}.browse-nav button{border:1px solid var(--line);border-radius:15px;padding:6px 10px;font-size:12px;color:var(--fg);background:var(--panel)}.browse-nav button[aria-expanded=true]{border-color:var(--gold);color:var(--gold);background:#303125}.browse-section h3{font:20px var(--serif);margin:0 0 14px}.browse-section[hidden]{display:none}.browse-group{border-bottom:1px solid var(--line);padding:9px 0}.browse-group summary{cursor:pointer;font-size:13px;padding:4px;color:var(--fg)}.browse-symbols{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:10px}.browse-symbol{display:flex;align-items:center;gap:8px;text-align:left;padding:7px;border:1px solid transparent;border-radius:7px;font-size:12px;min-height:52px}.browse-symbol .music-symbol-art{flex:0 0 40px}.browse-symbol:hover{background:#28302b}.browse-symbol[aria-pressed=true]{background:#334438;border-color:var(--gold)}.browse-symbol:focus-visible,.browse-nav button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.browse-note{font-size:11px;line-height:1.5;color:var(--muted);margin:14px 0 5px}#more-filters{max-height:min(60dvh,560px)}#active-filter-summary{max-height:110px;overflow:auto}#filter-toggle[hidden]{display:none}
@media(min-width:851px){#more-filters{left:calc(100% - 4px);top:38px;width:min(470px,calc(100vw - 340px));max-height:calc(100dvh - 155px)}}

/* Six accessible category icons on one row. */
.browse-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;padding:3px 0 5px}
.browse-nav button{position:relative;display:flex;align-items:center;justify-content:center;height:40px;min-width:0;padding:8px;border-radius:8px}
.browse-nav svg{width:23px;height:23px;flex:none}
.browse-category-label{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);padding:5px 8px;border:1px solid #53625e;border-radius:5px;background:#172320;color:#f2f6f4;font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;z-index:60}
.browse-nav button:hover .browse-category-label,.browse-nav button:focus-visible .browse-category-label{opacity:1}
.browse-nav button:first-child .browse-category-label{left:0;transform:none}
.browse-nav button:last-child .browse-category-label{left:auto;right:0;transform:none}
@media(pointer:coarse){.browse-nav button{height:44px}}

/* Give the catalog the space formerly used by its title and duplicate count. */
.catalog-top .catalog-title{height:0;margin:0;padding:0}
.catalog-top .result-line{display:none}
.catalog-footer #reset{color:var(--gold);font-size:11px;padding:0 5px}
@media(max-width:850px){.catalog-top .search-wrap{margin-right:35px}.catalog-top #close-catalog{position:absolute;right:9px;top:12px}}

.browse-combination{width:100%}.browse-expression,.browse-expression-left{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px;max-width:100%}.browse-expression-left{color:var(--gold)}
.catalog select.browse-combiner{width:auto;max-width:100px;height:27px;margin:0;padding:2px 3px;font-size:10px;border-color:#756a43;color:var(--gold);background:#242a24;cursor:pointer}
#active-filter-summary .browse-expression button{font-size:11px;padding:4px 5px}

/* The Family icon opens the picker directly, without nested dropdowns or a Done row. */
#more-filters.family-open{left:var(--family-popup-left);top:var(--family-popup-top);right:auto;width:min(380px,calc(100vw - 24px));max-width:none;max-height:none;padding:0;overflow:hidden}
#more-filters.family-open #filter-close{display:none}
.atlas-family-picker{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);font-size:12px;line-height:1.4}
.atlas-family-options{min-width:0;max-height:var(--family-popup-height,370px);overflow-y:auto;overscroll-behavior:contain;padding:4px;scrollbar-gutter:stable}
.atlas-family-children{border-left:1px solid var(--line)}
.atlas-family-picker button{display:flex;align-items:center;gap:5px;width:100%;min-height:34px;padding:7px 8px;border:0;border-radius:5px;text-align:left;font-size:12px;line-height:1.4;color:var(--fg)}
.atlas-family-picker button>span:first-child{flex:1;min-width:0;overflow-wrap:anywhere}
.atlas-family-picker button:hover,.atlas-family-picker button.atlas-family-browsing{background:#29362e}
.atlas-family-picker button[aria-pressed=true]{background:#39372a;color:var(--gold)}
.atlas-family-picked,.atlas-family-forward{flex:none;color:var(--gold)}
.atlas-family-picked:empty{display:none}
.atlas-family-forward{color:var(--muted);font-size:17px;line-height:1}
.atlas-family-picker [data-family-pick=clear]{border-bottom:1px solid var(--line);border-radius:4px 4px 0 0;margin-bottom:3px}
.browse-nav [data-browse-section=family][aria-expanded=true] .browse-category-label{display:none}
@media(pointer:coarse){.atlas-family-picker button{min-height:44px}}