/* Header icons only: retain the approved hero and all content layouts. */
#site-header .header-actions{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center}
#site-header .header-actions>.cf-login-link>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:900px){
 #site-header .header-actions{--cf-header-icon-size:24px}
 #site-header .header-actions>.cf-login-link,#site-header .header-actions>.icon-button{height:42px;min-height:42px;align-items:center;justify-content:center;align-self:center}
 #site-header .header-actions>.cf-login-link{display:inline-flex;flex-direction:row;line-height:1}
 #site-header .header-actions>a>.icon,#site-header .header-actions>button>.icon{display:block;flex:0 0 var(--cf-header-icon-size);width:var(--cf-header-icon-size);height:var(--cf-header-icon-size);margin:0}
}
@media(max-width:600px){
 #site-header .header-actions{--cf-header-icon-size:22px}
 #site-header .cf-login-link{flex-direction:row;align-items:center;justify-content:center;min-height:42px;flex-shrink:0;gap:4px}
 #site-header .header-actions>.icon-button{height:42px}
}
@media(min-width:375px) and (max-width:389px){
 #site-header .header-actions>.icon-button{width:30px}
}