body .mobile-menu-toggle{display:none}.menu-close{display:none}
@media(max-width:1200px){
body header{position:relative;z-index:60}
body .nav{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;gap:6px;padding:12px 18px}
body .nav .brand{font-size:18px;gap:7px;min-width:0;white-space:nowrap}
body .nav .brand img{width:28px;height:28px}
body .nav>.preferences{grid-column:2;grid-row:1;margin:0;gap:2px}
body .nav .preference-toggle{min-width:42px;width:42px;min-height:44px;padding:8px}
body .nav .preference-chevron{display:none}
body .mobile-menu-toggle{display:flex;grid-column:3;grid-row:1;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;border:0;border-radius:24px;background:var(--soft);color:var(--blue)}
body .mobile-menu-toggle[aria-expanded=true] .menu-lines{display:none}
body .mobile-menu-toggle[aria-expanded=true] .menu-close{display:block}
body .nav>nav#main-navigation{display:none;position:absolute;left:0;right:0;top:100%;width:100%;margin:0;max-height:calc(100dvh - 76px);overflow-y:auto;padding:12px 18px 18px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 12px 24px #17233820;flex-direction:column;align-items:stretch;gap:8px}
body .nav>nav#main-navigation.mobile-open{display:flex}
body .nav>nav#main-navigation a{display:flex;align-items:center;min-height:52px;width:100%;padding:14px 20px;border-radius:28px;background:var(--soft);font-size:17px;line-height:1.4;font-weight:500;text-decoration:none}
body[data-mode=account] .signin-options{display:flex;flex-direction:column;align-items:stretch;gap:12px}
body[data-mode=account] .signin-options>div,body[data-mode=account] .signin-options>#passkey-login{flex:none;width:100%}
body[data-mode=account] .signin-options .btn{width:100%;min-height:48px}
}
@media(max-width:360px){body .nav .brand{font-size:16px;gap:6px}body .nav .brand img{width:24px;height:24px}body .nav{gap:4px}}

body header #main-navigation a[hidden]{display:none!important}body header #main-navigation{gap:18px}body header #main-navigation a{white-space:nowrap}body header .nav{max-width:1200px;box-sizing:border-box}body header .brand{white-space:nowrap}body header .brand img{width:38px;height:38px}@media(min-width:1201px){body header .nav{display:flex;flex-wrap:nowrap;gap:20px;padding:19px 28px}body header #main-navigation{display:flex;align-items:center;flex-wrap:nowrap;margin-left:auto}body header #main-navigation a{font-size:14px}body header .preferences{margin:0}body header .mobile-menu-toggle{display:none}}@media(max-width:650px){body header .brand img{width:28px;height:28px}}@media(max-width:360px){body header .brand img{width:24px;height:24px}}

body header #main-navigation a.nav-dashboard,body header #main-navigation a.nav-administration{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:28px;color:#fff;background:#1058d0;font-weight:600;text-decoration:none;line-height:1.3;border:1px solid transparent;transition:background .15s}
body header #main-navigation a.nav-administration{background:#7041ad}
body header #main-navigation a.nav-dashboard:hover{background:#0846ac}
body header #main-navigation a.nav-administration:hover{background:#592b92}
body header #main-navigation a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
@media(min-width:1201px){body header #main-navigation{gap:12px}body header #main-navigation a{font-size:14px}body header #main-navigation a.nav-dashboard,body header #main-navigation a.nav-administration{padding:10px 12px}}
@media(max-width:1200px){body header #main-navigation a.nav-dashboard,body header #main-navigation a.nav-administration{display:flex;width:100%;min-height:52px}}

/* Desktop administration action; keep text and auth visibility intact. */
@media(min-width:1201px){
body header #main-navigation a.nav-administration:not([hidden]){display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px!important;height:44px!important;min-height:44px!important;max-width:44px;padding:0!important;border-radius:50%!important;font-size:0!important;line-height:0!important;box-sizing:border-box}
body header #main-navigation a.nav-administration::before{content:"";display:block;flex:none;width:24px;height:24px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m9.5%203-.5%202-2%20.9-1.8-.6-2%203.4%201.5%201.4v2.8l-1.5%201.4%202%203.4%201.8-.6%202%20.9.5%202h5l.5-2%202-.9%201.8.6%202-3.4-1.5-1.4v-2.8l1.5-1.4-2-3.4-1.8.6-2-.9-.5-2z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2211.5%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E") center/24px 24px no-repeat}
}