/* Shared navigation appearance, matching the rendered home page. */
header:has(.glass-nav) {
  font-family: Times, "Times New Roman", serif;
  font-size: 16px;
  line-height: 1.5;
  --background: oklch(0.995 0 0);
  --foreground: oklch(0.16 0 0);
}
.dark header:has(.glass-nav) {
  --background: oklch(0.07 0 0);
  --foreground: oklch(0.94 0 0);
}
header .glass-nav {
  color: var(--foreground);
  border: 1px solid color-mix(in oklab, var(--foreground), transparent 80%);
  background: color-mix(in oklab, var(--background), transparent 52%);
  box-shadow: 0 18px 55px color-mix(in oklab, var(--foreground), transparent 91%), 0 0 30px color-mix(in oklab, var(--foreground), transparent 94%);
  backdrop-filter: blur(22px) saturate(150%);
  -webkit-backdrop-filter: blur(22px) saturate(150%);
  border-radius: 23.2px;
}
header .glass-nav .font-heading {
  font-family: "EB Garamond", "EB Garamond Fallback", Georgia, serif;
}
header .nav-link {
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  height: 40px;
  padding-inline: 12px;
}
@media (min-width: 1280px) {
  header .nav-link { font-size: 15px; padding-inline: 16px; }
}