/* One header geometry for the catalogue and all server-rendered screens. */
header.app-header{display:flex;align-items:center;gap:28px;padding:14px 32px;border-bottom:1px solid var(--line);flex-wrap:wrap;position:sticky;top:0;background:var(--paper);z-index:5;font:400 16px/1.45 var(--sans)}
.app-header>a{display:block;flex:none}.app-header .logo{height:20px;width:auto;display:block}
.app-header nav{display:flex;flex:none;gap:22px;margin:0;padding:0}
.app-header nav a{white-space:nowrap;text-decoration:none;color:var(--muted);padding:4px 0;border-bottom:1px solid transparent;font:inherit}
.app-header nav a.on{color:var(--ink);border-color:var(--ink)}
.app-header .search{display:block;flex:1 1 220px;width:220px;min-width:220px;height:42px;margin:0;padding:0 14px;border:1px solid var(--line);background:var(--soft);border-radius:2px;font:inherit}
.app-header .header-logout{display:flex;align-items:center;flex:none;margin:0;padding:0;border:0;white-space:nowrap}
.app-header .user{display:block;margin:0;padding:0;background:none;border:0;white-space:nowrap;font:400 14px/1.45 var(--sans);color:var(--muted)}
@media(max-width:820px){header.app-header{padding:12px 16px;gap:12px}.app-header .search{order:3;flex-basis:100%;width:100%}.app-header nav{order:4;gap:18px;overflow-x:auto;width:100%;scrollbar-width:none}.app-header nav::-webkit-scrollbar{display:none}}