.theme-toggle{background:#fffaf4!important;color:#30231b!important;border:1px solid #eadbca!important;border-radius:12px!important;box-shadow:0 8px 22px #6a3b1b12!important;padding:12px 14px}
.nav{gap:10px}
.nav .brand{margin-right:auto}
.nav-toggle{display:block!important;background:#fffaf4!important;color:#30231b!important;border:1px solid #eadbca!important;border-radius:12px!important;box-shadow:0 8px 22px #6a3b1b12!important;padding:12px 14px;white-space:nowrap}
.nav nav{display:none;position:absolute;top:100%;right:max(16px,calc((100vw - 1240px)/2));left:auto;width:min(360px,calc(100vw - 32px));padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 45px #1018272b;max-height:calc(100dvh - 110px);overflow:auto;z-index:21}
.nav nav.expanded{display:flex;flex-direction:column;align-items:stretch;gap:4px}
.nav nav a{padding:10px 12px;border-radius:9px}
.nav nav a:hover{background:var(--button-hover)}
@media(max-width:760px){.nav nav{right:16px;width:min(360px,calc(100vw - 32px))}}