/* A compact toggle and floating mobile navigation sheet. */
.mobileNavToggle{width:44px;min-width:44px;height:44px;padding:0!important;position:relative;border:1px solid #dce4d5!important;border-radius:13px!important;background:#fffdf8!important;color:#356142;cursor:pointer}
.burgerLines{display:block;width:20px;height:16px;position:absolute;inset:0;margin:auto}
.burgerLines i{position:absolute;inset-inline-start:0;height:2px;width:20px;border-radius:2px;background:currentColor;transition:transform .28s ease,opacity .2s ease,width .28s ease}
.burgerLines i:nth-child(1){top:0}.burgerLines i:nth-child(2){top:7px;width:14px}.burgerLines i:nth-child(3){top:14px}
.mobileNavToggle[aria-expanded=true]{background:#e8efdf!important}
.mobileNavToggle[aria-expanded=true] i:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mobileNavToggle[aria-expanded=true] i:nth-child(2){opacity:0}
.mobileNavToggle[aria-expanded=true] i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobileNavActions{display:none}
@media(max-width:900px){
.designNav,.designNav.isOpen{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:calc(100% + 8px);inset-inline:12px;width:auto;padding:18px;gap:4px;border:1px solid #dce4d5;border-radius:20px;background:#fffdf8;box-shadow:0 24px 60px #17372226;max-height:calc(100svh - 110px);overflow:auto;overscroll-behavior:contain;animation:none;transform:translateY(-10px) scale(.98);transform-origin:top center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,transform .3s cubic-bezier(.22,.61,.36,1),visibility 0s .3s}
.designNav.isOpen{opacity:1;transform:none;visibility:visible;pointer-events:auto;transition-delay:0s}
.designNav>a,.designNav>details>summary{padding:13px 12px;min-height:48px;font-size:17px;font-weight:500;border-radius:10px}
.designNav>a:hover,.designNav>details[open]>summary{background:#edf2e7;color:#356142}
.designNav :is(.designPanel,.panel){position:static;width:auto;margin:4px 0 12px;padding:6px 10px;background:#f3f6ee;border:0;border-radius:12px;box-shadow:none}
.designNav :is(.designPanel,.panel) a{padding:12px;font-size:14px;min-height:44px}
.designNav :is(.designMobileActions,.mobileNavActions){display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding:18px 10px 2px;border-top:1px solid #dce4d5}
.designNav .mobileNavActions>a:first-child{display:inline-flex}
}
@media(max-width:900px){
#navigation,#navigation.open{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:calc(100% + 8px);inset-inline:12px;width:auto;padding:18px;gap:4px;border:1px solid #dce4d5;border-radius:20px;background:#fffdf8;box-shadow:0 24px 60px #17372226;max-height:calc(100svh - 110px);overflow:auto;overscroll-behavior:contain;animation:none;transform:translateY(-10px) scale(.98);transform-origin:top center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,transform .3s cubic-bezier(.22,.61,.36,1),visibility 0s .3s}
#navigation.open{opacity:1;transform:none;visibility:visible;pointer-events:auto;transition-delay:0s}
#navigation>a,#navigation>details>summary{padding:13px 12px;min-height:48px;font-size:17px;font-weight:500;border-radius:10px}
#navigation>a:hover,#navigation>details[open]>summary{background:#edf2e7;color:#356142}
#navigation :is(.designPanel,.panel){position:static;width:auto;margin:4px 0 12px;padding:6px 10px;background:#f3f6ee;border:0;border-radius:12px;box-shadow:none}
#navigation :is(.designPanel,.panel) a{padding:12px;font-size:14px;min-height:44px}
#navigation :is(.designMobileActions,.mobileNavActions){display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding:18px 10px 2px;border-top:1px solid #dce4d5}
#navigation .mobileNavActions>a:first-child{display:inline-flex}
}
@media(prefers-reduced-motion:reduce){.burgerLines i,.designNav,#navigation{transition:none!important}}
