/* The Perslis top row on standalone pages (scripts/build_topnav.py): the same name and links the
   main header carries, self-contained so it looks the same whatever the page's own styles are. */
.site-topnav { position: relative; z-index: 60; display: flex; align-items: center; justify-content: space-between;
  gap: 16px; flex-wrap: wrap; padding: 14px clamp(16px, 5vw, 64px); background: #f8f5ef; border-bottom: 1px solid #e4ddce;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.2; }
.site-topnav a { text-decoration: none; }
.site-topnav-brand { font-family: "Newsreader", "Iowan Old Style", Georgia, serif; font-weight: 600; font-size: 1.2rem; color: #23221e; }
.site-topnav-brand span { color: #7d9a82; }
.site-topnav-links { display: flex; flex-wrap: wrap; align-items: center; gap: 8px clamp(14px, 3vw, 32px); font-size: .92rem; }
.site-topnav-links a { color: #57544d; }
.site-topnav-links a:hover, .site-topnav-links a[aria-current="page"] { color: #23221e; }
.site-topnav-links a[aria-current="page"] { text-decoration: underline; text-underline-offset: 5px; }
.site-topnav-links .lang-toggle { font-size: .8rem; font-weight: 600; border: 1px solid #d8cfbd; border-radius: 999px; padding: 4px 12px; }
@media (max-width: 560px) { .site-topnav-links { width: 100%; font-size: .85rem; } }