/* The same compact navigation pattern in the kit, screens and settings. */
.nav-link { display: block; text-decoration: none; padding: calc(1.25 * var(--spacing)) calc(2 * var(--spacing)); color: var(--color-fg-secondary); border-radius: var(--radius-sm); font-size: var(--text-body); }
.nav-link:hover, .nav-link:focus-visible { background: var(--color-nav-hover); color: var(--color-fg-primary); }
.nav-link[aria-current="page"] { background: var(--color-nav-selected); color: var(--color-fg-primary); }
.nav-label { color: var(--color-fg-tertiary); font-size: var(--text-small); line-height: var(--text-small--line-height); letter-spacing: var(--text-small--letter-spacing); font-weight: var(--text-small--font-weight); margin: calc(6 * var(--spacing)) calc(2 * var(--spacing)) calc(2 * var(--spacing)); }

/* Full-height content surface shared by sidebar layouts. The parent sets its size. */
.nav-content-panel {
  min-width: 0;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  background: var(--color-surface-1);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-content);
}

.nav-link + .nav-link { margin-top: calc(.5 * var(--spacing)); }