/* Borderless Discord link with a smoke-purple accent that sits quietly on the dark header. */
.topnav .zs-top-discord {
  position: absolute; z-index: 6; top: 41px; left: calc(22px + 1.5cm);
  display: inline-flex; align-items: center; gap: 8px; min-height: 24px; padding: 0;
  border: 0; border-radius: 0; background: transparent; box-shadow: none;
  color: #78738f; font: 700 14px/1.4 Arial,sans-serif; letter-spacing: 0;
  text-transform: uppercase; text-decoration: none; text-shadow: 0 1px 1px #000;
  transition: color .16s ease;
}
.topnav .zs-top-discord svg { width: 20px; height: 20px; flex: 0 0 20px; fill: #86819d; transition: fill .16s ease; }
.topnav .zs-top-discord:hover,.topnav .zs-top-discord:focus-visible { color: #a7a0bf; text-decoration: none; }
.topnav .zs-top-discord:hover svg,.topnav .zs-top-discord:focus-visible svg { fill: #b1a9cc; }
.topnav .zs-top-discord:focus-visible { outline: 1px solid #89839f; outline-offset: 3px; }
@media(max-width:1599px) { .topnav .zs-top-discord { top: 41px; left: calc(12px + 1.5cm); } }
@media(max-width:600px) { .topnav .zs-top-discord { top: 7px; left: 6px; font-size: 11px; } .topnav .zs-top-discord svg { width: 17px; height: 17px; flex-basis: 17px; } }
@media(prefers-reduced-motion:reduce) { .topnav .zs-top-discord,.topnav .zs-top-discord svg { transition: none; } }
