.grammar-sidebar{background-color:var(--surface2);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:0;width:15rem;height:calc(100vh - 4rem);padding:2rem 1.25rem;display:flex;position:sticky;top:4rem;overflow-y:auto}.grammar-sidebar__label{letter-spacing:.18em;text-transform:uppercase;color:var(--on-surface-variant);opacity:.5;margin-bottom:.75rem;padding:0 .5rem;font-size:.65rem;font-weight:700}.grammar-sidebar__nav{flex-direction:column;gap:.25rem;margin-bottom:1.5rem;display:flex}.grammar-sidebar__nav-item{color:var(--on-surface);opacity:.55;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;text-decoration:none;transition:background-color .2s,opacity .2s;display:flex}.grammar-sidebar__nav-item:hover{background-color:var(--border);opacity:.9}.grammar-sidebar__nav-item.active{color:var(--primary);opacity:1;background-color:#fff;font-weight:700;box-shadow:0 1px 4px #00000012}.grammar-sidebar__nav-item .material-symbols-outlined{flex-shrink:0;font-size:1.2rem}.grammar-sidebar__divider{border:none;border-top:1px solid var(--border);opacity:.4;margin:.75rem 0 1.25rem}.grammar-sidebar__sub-nav{flex-direction:column;gap:0;padding-left:.5rem;display:flex}.grammar-sidebar__sub-item{color:var(--on-surface-variant);opacity:.6;cursor:pointer;text-align:left;background:0 0;border:none;border-left:2px solid #0000;width:100%;padding:.5rem .75rem;font-family:Inter,sans-serif;font-size:.82rem;font-weight:400;text-decoration:none;transition:opacity .15s,color .15s;display:block}.grammar-sidebar__sub-item:hover:not(:disabled){opacity:1}.grammar-sidebar__sub-item:disabled{cursor:default;opacity:.35}.grammar-sidebar__sub-item.active{color:var(--primary);opacity:1;border-left-color:var(--primary);font-weight:700}