#menu.public-section-nav {
    position: fixed;
    z-index: 1020;
    left: 10px;
    top: calc(50% + var(--home-navbar-height, 120px) / 2);
    transform: translateY(-50%);
    width: 50px;
    height: auto;
    max-height: calc(100vh - var(--home-navbar-height, 120px) - 32px);
    padding: 4px;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(255, 255, 255, .45);
    border-radius: 18px;
    background: rgba(245, 250, 253, .48);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    box-shadow: 0 4px 16px rgba(18, 57, 106, .08);
    transition: width .25s ease, box-shadow .25s ease;
    text-align: left;
}
#menu.public-section-nav.is-expanded { width: 218px; background: rgba(245, 250, 253, .88); }
#menu .section-nav-toggle {
    flex: 0 0 36px;
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: 12px;
    color: #355a73;
    background: transparent;
    cursor: pointer;
}
#menu .section-nav-toggle > i { flex: 0 0 40px; font-size: 13px; transition: transform .25s; }
#menu .section-nav-toggle:hover { background: rgba(35, 93, 168, .08); }
#menu.is-expanded .section-nav-toggle > i { transform: rotate(180deg); }
#menu .section-nav-toggle > span { font-size: 12px; font-weight: 700; letter-spacing: .4px; white-space: nowrap; }
#menu .section-nav-list {
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #b1c9d8 transparent;
    list-style: none;
    margin: 3px 0 0;
    padding: 3px 0 0;
    border-top: 1px solid rgba(53, 90, 115, .12);
}
#menu .section-nav-list li { margin: 2px 0; padding: 0; }
#menu .section-nav-link {
    display: flex;
    position: relative;
    align-items: center;
    gap: 8px;
    min-height: 36px;
    width: 100%;
    overflow: hidden;
    border-radius: 11px;
    color: #456177;
    text-decoration: none;
    transition: background .2s, color .2s;
}
#menu .section-nav-link > i { flex: 0 0 40px; text-align: center; font-size: 14px; }
#menu .section-nav-label { font-size: 12px; font-weight: 600; white-space: nowrap; opacity: 0; transition: opacity .15s; }
#menu.is-expanded .section-nav-label { opacity: 1; }
#menu .section-nav-link:hover { background: rgba(35, 93, 168, .08); color: #164f89; }
#menu .section-nav-list .active > a { background: rgba(43, 124, 127, .12); color: #1b635e; }
#menu .section-nav-list .active > a::before {
    content: ''; position: absolute; left: 0; top: 12px; bottom: 12px;
    width: 2px; border-radius: 3px; background: #4a9f73;
}
#menu .section-nav-link:focus-visible, #menu .section-nav-toggle:focus-visible { outline: 2px solid #2771ba; outline-offset: -2px; }
@media (max-width: 1199px) { #menu.public-section-nav { display: none; } }
@media (prefers-reduced-motion: reduce) { #menu.public-section-nav, #menu.public-section-nav * { transition: none; } }