.rui-navbar { display: block; color: var(--rui-color-on-surface, currentColor); }
.rui-navbar__items { display: flex; flex-wrap: wrap; gap: .25rem; align-items: center; }
.rui-navbar[data-orientation="vertical"] .rui-navbar__items { flex-direction: column; align-items: stretch; }
.rui-nav-item { display: inline-flex; align-items: center; min-height: 2.5rem; padding: .5rem .75rem; border-radius: var(--rui-radius-md, .5rem); color: inherit; text-decoration: none; }
@media (hover: hover) and (pointer: fine) {
  .rui-nav-item:hover { background: color-mix(in srgb, currentColor 8%, transparent); }
}
.rui-nav-item[aria-current="page"] {
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: .12em;
  text-underline-offset: .25em;
}
.rui-nav-item:focus-visible { outline: 2px solid var(--rui-color-primary, currentColor); outline-offset: 2px; }
.rui-nav-item[aria-disabled="true"] { opacity: .5; pointer-events: none; }