/* Let grid and flex children shrink inside the sidebar rather than widening the highlight. */
.sidebar{min-width:0}.sidebar nav{min-width:0;width:100%;grid-template-columns:minmax(0,1fr)}.sidebar .nav{min-width:0;width:100%;max-width:100%;box-sizing:border-box}.sidebar .nav>span:not(.badge){min-width:0;overflow-wrap:anywhere}.sidebar .brand{min-width:0;max-width:100%}.sidebar .brand span{overflow-wrap:anywhere}.sidebar-bottom{min-width:0}.nav .badge{flex-shrink:0}.knowledge-mark{display:inline-flex;align-items:center;gap:7px;font-size:13px}.knowledge-mark svg{width:25px;height:25px;fill:currentColor;fill-opacity:.13}.knowledge-mark.known,.knowledge-button.known{color:#16845d}.knowledge-mark.learning,.knowledge-button.learning{color:#d43e50}.knowledge-mark.unseen,.knowledge-button.unseen{color:#788294}.knowledge-actions{margin-bottom:24px}.knowledge-button.known{border-color:#70b89f}.knowledge-button.learning{border-color:#d98a94}.knowledge-button.unseen{border-color:#a1a8b5}body[data-appearance=dark] .knowledge-mark.known,body[data-appearance=dark] .knowledge-button.known{color:#7cdbb5}body[data-appearance=dark] .knowledge-mark.learning,body[data-appearance=dark] .knowledge-button.learning{color:#ff92a2}body[data-appearance=dark] .knowledge-mark.unseen,body[data-appearance=dark] .knowledge-button.unseen{color:#a8b0bd}@media(max-width:620px){.sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr))}.sidebar .nav{padding:9px 4px;gap:5px}.sidebar .nav .badge{font-size:10px;padding:1px 3px}.sidebar .brand span{min-width:0}}