/* Discord's official Clyde symbol and Blurple, with a compact header treatment. */
.discord-link {
    display:inline-flex; align-items:center; justify-content:center; gap:.65rem;
    flex-shrink:0; min-height:38px; padding:.55rem .95rem; border-radius:.8rem;
    border:1px solid #ffffff26; background:#5865f2; color:#fff;
    font-size:.8rem; font-weight:750; line-height:1.2; white-space:nowrap;
    box-shadow:inset 0 1px 0 #ffffff20,0 3px 12px #5865f22b;
    text-decoration:none; transition:background .15s,box-shadow .15s,transform .15s;
}
.discord-link svg { flex-shrink:0; }
.discord-link:hover { background:#4752c4; color:#fff; box-shadow:inset 0 1px 0 #ffffff20,0 5px 16px #5865f247; transform:translateY(-1px); }
.discord-link:active { transform:translateY(0); }
.discord-link:focus-visible { outline:3px solid #a4adff; outline-offset:3px; }
@media(max-width:767px) {
    .discord-link { width:38px; height:38px; padding:0; border-radius:.7rem; }
    .discord-link span { display:none; }
}
@media(max-width:1279px) {
    .app-topbar { flex-wrap:wrap; height:auto; padding-top:.5rem; padding-bottom:.5rem; gap:.5rem; }
    .app-topbar [data-product-quicksearch] { order:10; flex-basis:100%; max-width:none; }
}
@media(prefers-reduced-motion:reduce) { .discord-link { transition:none; } .discord-link:hover { transform:none; } }