/* Last Z Hub Discord invitation; deliberately scoped to these additions. */
a.lz-discord-nav { color: #c9c5ff; font-weight: 800; }
/* The full desktop menu now has an additional destination. Give it its own
   row instead of allowing links to run underneath the brand or account. */
@media (min-width: 1381px) {
  header .nav:has(> #navLinks > .lz-discord-nav) {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    gap: 0 24px; padding-top: 14px;
  }
  header .nav:has(> #navLinks > .lz-discord-nav) > .brand { grid-column: 1; grid-row: 1; }
  header .nav:has(> #navLinks > .lz-discord-nav) > .account-nav { grid-column: 2; grid-row: 1; }
  header .nav:has(> #navLinks > .lz-discord-nav) > #navLinks {
    grid-column: 1 / -1; grid-row: 2; justify-content: flex-start;
    flex-wrap: wrap; gap: 0 clamp(16px, 1.8vw, 28px);
  }
  header .nav:has(> #navLinks > .lz-discord-nav) > #navLinks > a {
    padding: 14px 0 16px; white-space: nowrap; font-size: .9rem;
  }
  header .nav:has(> #navLinks > .lz-discord-nav) > #navLinks > a::after { bottom: 8px; }
}
.lz-discord-home {
  box-sizing: border-box; width: min(1180px, calc(100% - 32px));
  margin: 20px auto; padding: 22px 26px;
  display: grid; grid-template-columns: 56px minmax(0, 1fr) auto;
  align-items: center; gap: 20px; border: 1px solid #615795; border-radius: 16px;
  background: linear-gradient(110deg, #161426, #0b141b); color: #f4f5fb;
  font-family: Inter, system-ui, sans-serif; line-height: 1.5;
}
.lz-discord-home > img { display: block; width: 56px; height: 56px; object-fit: contain; }
.lz-discord-home small { display: block; color: #c1baff; font-size: .68rem; letter-spacing: .13em; text-transform: uppercase; font-weight: 800; }
.lz-discord-home strong { display: block; margin-top: 3px; color: #fff; font-size: 1.25rem; line-height: 1.3; }
.lz-discord-home p { margin: 6px 0 0; color: #c1c3d1; font-size: .9rem; }
.lz-discord-home > a {
  display: inline-flex; min-height: 48px; align-items: center; justify-content: center;
  gap: 12px; padding: 10px 18px; border: 1px solid #b7aeff; border-radius: 10px;
  background: #5142bd; color: #fff; text-decoration: none; font-size: .9rem; font-weight: 800;
}
.lz-discord-home > a:hover { background: #6251d2; }
.lz-discord-home > a:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
@media (max-width: 680px) {
  .lz-discord-home { grid-template-columns: 44px minmax(0, 1fr); padding: 19px; gap: 14px; }
  .lz-discord-home > img { width: 44px; height: 44px; }
  .lz-discord-home > a { grid-column: 1 / -1; }
  .lz-discord-home strong { font-size: 1.13rem; }
}
@media (max-width: 480px) {
  .lz-discord-home { width: calc(100% - 24px); margin: 12px auto; }
}