.page-sidebar{position:fixed;z-index:5;top:0;bottom:0;left:0;width:300px;overflow:auto;scrollbar-width:none;background:#fff;border-right:1px solid #dce5ef;box-shadow:12px 0 28px #17365b12}.page-sidebar::-webkit-scrollbar{display:none}.page-sidebar__head{position:sticky;top:0;z-index:1;padding:19px 18px;background:#002b5c;color:#fff;font:bold 16px Arial,sans-serif}.page-sidebar__toggle{display:none}.page-sidebar nav{padding:8px}.page-sidebar a{display:block;border-radius:8px;padding:9px 11px;color:#16243a;font:700 14px/1.25 Arial,sans-serif;text-decoration:none}.page-sidebar a:hover,.page-sidebar a[aria-current=page]{background:#eaf2fa;color:#002b5c}.page-sidebar small{display:block;margin-bottom:2px;color:#00a66a;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}body{padding-left:300px}@media(max-width:800px){body{padding-left:0}.page-sidebar{position:static;width:auto;height:auto;max-height:none;overflow:visible;border-right:0;box-shadow:none}.page-sidebar__head{position:static;padding:0;background:#002b5c;color:#fff}.page-sidebar__toggle{display:flex;width:100%;min-height:56px;align-items:center;justify-content:space-between;border:0;background:transparent;padding:12px 18px;color:#fff;font:bold 15px Arial,sans-serif;text-align:left;cursor:pointer}.page-sidebar__toggle:after{content:"+";font-size:22px;font-weight:400}.page-sidebar.is-open .page-sidebar__toggle:after{content:"−"}.page-sidebar nav{display:none;padding:8px 12px;border-bottom:1px solid #dce5ef;background:#fff;box-shadow:0 10px 20px #17365b12}.page-sidebar.is-open nav{display:block;max-height:min(60vh,420px);overflow-y:auto}.page-sidebar a{min-width:0}.page-sidebar small{display:block}}
.page-sidebar {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.page-sidebar nav {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
}

.page-sidebar nav::-webkit-scrollbar {
    width: 8px;
}

.page-sidebar nav::-webkit-scrollbar-track {
    background: transparent;
}

.page-sidebar nav::-webkit-scrollbar-thumb {
    border: 2px solid #fff;
    border-radius: 999px;
    background: transparent;
}

.page-sidebar nav:hover,
.page-sidebar nav:focus-within {
    scrollbar-color: #a8b8ca transparent;
}

.page-sidebar nav:hover::-webkit-scrollbar-thumb,
.page-sidebar nav:focus-within::-webkit-scrollbar-thumb {
    background: #a8b8ca;
}

.page-sidebar nav::-webkit-scrollbar-thumb:hover {
    background: #71869e;
}

@media (max-width: 800px) {
    .page-sidebar {
        display: block;
        overflow: visible;
    }

    .page-sidebar nav {
        flex: none;
    }
}
