@layer components{.main-navigation{display:flex;align-items:center}.nav-menu{display:none;list-style:none;padding:0;margin:0}.nav-menu li{margin:0}.nav-menu a{display:block;padding:var(--space-2) var(--space-4);font-weight:var(--font-medium);color:var(--text-on-purple);text-decoration:none;border-radius:var(--radius-sm);transition:background-color var(--transition-fast),opacity var(--transition-fast)}.nav-menu a:hover{background-color:var(--purple-700-hover);opacity:1}.nav-menu .current-menu-item a,.nav-menu a.active{background-color:var(--purple-700-active)}.mobile-menu-toggle{position:absolute;top:0;right:0;z-index:calc(var(--z-modal) + 1);display:flex}body.menu-open .mobile-menu-toggle{position:fixed;top:var(--space-5);right:var(--space-5)}.header-content{padding-inline-end:calc(44px + var(--space-2))}.main-navigation.mobile-open .nav-menu{position:fixed;inset:0;z-index:var(--z-modal);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-20) var(--space-6);background-color:var(--purple-800)}.main-navigation.mobile-open .nav-menu a{padding:var(--space-3) var(--space-4);font-size:var(--text-lg)}.mobile-menu-overlay{position:fixed;inset:0;z-index:var(--z-modal-backdrop);background-color:color-mix(in oklch,var(--purple-800) 80%,transparent);opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base)}.mobile-menu-overlay.active{opacity:1;visibility:visible}body.menu-open{overflow:hidden}@media print{.mobile-menu-toggle{display:none}}@media (min-width:48em){.mobile-menu-toggle{display:none}.header-content{padding-inline-end:0}.nav-menu{display:flex;gap:var(--space-1)}.nav-menu li{margin:0}}@media (prefers-reduced-motion:no-preference){.main-navigation.mobile-open .nav-menu{animation:nav-drawer-slide-in var(--transition-base) ease both}@keyframes nav-drawer-slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}}}body.menu-open .site-header{z-index:var(--z-modal)}