.directory-nav h2{font-size:16px;font-weight:500;margin:0 0 12px}
.directory-nav__branch{margin-bottom:2px}
.directory-nav__heading{display:flex;align-items:center;min-height:34px}
.directory-nav__section,.directory-nav__link{display:flex;align-items:center;min-height:34px;padding:6px 8px;border-left:2px solid transparent;border-radius:2px;color:#858585;font-size:13px;line-height:1.35}
.directory-nav__section{flex:1;min-width:0;font-weight:500}
.directory-nav__link{font-weight:400}
.directory-nav__section:hover,.directory-nav__link:hover,.directory-nav__toggle:hover{background:#111;color:#fff;text-decoration:none}
.directory-nav__section.is-current,.directory-nav__link.is-current{background:#181818;color:#fff;border-left-color:#fff}
.directory-nav__toggle{display:grid;place-items:center;flex:none;width:34px;height:34px;color:#858585;cursor:pointer;border-radius:2px}
.directory-nav__toggle span::before{content:'+';font-size:18px;line-height:1}
.directory-nav__toggle[aria-expanded="true"] span::before{content:'−'}
.directory-nav__children{padding-left:12px}
.directory-nav__children[hidden]{display:none}
.directory-nav__branch[data-current-branch]>.directory-nav__heading .directory-nav__section{color:#d0d0d0}