html.local-navigation-open { overflow: hidden; }
#local-navigation { position: fixed; inset: 0 auto 0 0; width: min(420px, 100vw); max-width: 100vw; height: 100%; height: 100dvh; max-height: 100dvh; margin: 0; padding: 0; border: 0; color: #2f0526; background: white; overflow-y: auto; overscroll-behavior: contain; box-sizing: border-box; }
#local-navigation::backdrop { background: rgb(0 0 0 / 40%); }
#local-navigation .local-navigation-header { position: sticky; top: 0; z-index: 1; display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; background: white; border-bottom: 1px solid #f0e7e5; }
#local-navigation .local-navigation-header img { width: 120px; height: auto; }
#local-navigation .local-navigation-close { width: 44px; height: 44px; border: 0; background: transparent; color: inherit; font: 32px/1 Arial, sans-serif; cursor: pointer; }
#local-navigation nav { display: block; padding: 8px 0 24px; }
#local-navigation nav a, #local-navigation summary { display: block; padding: 15px 24px; color: inherit; text-decoration: none; font-size: 16px; line-height: 1.4; cursor: pointer; }
#local-navigation summary { list-style: none; padding-right: 48px; position: relative; }
#local-navigation summary::-webkit-details-marker { display: none; }
#local-navigation summary::after { content: '\203a'; position: absolute; right: 24px; font-size: 24px; line-height: 22px; }
#local-navigation details[open] > summary::after { transform: rotate(90deg); }
#local-navigation details[open] > summary { font-weight: 600; }
#local-navigation .local-navigation-children { margin-left: 16px; border-left: 1px solid #f0e7e5; }
#local-navigation a:hover, #local-navigation summary:hover { background: #faf5f2; }
#local-navigation :focus-visible { outline: 2px solid #e5574a; outline-offset: -3px; }