@media(max-width:1199px){
 .site-header{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;min-height:72px;padding:12px 16px;align-items:center}
 .site-header .nav-menu-toggle{display:inline-flex;grid-column:1;grid-row:1;order:initial;align-items:center;justify-content:center;width:44px;height:44px;padding:8px;border:0;background:transparent;color:#777;cursor:pointer}
 .nav-menu-toggle svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:square}
 .nav-menu-toggle .menu-close-icon{display:none}
 .menu-open .nav-menu-toggle .menu-bars-icon{display:none}
 .menu-open .nav-menu-toggle .menu-close-icon{display:block}
 .site-header .site-brand{grid-column:2;grid-row:1;justify-self:center;margin:0;gap:6px}
 .site-header .site-brand img{width:30px;height:38px}
 .site-header .site-brand>span{font-size:27px}
 .site-header .site-header-actions{grid-column:3;grid-row:1;order:initial}
 .site-header .member-links{display:none}
 .site-header .site-header-actions .button{font-size:9px!important;padding:9px 8px!important}
 .site-header .site-nav{position:absolute;left:0;top:100%;width:min(340px,calc(100vw - 48px));max-height:calc(100dvh - 72px);overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;display:none;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:0;margin:0;padding:12px 22px 24px;background:#fff;border:0;border-top:1px solid #eee;box-shadow:6px 14px 25px #0002;z-index:30}
 .site-header.menu-open .site-nav{display:flex}
 .site-nav>a,.site-nav>.nav-group{width:100%;box-sizing:border-box;border-bottom:1px solid #eee}
 .site-header .site-nav a{padding:16px 0;font-size:14px;white-space:normal}
 .site-header .nav-group{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:0;align-items:center;position:relative}
 .site-header .submenu-toggle{width:44px;height:48px;justify-content:center;padding:12px;cursor:pointer}
 .submenu-toggle svg{transition:transform .15s}
 .submenu-open>.submenu-toggle svg{transform:rotate(180deg)}
 .site-header .nav-submenu{position:static;grid-column:1/-1;min-width:0;width:auto;box-shadow:none;border:0;border-left:1px solid #cfbb8c;margin:0 0 12px 3px;padding:0 0 0 16px;background:#fff}
 .site-header .site-nav .nav-submenu a{font-size:13px;padding:12px 0}
 .nav-menu-toggle:focus-visible,.submenu-toggle:focus-visible{outline:2px solid #ad8b4e;outline-offset:2px}
 .navigation-backdrop{position:fixed;inset:0;z-index:19;background:#0005;border:0;padding:0;cursor:pointer}
 .navigation-backdrop[hidden]{display:none}
 body.navigation-open{overflow:hidden}
}

@media(max-width:360px){.site-header{padding-inline:10px;gap:5px}.site-header .site-brand>span{font-size:24px}.site-header .site-brand img{width:25px}}

/* Nested official categories open independently from their parent. */
.site-header .nav-submenu{display:none}
.site-header .submenu-open>.nav-submenu{display:block}
.site-header .nav-submenu>.nav-group{border-bottom:1px solid #eee}
.site-header .nav-submenu .nav-submenu{margin-left:0;padding-left:12px}

@media(min-width:1200px){
 .navigation-backdrop{display:none}
 .site-header .nav-menu-toggle{display:none}
 .site-header .site-nav{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap}
 .site-header .site-nav>.nav-group{border:0}
 .site-header .nav-submenu{position:absolute;top:100%;left:-14px;min-width:220px;margin:0;padding:8px 14px;background:#fff;z-index:31}
 .site-header .nav-submenu .nav-group{display:flex;align-items:center;justify-content:space-between}
 .site-header .nav-submenu .nav-submenu{top:0;left:100%;margin:0;padding:8px 14px;min-width:210px}
 .site-header .nav-submenu a{white-space:normal}
 .site-header .nav-submenu>.nav-group{border:0}
 .site-header .submenu-toggle{min-width:20px;min-height:32px;justify-content:center}
 .site-header .site-nav>.nav-group>.nav-submenu{left:auto;right:0}
}