/*
 * Public header that always fits (site-header-fit.js). When the menu and the tools on the right do not fit
 * on one row, the header steps down: first the Admin / My Account labels become icons, then the menu text
 * gets a little tighter, and only if it still does not fit, the compact header with the menu button is used.
 */
@media (min-width:1024px){
    html.fhf-hdr-tight-1 .fhf-public-reference .fhf-desktop-bar{gap:10px}
    html.fhf-hdr-tight-1 .fhf-public-reference .fhf-desktop-nav{gap:2px}
    html.fhf-hdr-tight-1 .fhf-public-reference .fhf-desktop-tools{gap:4px}
    html.fhf-hdr-tight-1 .fhf-public-reference .fhf-desktop-tools .fhf-account .fhf-tool-label,
    html.fhf-hdr-tight-1 .fhf-public-reference .fhf-desktop-tools .fhf-admin-tools .fhf-tool-label{display:none}
    html.fhf-hdr-tight-1 .fhf-public-reference .fhf-desktop-tools .fhf-account>summary{padding:8px}
    html.fhf-hdr-tight-2 .fhf-public-reference .fhf-desktop-header .fhf-brand img{width:72px;height:auto}
    html.fhf-hdr-tight-2 .fhf-public-reference .fhf-nav-link,
    html.fhf-hdr-tight-2 .fhf-public-reference .fhf-nav-button{padding-inline:6px;font-size:.94em}
    html.fhf-hdr-tight-2 .fhf-public-reference .fhf-header-donate{padding-inline:12px}
    html.fhf-hdr-compact .fhf-public-reference .fhf-desktop-header:not(.mp-header){display:none}
    html.fhf-hdr-compact .fhf-public-reference .fhf-mobile-header{display:block}
}