/* web-recipes/shared/layout.css */
.top-nav {
  display: flex;
  gap: 0.6rem;
  flex-wrap: wrap;
  margin: 0.25rem 0 0.75rem 0;
}

.top-nav-link {
  display: inline-flex;
  align-items: center;
  padding: 0.35rem 0.6rem;
  border: 1px solid var(--border-soft);
  border-radius: 999px;
  text-decoration: none;
  color: var(--text);
  background: var(--bg-panel);
  font-weight: 600;
  font-size: 0.95rem;
}

.top-nav-link.active {
  border-color: var(--border-strong);
  box-shadow: 0 0 0 2px color-mix(in oklab, var(--border-strong) 25%, transparent);
}