/* Keep the community shortcut visible above the portal's mobile link rules. */
.site-nav .header-actions .header-discord {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  gap: 8px;
  min-height: 44px;
  padding: 9px 12px;
  white-space: nowrap;
  border-color: rgba(178, 184, 255, .42);
  color: #e3e5ff;
}
.header-discord img { width: 20px; height: 20px; flex-shrink: 0; }
.site-nav .header-actions .header-discord:hover {
  border-color: #c7cbff;
  color: #fff;
  background: linear-gradient(135deg, rgba(180, 186, 255, .2), rgba(50, 54, 92, .22));
}
.header-discord:focus-visible { outline: 2px solid #c7cbff; outline-offset: 4px; }
@media (max-width: 820px) {
  .site-nav { height: auto; min-height: var(--header); flex-wrap: wrap; padding-block: 10px; gap: 8px; }
  .site-nav .brand { margin-right: auto; }
  .site-nav .nav-toggle { order: 2; }
  .site-nav .header-actions {
    display: flex;
    order: 3;
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: 0;
  }
}
@media (forced-colors: active) {
  .site-nav .header-actions .header-discord,
  .site-nav .header-actions .header-discord:hover { color: LinkText; border-color: ButtonText; background: Canvas; }
  .header-discord:focus-visible { outline-color: Highlight; }
}