/* Section links injected into the Living Manuscript header by web/site/build.py.
   Colours reuse the design's own values (see design-gallery.html). */
.nav .sections { display: flex; gap: 22px; margin-inline-start: auto; margin-inline-end: 28px;
  font: 500 11.5px 'DM Mono', monospace; letter-spacing: .14em; text-transform: uppercase; }
.nav .sections a { white-space: nowrap; color: #F0E5CF; text-decoration: none; padding-bottom: 3px; border-bottom: 1px solid rgba(211,170,101,.45);
  text-shadow: 0 1px 8px rgba(2,10,18,.8); }
.nav .sections a:hover, .nav .sections a:focus-visible { color: #fff; border-color: #D3AA65; }
.nav .sections .account-link { border: 1px solid #D3AA65; padding: 8px 12px; margin-top: -8px; background: rgba(4,16,29,.68); }
.nav .sections .account-link:hover, .nav .sections .account-link:focus-visible { background: #D3AA65; color: #04101d; }
@media (max-width: 760px) {
  .nav .meta { display: none; }
  .nav .sections { gap: 12px; margin-inline-end: 0; font-size: 10.5px; letter-spacing: .07em; }
  .nav .sections .account-link { padding: 6px 8px; margin-top: -6px; }
}