/* The row of links at the top of the main pages. Uses each page's own
   --ink / --muted / --accent. */
.topnav { padding: 0; border: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 18px; margin: 0 0 28px; font-size: 14px; }
.topnav a { font-size: 14px; color: var(--muted); text-decoration: none; line-height: 2; }
.topnav a:hover, .topnav a[aria-current="page"] { color: var(--ink); }
.topnav a.home { color: var(--ink); font-weight: 600; margin-right: 6px; }
.topnav .end { margin-left: auto; }