.side-nav ul{display:flex;gap:var(--space-2);margin:0;padding:0 0 2px;list-style:none;overflow-x:auto;scrollbar-width:none}.side-nav ul::-webkit-scrollbar{display:none}.side-nav__item{display:inline-flex;align-items:center;gap:var(--space-2);box-sizing:border-box;min-height:36px;padding:7px 14px;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-body);font:600 14px/20px var(--font-text);text-decoration:none;white-space:nowrap}.side-nav__item[data-active]{background:var(--color-accent-tint);border-color:var(--color-accent-tint-border);color:var(--color-accent-tint-text)}.side-nav__item[aria-disabled=true]{color:var(--color-placeholder);cursor:not-allowed}.side-nav__item:focus-visible{outline:none;box-shadow:var(--color-focus-ring)}.side-nav__note{font:var(--type-pill);letter-spacing:.04em;text-transform:uppercase;color:var(--color-placeholder)}@media (min-width:960px){.side-nav ul{flex-direction:column;gap:0;overflow:visible;padding:0}.side-nav__item{display:flex;justify-content:space-between;width:100%;min-height:var(--hit-target-min);padding:10px 0;border:0;border-bottom:1px solid var(--color-hairline);border-radius:0;background:none;color:var(--color-muted)}.side-nav__item:hover:not([aria-disabled=true]){color:var(--color-ink)}.side-nav__item[data-active]{background:none;border-bottom:2px solid var(--color-accent);padding-bottom:9px;color:var(--color-ink)}}