/* Shared filter row: the Clubs reference palette, dimensions and search affordance. */
html body .directory-filter-menu .directory-filter-options{gap:9px;min-height:44px;align-items:center;justify-content:center}
html body .directory-filter-menu .directory-filter-options>:is(button,a){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:38px;min-height:38px;margin:0;padding:0 16px;border:1px solid rgba(255,255,255,.3)!important;border-radius:6px;background:rgba(255,255,255,.03)!important;color:rgba(255,255,255,.8)!important;box-shadow:none!important;font:700 12px/1 Arimo,Arial,sans-serif;letter-spacing:0;text-align:center;text-decoration:none;white-space:nowrap}
html body .directory-filter-menu .directory-filter-options>:is(button,a):hover{border-color:rgba(255,255,255,.75)!important}
html body .directory-filter-menu .directory-filter-options>button[aria-pressed=true]{background:var(--blue)!important;border-color:var(--blue)!important;color:#fff!important}
html body .directory-filter-menu .directory-filter-options>:is(.directory-search-toggle,.genre-search-toggle){width:52px;min-width:52px;padding:0}
.directory-search-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
html body .directory-search-panel{position:absolute;z-index:35;top:calc(100% + 10px);left:50%;transform:translateX(-50%);width:min(340px,calc(100vw - 40px));box-sizing:border-box;padding:14px;border:1px solid #ffffff30;border-radius:7px;background:rgba(10,14,20,.97);box-shadow:0 10px 28px #0005;text-align:left}
html body .directory-search-panel[hidden]{display:none!important}
html body .directory-search-panel label{display:grid;gap:8px;margin:0;width:100%;max-width:none;font:700 11px/1.4 Arimo,Arial,sans-serif;color:#d5d7da}
html body .directory-search-panel input{box-sizing:border-box;width:100%;min-width:0;height:38px;margin:8px 0 0;padding:8px 12px;border:1px solid #ffffff4d;border-radius:6px;background:rgba(255,255,255,.03);color:#fff;font:14px/1.4 Arimo,Arial,sans-serif}
html body .directory-search-panel input:focus-visible{outline:2px solid #358ee9;outline-offset:2px}
html body .directory-search-panel .dj-search{display:flex;gap:8px;margin:0;align-items:end}
html body .directory-search-panel .dj-search input{flex:1}
html body .directory-search-panel .dj-search>button{flex:none;width:44px;height:38px;padding:0;border:1px solid #ffffff4d;border-radius:6px;background:rgba(255,255,255,.03);color:#ddd}
/* Travel reserves independent space for its title, menu and description. */
html body .travel-heading{grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr);column-gap:20px}
html body .travel-heading-title,html body .travel-heading-description{visibility:visible!important;min-width:0}
html body .travel-heading>.directory-filter-menu{position:relative;width:max-content;max-width:100%;margin:0;justify-self:center}
html body .travel-heading .directory-filter-options{position:static;transform:none;left:auto;top:auto;display:flex;flex-wrap:wrap;width:max-content;max-width:100%;padding:0;background:transparent;border:0}
html body .travel-heading .directory-filter-options>button{font:700 12px/1 Arimo,Arial,sans-serif;height:38px;min-height:38px;padding:0 16px}
html body .travel-heading .directory-filter-options>.directory-search-toggle{width:52px;padding:0}
@media(max-width:1150px){html body .travel-heading:has([data-filter-toggle][aria-expanded=true])>.directory-filter-menu{grid-column:1/-1;grid-row:2;margin-top:8px}html body .travel-heading:has([data-filter-toggle][aria-expanded=true])>.travel-heading-description{grid-column:3;grid-row:1}html body .travel-heading:has([data-filter-toggle][aria-expanded=true]){grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr)}}
@media(max-width:700px){html body .travel-heading{grid-template-columns:minmax(0,1fr) 44px}html body .travel-heading>.travel-heading-description{grid-column:1/-1;grid-row:2}html body .travel-heading:has([data-filter-toggle][aria-expanded=true]){grid-template-columns:minmax(0,1fr) 44px}html body .travel-heading:has([data-filter-toggle][aria-expanded=true])>.travel-heading-description{grid-column:1/-1;grid-row:2}html body .travel-heading:has([data-filter-toggle][aria-expanded=true])>.directory-filter-menu{grid-row:3;grid-column:1/-1;width:100%;margin:0}html body .travel-heading .directory-filter-options{width:100%;max-width:100%;flex-wrap:wrap}}