/* Shared social icon links: Instagram (brand gradient) + Reddit (orange Snoo), as inline SVGs.
   The same <ul class="social"> markup is used in the header/footer of every page
   (index.html, past-cleanups.html, waiver.html, api/cleanup.js). */
.social { display:flex; gap:6px; list-style:none; margin:0; padding:0; }
.social a { display:grid; place-items:center; width:44px; height:44px; border-radius:12px; color:inherit; transition:transform .15s ease; }
.social a:hover { transform:translateY(-1px) scale(1.06); }
.social a:focus-visible { outline:3px solid currentColor; outline-offset:1px; }
.social svg { width:30px; height:30px; display:block; }
@media (prefers-reduced-motion: reduce) { .social a { transition:none; } .social a:hover { transform:none; } }
@media (max-width: 520px) { .social a { width:40px; height:40px; } .social svg { width:28px; height:28px; } }