.mobile-menu-toggle{display:none}
#topnav>:nth-child(3n+1){background:#fff0cb;color:#704813;border-color:#e3bd68}
#topnav>:nth-child(3n+2){background:#e2f1e5;color:#285d44;border-color:#8fbb9b}
#topnav>:nth-child(3n){background:#f7e4ed;color:#793e5c;border-color:#d8a1ba}
#topnav a:hover,#topnav button:hover,#topnav .ghost:hover{filter:brightness(.96);color:#243d48}
@media(max-width:650px){
 #topnav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px;min-height:0}
 #topnav a,#topnav button{font-size:13px;line-height:1.25;min-height:44px;padding:9px 8px;white-space:normal}
 #topnav>:last-child:nth-child(odd){grid-column:1/-1}
 .sidenav>.backoffice-search{margin:0 0 12px;padding:14px;width:100%;min-width:0}
 .sidenav{display:block;overflow:visible;max-height:none;width:100%;min-width:0;padding:0;margin:6px 0 18px;position:static}
 .sidenav>.profile{display:none}
 .sidenav>.mobile-menu-toggle{display:flex;align-items:center;gap:10px;min-height:52px;width:100%;margin:0;padding:12px 14px;border:1px solid #e6b800;border-radius:10px;background:#ffd814;color:#322b12;text-align:left;box-shadow:0 3px 0 #d9b516}
 .mobile-menu-toggle>span:first-child{font-size:23px;line-height:1}
 .mobile-menu-current{flex:1;min-width:0;font-size:14px;font-weight:400;text-align:right;overflow-wrap:anywhere}
 .mobile-menu-chevron{font-size:24px;line-height:1;transition:transform .15s}
 .sidenav.mobile-menu-open .mobile-menu-chevron{transform:rotate(180deg)}
 .sidenav>.playful-menu-item{display:none;width:100%;white-space:normal;margin:6px 0 0;min-height:48px;flex:none}
 .sidenav.mobile-menu-open>.playful-menu-item{display:flex}
 .sidenav>button.playful-menu-item{width:100%}
 .sidenav.mobile-menu-open>.mobile-menu-toggle{margin-bottom:10px}
 .sidenav .playful-menu-label{white-space:normal;overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){.mobile-menu-chevron{transition:none}}

@media(max-width:650px){.sidenav>.mobile-menu-toggle:hover{background:#f7ca00;color:#322b12}.sidenav>.mobile-menu-toggle:focus-visible{outline:3px solid #245d91;outline-offset:3px}.sidenav.mobile-menu-open>.mobile-menu-toggle{background:#f7ca00;color:#322b12}}
