/* Official channels use their own visual identity; documents remain text links. */
.social-links { --social-ink:var(--theme-ink); --social-muted:var(--theme-muted); color:var(--social-ink); }
.social-links__channels { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.social-links__channel { display:flex; min-width:0; min-height:112px; align-items:center; flex-direction:column; gap:5px; padding:10px 2px; border-radius:12px; color:var(--social-ink); text-decoration:none; transition:background .2s ease; }
.social-links__channel:hover { background:var(--theme-soft); }
.social-links__icon { display:grid; width:48px; height:48px; margin-bottom:5px; place-items:center; border-radius:14px; color:#fff; transition:transform .2s ease; }
.social-links__icon svg { display:block; width:26px; height:26px; }
.social-links__icon.social-icon--instagram { background:linear-gradient(35deg,#F58529,#DD2A7B 50%,#8134AF); }
.social-links__icon.social-icon--facebook { background:#1877F2; }
.social-links__icon.social-icon--line { background:#06C755; }
.social-links__channel:hover .social-links__icon { transform:translateY(-2px); }
.social-links__name { font-size:13px; font-weight:700; line-height:1.5; white-space:nowrap; }
.social-links__account { color:var(--social-muted); font-size:11px; line-height:1.5; white-space:nowrap; }
.social-links__resources { margin-top:24px; }
.social-links__resources-title { margin:0; padding-bottom:9px; font-size:11px; font-weight:600; line-height:1.5; letter-spacing:.08em; color:var(--social-muted); }
.social-links__resource { display:flex; min-height:52px; align-items:center; gap:10px; border-top:1px solid var(--theme-border); color:var(--social-ink); text-decoration:none; }
.social-links__resource:last-child { border-bottom:1px solid var(--theme-border); }
.social-links__resource-name { min-width:0; font-size:14px; font-weight:600; line-height:1.5; }
.social-links__resource-meta { margin-left:auto; flex:none; font-size:10px; line-height:1.5; color:var(--social-muted); }
.social-links__resource>svg { width:16px; height:16px; flex:none; }
.social-links__document { width:20px; height:20px; flex:none; }
.social-links__document svg { display:block; width:100%; height:100%; }
.social-links__resource:hover { color:var(--theme-accent); }
.social-links :is(.social-links__channel,.social-links__resource):focus-visible { outline:2px solid var(--theme-accent); outline-offset:4px; }
@media (max-width:600px) {
  .social-links__channels { gap:4px; }
  .social-links__resource { gap:8px; }
}
@media (prefers-reduced-motion:reduce) {
  .social-links__channel,.social-links__icon { transition:none; }
}