/* Rentals is the spacing reference: 30px above toolbar, 44px controls, 18px below. */
html body :is(.rental-list-toolbar,.club-list-toolbar,.hangout-list-toolbar){position:relative;display:block!important;box-sizing:border-box;min-height:44px;margin:30px 25px 18px!important;padding:0;gap:0}
html body .rental-shell .rental-list-toolbar{margin-inline:0!important}
html body :is(.rental-list-toolbar,.club-list-toolbar,.hangout-list-toolbar)>h3{position:absolute;left:0;top:22px;transform:translateY(-50%);margin:0!important;font:700 19px/1.3 Arimo,Arial,sans-serif;letter-spacing:.04em;text-align:left}
html body :is(.rental-list-toolbar,.club-list-toolbar,.hangout-list-toolbar)>.directory-filter-menu{margin:0 auto!important;min-height:44px;max-width:100%;width:max-content;min-width:44px}
html body .club-list-toolbar>.directory-filter-menu[data-filter-menu=djs]{width:min(650px,100%)}
html body :is(.rental-list-toolbar,.club-list-toolbar,.hangout-list-toolbar):has([data-filter-toggle][aria-expanded=true])>h3{visibility:hidden}
html body :is(#club-list,#hangout-list)>.directory-row:first-child{padding-top:0}
html body .hangout-shell>.section-rule{margin-bottom:0}
/* Short entry pages size their content AND navigation within the available viewport. */
html body .page:is([data-page="/events"],[data-page="/avatar"]).is-active{box-sizing:border-box;min-height:calc(100svh - 110px);padding:0;display:flex;flex-direction:column}
html body .page:is([data-page="/events"],[data-page="/avatar"])>.section-shell{box-sizing:border-box;min-height:0!important;flex:1;padding-top:clamp(28px,5vh,66px)!important;padding-bottom:20px!important}
html body .page:is([data-page="/events"],[data-page="/avatar"]) :is(.event-tabs,.avatar-tabs){margin-top:clamp(32px,9vh,100px)!important;display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
html body .page:is([data-page="/events"],[data-page="/avatar"])>.page-bottom-nav{flex:none;margin:24px auto 0!important;padding:0 16px 24px!important}
/* HOME shortcuts: white glyphs with clear focus, no filled circles. */
html body .page-home .utility-button.icon-only,html body .page-home .utility-button.icon-only:hover{background:transparent!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important;color:#fff!important}
html body .page-home .utility-button.icon-only:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:749px){html body :is(.club-list-toolbar,.hangout-list-toolbar){margin-inline:18px!important}html body :is(.rental-list-toolbar,.club-list-toolbar,.hangout-list-toolbar)>h3{position:absolute;top:22px;transform:translateY(-50%);font-size:15px}html body :is(.rental-list-toolbar,.club-list-toolbar,.hangout-list-toolbar)>.directory-filter-menu{max-width:100%}html body .club-list-toolbar:has([data-filter-menu=djs])>h3{position:static;transform:none;text-align:left;margin-bottom:8px!important}html body .page:is([data-page="/events"],[data-page="/avatar"]) :is(.event-tabs,.avatar-tabs)>*{min-width:0!important;flex:1 1 150px;max-width:350px}}
@media(max-width:419px){html body :is(.club-list-toolbar,.hangout-list-toolbar){margin-inline:13px!important}}
html body .page:is([data-page="/events"],[data-page="/avatar"]).is-active{min-height:calc(100svh - 200px)}
html body .page[data-page="/avatar"] .avatar-guides{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr);align-items:center}
html body .page[data-page="/events"] .event-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}
html body .page[data-page="/events"] .event-tabs>button{min-width:0!important;width:100%;padding:10px!important}
@media(max-width:1100px){html body .page[data-page="/events"] .event-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){html body .page[data-page="/events"] .event-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
html body:has(.page:is([data-page="/events"],[data-page="/avatar"]).is-active){display:flow-root}
html body #club-list>.club-section-group:first-child>.directory-row:first-child{padding-top:0}
html body .club-category-tabs{margin-top:32px;margin-bottom:0}