/* Uses the existing main-site and workshop tokens. */
.hamburger{display:none;min-width:44px;min-height:44px;align-items:center;justify-content:center;touch-action:manipulation}
.hamburger:focus-visible{outline:2px solid var(--color-accent,var(--accent));outline-offset:4px}
@media(max-width:768px){
  [data-mobile-nav] .hamburger{display:flex;flex-direction:column;gap:5px;padding:9px;background:none;border:0;border-radius:4px;color:var(--color-text,var(--ink));cursor:pointer;flex-shrink:0}
  [data-mobile-nav] .hamburger span{display:block;width:22px;height:2px;background:currentColor}
  [data-mobile-nav] .nav-center,[data-mobile-nav] .nav-links{display:none}
  [data-mobile-nav].mobile-nav-open>.nav-center,[data-mobile-nav].mobile-nav-open .nav-inner>.nav-links{display:flex;position:absolute;inset:100% 0 auto;flex-direction:column;align-items:stretch;gap:0;list-style:none;margin:0;padding:14px 6% 22px;max-height:calc(100vh - 90px);max-height:calc(100dvh - 90px);overflow-y:auto;background:var(--color-cream,var(--cream));border-bottom:1px solid var(--color-border,var(--line));z-index:101;overscroll-behavior:contain}
  [data-mobile-nav].mobile-nav-open .nav-center>li{padding:0;margin:0}
  [data-mobile-nav].mobile-nav-open .nav-center a,[data-mobile-nav].mobile-nav-open .nav-links>a{display:flex;align-items:center;min-height:48px;padding:10px 0;white-space:normal;font-size:15px;text-decoration:none}
  [data-mobile-nav].mobile-nav-open .nav-links>.button{padding:12px 18px;margin-top:10px;justify-content:center}
  [data-mobile-nav].mobile-nav-open .dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;background:none;box-shadow:none;border:0;border-radius:0;min-width:0;padding:0 0 4px 18px;list-style:none}
  [data-mobile-nav].mobile-nav-open .dropdown-menu a{font-size:13px;min-height:44px;padding:8px 0}
  [data-mobile-nav].mobile-nav-open .hamburger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  [data-mobile-nav].mobile-nav-open .hamburger span:nth-child(2){opacity:0}
  [data-mobile-nav].mobile-nav-open .hamburger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  header.nav[data-mobile-nav]{position:relative;z-index:100}
  header.nav[data-mobile-nav] .nav-inner{gap:14px}
}