@layer components{.mobile-nav__toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:0;background:transparent;border:none;cursor:pointer;border-radius:var(--radius);flex-shrink:0}.mobile-nav__toggle:focus-visible{outline:3px solid var(--c-accent-muted);outline-offset:2px}.mobile-nav__bar{display:block;width:22px;height:2px;background:var(--c-paper);border-radius:2px;transition:transform .2s ease,opacity .2s ease}.mobile-nav__toggle--open .mobile-nav__bar:first-child{transform:translateY(7px) rotate(45deg)}.mobile-nav__toggle--open .mobile-nav__bar:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-nav__toggle--open .mobile-nav__bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav__backdrop{position:fixed;inset:0;z-index:199;background:rgba(0,0,0,.35);animation:mnFadeIn .15s ease}.mobile-nav__panel{position:fixed;inset-block-start:3.75rem;inset-inline:0;z-index:200;background:var(--c-accent);-webkit-border-after:1px solid #ffffff14;border-block-end:1px solid #ffffff14;padding:.5rem 1rem 1.25rem;box-shadow:0 8px 24px rgba(0,0,0,.25);animation:mnSlideDown .18s ease}.mobile-nav__list{list-style:none;margin:0;padding:0}.mobile-nav__link{display:flex;align-items:center;min-block-size:52px;padding-inline:.75rem;font-size:var(--text-base);font-weight:500;color:var(--c-paper);text-decoration:none;-webkit-border-after:1px solid #ffffff10;border-block-end:1px solid #ffffff10;border-radius:var(--radius);transition:background .15s}.mobile-nav__link:hover{background:#ffffff0f}.mobile-nav__link--active{font-weight:700;color:#ffffff}.mobile-nav__link:focus-visible{outline:3px solid var(--c-accent-muted);outline-offset:-2px}.mobile-nav__footer{-webkit-padding-before:1rem;padding-block-start:1rem}.mobile-nav__cta{display:flex;align-items:center;justify-content:center;width:100%;min-block-size:48px;background:#ffffff;color:var(--c-accent);font-weight:600;font-size:var(--text-base);border-radius:var(--radius);text-decoration:none;transition:opacity .15s}.mobile-nav__cta:focus-visible,.mobile-nav__cta:hover{opacity:.9}.mobile-nav__cta:focus-visible{outline:3px solid var(--c-accent-muted);outline-offset:2px}@keyframes mnFadeIn{0%{opacity:0}to{opacity:1}}@keyframes mnSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.mobile-nav__backdrop,.mobile-nav__panel{animation:none}.mobile-nav__bar{transition:none}}@media (max-width:800px){.mobile-nav__toggle{display:flex}}}