/* /learn/directory/ */
.dir-list { list-style: none; margin: 0 0 var(--space-4); padding: 0; }
.dir-item { border-top: 1px solid var(--c-line); padding: var(--space-3) 0; }
.dir-item[hidden] { display: none; }
.dir-item > p { margin: var(--space-1) 0 0; max-width: var(--measure); }
.dir-link { display: inline-flex; align-items: center; min-height: var(--space-target); font-weight: 700; overflow-wrap: anywhere; }
.dir-new { font-weight: 400; margin-left: var(--space-1); }
.dir-badge { display: inline-block; padding: 0 var(--space-2); border: 1px solid var(--c-line); border-radius: var(--radius-chip); background: var(--c-surface2); font-size: var(--text-small); }
.dir-meta { color: var(--c-muted); font-size: var(--text-small); line-height: var(--leading-tight); }
.dir-pick { font-size: var(--text-small); }
.dir-legend, .dir-stale { color: var(--c-muted); font-size: var(--text-small); }
.dir-filter { margin: 0 0 var(--space-3); }
.dir-filter fieldset { border: 0; margin: 0; padding: 0; }
.dir-filter legend { font-weight: 700; padding: 0; min-height: var(--space-target); display: flex; align-items: center; }
.dir-filter label { display: inline-flex; align-items: center; gap: var(--space-2); min-height: var(--space-target); padding-right: var(--space-4); cursor: pointer; }
.dir-search input { width: 100%; max-width: 32rem; min-height: var(--space-target); padding: var(--space-2) var(--space-3); font: inherit; color: var(--c-fg); background: var(--c-surface); border: 1px solid var(--c-line); border-radius: var(--radius-button); }
.dir-search label { display: block; font-weight: 700; margin-bottom: var(--space-2); }
.dir-hit-where { color: var(--c-muted); font-size: var(--text-small); }
.dir-hit-where a { display: inline-flex; align-items: center; min-height: var(--space-target); }