/* Mobile navigation; desktop layout is unchanged. */
.mobile-menu-toggle{display:none}
@media(max-width:800px){
.nav{position:relative;gap:10px}
.nav .icons{gap:12px;flex-shrink:0}
.mobile-menu-toggle{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;flex-shrink:0}
.mobile-menu-toggle svg{display:block;width:26px;height:26px}
.mobile-menu-toggle:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:4px}
.nav .menu{display:none;position:absolute;top:100%;left:0;right:0;z-index:80;max-height:70vh;overflow:auto;padding:12px 16px;background:#faf8f4;border:1px solid rgba(24,33,32,.15);border-radius:12px;box-shadow:0 12px 32px #0002;gap:0;align-items:stretch;flex-direction:column;font-size:16px}
.nav .menu.is-open{display:flex}
.nav .menu>a,.nav .menu-item>a{display:block;padding:12px 0}
.nav .menu a.active{border-bottom:0;font-weight:bold}
.nav .menu .dropdown{position:static;display:flex;flex-wrap:wrap;gap:4px;min-width:0;margin:0 0 8px;padding:0;opacity:1;visibility:visible;transform:none;box-shadow:none;background:transparent;border:0}
.nav .menu .dropdown a{padding:8px 10px;background:rgba(24,33,32,.05);font-size:14px}
.nav .menu .chev{display:none}
}
