.website-bottom-nav { display: none; }
@media screen and (max-width: 1199.98px), screen and (hover: none) and (pointer: coarse) {
    :root { --website-bottom-nav-height: calc(68px + env(safe-area-inset-bottom)); }
    html { scroll-padding-bottom: var(--website-bottom-nav-height); }
    body { padding-bottom: var(--website-bottom-nav-height); }
    .site-header .nav-menu, .site-header .header-actions { display: none !important; }
    .site-header .mobile-toggle { display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; }
    .website-bottom-nav {
        display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr);
        position: fixed; inset: auto 0 0; z-index: 1000; min-height: var(--website-bottom-nav-height);
        padding: 4px max(4px, env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) max(4px, env(safe-area-inset-left));
        background: var(--white, #fff); border-top: 1px solid var(--border, #dce5ed);
        box-shadow: 0 -3px 12px rgb(0 43 103 / 8%);
    }
    .website-bottom-nav :is(a, button) {
        display: flex; flex-direction: column; align-items: center; justify-content: center;
        gap: 4px; min-height: 52px; min-width: 0; padding: 4px; margin: 0;
        border: 0; border-radius: 8px; background: transparent; color: var(--primary, #002b67);
        text-align: center; text-decoration: none; font: inherit; font-size: 12px; line-height: 1.2;
    }
    .website-bottom-nav i { font-size: 22px; }
    .website-bottom-nav [aria-current="page"], .website-bottom-nav [aria-expanded="true"] { background: #edf4fb; font-weight: 700; }
    .website-bottom-nav :focus-visible { outline: 2px solid currentColor; outline-offset: -2px; }
    .mobile-nav { display: block; position: fixed; inset: 0; z-index: 1200; visibility: hidden; pointer-events: none; }
    .mobile-nav.open { visibility: visible; pointer-events: auto; }
    .mobile-nav-overlay { position: absolute; inset: 0; background: rgb(0 0 0 / 45%); }
    .mobile-nav-panel { position: absolute; inset: 0 0 0 auto; width: min(380px, calc(100vw - 32px)); max-height: 100dvh; overflow-y: auto; background: #fff; padding-bottom: env(safe-area-inset-bottom); }
    body.nav-open { overflow: hidden; }
}
@media print { .website-bottom-nav { display: none !important; } }