/* 1024–1250px: remove the legacy 16px side margins that stack on top
   of the modern nav gap and cause the navigation to collide with the brand. */
@media (min-width:1024px) and (max-width:1250px){
    html body header{flex-wrap:nowrap!important;}
    html body header > .logo-container{
        flex:0 0 auto!important;
        min-width:max-content!important;
        margin-right:14px!important;
    }
    html body header > .logo-container .logo-text{
        transform:scale(1.02)!important;
        transform-origin:left center!important;
    }
    html body header > nav{
        flex:1 1 auto!important;
        min-width:0!important;
        margin:0!important;
        padding:0!important;
        justify-content:center!important;
    }
    html body header > nav > a{
        margin-left:0!important;
        margin-right:0!important;
        white-space:nowrap!important;
    }
    html body header > .header-actions{
        flex:0 0 auto!important;
        margin-left:10px!important;
    }
}
@media (min-width:1024px) and (max-width:1180px){
    html body header > nav{gap:6px!important;}
    html body header > nav > a{padding-left:1px!important;padding-right:1px!important;}
}
@media (min-width:1181px) and (max-width:1250px){
    html body header > nav{gap:8px!important;}
    html body header > nav > a{padding-left:2px!important;padding-right:2px!important;}
}