[data-uix-stage-navigation] {
  --uix-stage-gap: clamp(0.75rem, 1.5vw, 1.5rem);
  display: grid;
  gap: var(--uix-stage-gap);
}

[data-uix-stage-navigation].uix-stage--runtime [data-uix-stage-hero],
[data-uix-stage-navigation][data-uix-stage]:not([data-uix-stage="entry"]) [data-uix-stage-hero] {
  display: none;
}

[data-uix-stage-navigation].uix-stage--runtime {
  align-content: start;
  min-block-size: auto;
  padding-block-start: 0;
}

[data-uix-stage-option][aria-selected="true"] {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

[data-uix-stage-option]:focus-visible,
[data-uix-stage-action]:focus-visible,
[data-uix-stage-confirm]:focus-visible {
  outline: 3px solid currentColor;
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  [data-uix-stage-navigation] * {
    scroll-behavior: auto !important;
  }
}