:root {
  --nav-active-bg: rgba(18,214,255,0.12);
  --nav-active-underline: 2px solid #12D6FF;
  --nav-focus-ring: 0 0 0 2px rgba(18,214,255,0.65);
}
nav a[aria-current="page"],
nav a.is-active {
  background: var(--nav-active-bg);
  border-bottom: var(--nav-active-underline);
}
nav a:focus-visible {
  outline: none;
  box-shadow: var(--nav-focus-ring);
  border-radius: 8px;
}
.breadcrumbs {
  display: flex;
  gap: .5rem;
  font-size: .9rem;
  opacity: .85;
}
.breadcrumbs a { text-decoration: underline; }
.breadcrumbs .sep { opacity: .6; }