.nav ul{flex-direction:column;align-items:flex-start;gap:.4em;margin:0;padding:0;list-style:none;display:flex}.nav__link{background:var(--color-bg);color:var(--color-fg);letter-spacing:.02em;padding:.1em .3em .05em;line-height:1.15;text-decoration:none;transition:background-color .12s,color .12s;display:inline-block}.nav__link[href]:hover,.nav__link:focus-visible{background:var(--color-fg);color:var(--color-bg)}.nav__link[aria-current=page]{background:var(--color-fg);color:var(--color-bg);cursor:default}:root[data-layout=compact] .nav ul{gap:.15em}:root[data-layout=compact] .nav__link{min-height:var(--tap-target);align-items:center;padding-block:0;display:inline-flex}@media (max-height:700px){:root[data-layout=compact] .nav ul{gap:.1em}:root[data-layout=compact] .nav__link{min-height:36px}}