/* The same artwork and optical size wherever a navigation icon is used. */
:where(header,.topbar) :is(.nav-icon,.search-toggle)>img[src^="/brand/nav-"]{width:24px;height:24px;max-width:none;object-fit:contain;border-radius:0;flex:none}
:where(header,.topbar) :is(.nav-icon,.search-toggle):not(.nav-signin){width:42px;min-width:42px;height:42px;padding:0;display:inline-flex;align-items:center;justify-content:center}

:where(header,.topbar) .search-toggle>img[hidden]{display:none}

@media(max-width:760px){
 .page-index header nav .nav-to-bottom{display:none!important}
 .page-index header{gap:12px;min-width:0}
 .page-index header nav{gap:8px;flex-shrink:0}
 .page-index header .brand{min-width:0}
 .page-index header .brand img{max-width:140px;height:auto}
}