/* Batch 21: compact, keyboard-accessible grouped navigation */
.sidebar{overflow:hidden!important;padding-bottom:12px!important}
.b21-nav{min-height:0;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:0 3px 12px;scrollbar-width:thin;scrollbar-color:#3e8078 transparent}
.b21-nav-group{margin-bottom:6px;border:1px solid #28504f;border-radius:12px;overflow:hidden}
.b21-nav-group>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:12px 13px;font-weight:750;color:#e8fff5;background:#0c343a;user-select:none}
.b21-nav-group>summary::-webkit-details-marker{display:none}
.b21-nav-group>summary:hover{background:#14524d}
.b21-chevron{transition:transform .2s ease;font-size:19px}
.b21-nav-group[open] .b21-chevron{transform:rotate(180deg)}
.b21-nav-links{padding:5px;display:grid;gap:2px}
.b21-nav-links .nav{display:block;padding:10px 12px;font-size:13px;line-height:1.35;white-space:normal}
.b21-nav-group>summary:focus-visible{outline:3px solid #f4be35;outline-offset:-3px}
.sidebottom{flex:0 0 auto;margin-top:0!important;padding:12px 3px 2px;border-top:1px solid #31565a;background:#071c2e;position:relative;z-index:2}
.sidebottom form{margin:0}
.sidebottom .btn{width:100%}
.b21-exam-learning{margin-top:28px}
.b21-exam-learning h2{margin-top:25px}
@media(max-width:850px){.sidebar{height:100dvh!important;max-height:100dvh!important}.b21-nav{padding-bottom:20px}}