/* Social icons use the navigation color. */
.social-links{display:flex;align-items:center;gap:4px;flex-shrink:0}
.social-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:40px;min-height:40px;padding:8px;border-radius:8px;color:var(--muted);font-size:13px;line-height:1.4;white-space:nowrap}
.social-mark{display:block;width:22px;height:22px;background:currentColor;flex-shrink:0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
.social-mark-discord{-webkit-mask-image:url('/assets/social/discord.svg');mask-image:url('/assets/social/discord.svg')}
.social-mark-youtube{-webkit-mask-image:url('/assets/social/youtube.svg');mask-image:url('/assets/social/youtube.svg')}
.social-link:hover{background:var(--surface);color:var(--text);text-decoration:none}
.social-links-mobile{display:none}
.article-footer{align-items:center;flex-wrap:wrap}
.article-footer-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.social-links-footer{gap:8px}
.social-links-footer .social-link{padding:6px;min-height:36px}
.social-links-footer .social-mark{width:20px;height:20px}
@media(max-width:1100px) and (min-width:801px){
  .header-actions{gap:12px}
  .search-button{width:40px;height:40px;justify-content:center;padding:0}
  .search-button span,.search-button kbd{display:none}
}
@media(max-width:800px){
  .social-links-header{display:none}
  .social-links-mobile{display:flex;gap:8px;margin:0 0 24px}
  .social-links-mobile .social-link{flex:1;min-height:44px;border:1px solid var(--line);background:var(--surface)}
  .mobile-get-plugin{margin-bottom:12px}
  .article-footer{gap:10px}
  .article-footer-links{gap:8px 14px}
}