nav.categories .group{--link-size:4ch;--link-padding:.5em;display:grid;gap:1.5rem 1rem;grid-template-columns:var(--pg-cols-template)}nav.categories .group:not(:first-child){margin-block-start:1rem}@media (min-width:700px){nav.categories .group{row-gap:.5rem}}nav.categories[data-appearance=spatious] .link{background-color:var(--color-neutral-100);display:grid}nav.categories[data-appearance=spatious] .link .content{display:grid;height:var(--link-size);padding:var(--link-padding);place-items:center start}nav.categories[data-appearance=spatious] .link:after,nav.categories[data-appearance=spatious] .link>*{grid-area:1/1}nav.categories[data-appearance=spatious] .link:after{background:var(--color-accent);block-size:.2em;content:"";display:block;place-self:end stretch}nav.categories[data-appearance=spatious] .link[aria-current]{background-color:var(--color-accent);color:var(--color-accent-contrast)}nav.categories[data-appearance=spatious] .link[aria-current]:after{background-color:var(--color-bg);margin-block-end:.2em}nav.categories[data-appearance=spatious] .group[data-level="2"]{--link-size:3ch;--link-padding:.25em .5em}nav.categories[data-appearance=stripe] a[aria-current]{--border-color:#000}