/* Mobile-only navigation; existing desktop headers are unchanged. */
.mobile-navigation{display:none}
@media(max-width:850px){
  header{position:relative}
  header:has(.navlinks),header:has(.back){position:sticky}
  header>.bar,header>nav.wrap{gap:10px}
  header .brand{white-space:nowrap;flex-shrink:0}
  header .navlinks,header .nav,header .back{margin-left:auto}
  header .navlinks{gap:0}
  header .navlinks>a:not(.btn),header .nav>a:not(.btn){display:none}
  .mobile-navigation{display:block;flex:0 0 44px;margin:0;padding:0;border:0}
  .mobile-navigation>summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;list-style:none;cursor:pointer;color:var(--plum);background:transparent;border:1px solid var(--line);border-radius:12px;font-size:16px}
  .mobile-navigation>summary::-webkit-details-marker{display:none}
  .mobile-navigation>summary::after{content:none}
  .mobile-navigation>summary:focus-visible,.mobile-navigation-links a:focus-visible{outline:2px solid var(--berry);outline-offset:3px}
  .mobile-navigation[open]>summary{background:var(--blush)}
  .mobile-navigation-links{position:absolute;top:100%;left:12px;right:12px;z-index:30;display:flex;flex-direction:column;gap:0;padding:8px;background:var(--cream);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 30px rgba(84,16,47,.13);max-height:calc(100dvh - 90px);overflow-y:auto}
  .mobile-navigation-links a{display:flex;align-items:center;min-height:44px;padding:10px 14px;border-radius:10px;color:var(--plum);font-family:inherit;font-size:16px;font-weight:700;line-height:1.4;text-decoration:none}
  .mobile-navigation-links a:hover,.mobile-navigation-links a:focus-visible{background:var(--blush)}
}
@media(max-width:380px){header .navlinks .btn,header .nav .btn,header .back{display:none}header .mobile-navigation{margin-left:auto}}