/* Mobile navigation drawer (styles kept self-contained so it works with either stylesheet) */
.mobile-nav{display:flex;flex-direction:column;gap:1.25rem;border-top:1px solid var(--border, rgba(0,0,0,.1));background:var(--background,#fff);color:var(--foreground,inherit);padding:1.5rem;font-size:.875rem;letter-spacing:.15em;text-transform:uppercase}
.mobile-nav[hidden]{display:none}
@media (min-width:1024px){.mobile-nav{display:none!important}}