/* Native destinations stay in the same place across personal workspaces. */
[data-personal-workspace] .personal-workspace-nav {
  display: flex; gap: clamp(20px, 3vw, 36px); align-items: stretch;
  margin: 0 0 28px; border-bottom: 1px solid var(--ny-line);
  font-family: var(--nylon-type-ui); font-size: 14px; line-height: 1.5;
}
[data-personal-workspace] .personal-workspace-nav a {
  position: relative; display: inline-flex; align-items: center; justify-content: center;
  min-height: 46px; padding: 10px 0 12px; gap: 8px; color: var(--ny-text);
  text-decoration: none; font-weight: 550;
  transition: color 160ms ease;
}
[data-personal-workspace] .personal-workspace-nav a::after {
  content: ""; position: absolute; bottom: -1px; left: 0; right: 0;
  height: 2px; background: currentColor; transform: scaleX(0); transform-origin: center;
  transition: transform 180ms var(--ny-public-ease, ease);
}
[data-personal-workspace] .personal-workspace-nav a:hover,
[data-personal-workspace] .personal-workspace-nav a[aria-current="page"] { color: var(--ny-text); }
[data-personal-workspace] .personal-workspace-nav a[aria-current="page"]::after { transform: scaleX(1); }
[data-personal-workspace] .personal-workspace-nav svg {
  width: 19px; height: 19px; flex: 0 0 auto; fill: none;
  stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round;
  transition: transform 200ms var(--ny-public-ease, ease);
}
[data-personal-workspace] .personal-workspace-nav a[aria-current="page"] { color: var(--ny-accent, var(--ny-text)); }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  [data-personal-workspace] .personal-workspace-nav a:hover svg { transform: translateY(-2px); }
  [data-personal-workspace] .personal-workspace-nav a:hover::after { transform: scaleX(.55); }
  [data-personal-workspace] .personal-workspace-nav a[aria-current="page"]:hover::after { transform: scaleX(1); }
}
@media (max-width: 600px) {
  [data-personal-workspace] .personal-workspace-nav { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-bottom: 22px; }
  [data-personal-workspace] .personal-workspace-nav a { font-size: 13px; white-space: nowrap; gap: 6px; }
  [data-personal-workspace] .personal-workspace-nav svg { width: 17px; height: 17px; }
}
@media (prefers-reduced-motion: reduce) {
  [data-personal-workspace] .personal-workspace-nav a,
  [data-personal-workspace] .personal-workspace-nav a::after,
  [data-personal-workspace] .personal-workspace-nav svg { transition: none; }
  [data-personal-workspace] .personal-workspace-nav svg { transform: none; }
}
@media (forced-colors: active) {
  [data-personal-workspace] .personal-workspace-nav a[aria-current="page"] { text-decoration: underline; }
}