/* Official social profiles (branding.SocialProfile) — footer, Contact page, mobile drawer.
   Monochrome glyphs in currentColor; every link is a >=44px target with a visible focus ring. */
.social-list { display: flex; flex-wrap: wrap; gap: var(--sp-2, .5rem); list-style: none; margin: 0; padding: 0; }
.social-link { display: inline-flex; align-items: center; justify-content: center; gap: var(--sp-2, .5rem);
  min-width: 44px; min-height: 44px; border-radius: 10px; text-decoration: none; color: inherit;
  transition: background-color .15s ease, color .15s ease; }
.social-link .social-icon { flex: none; width: 20px; height: 20px; }
.social-link:focus-visible { outline: 3px solid var(--c-blue-600, #2563eb); outline-offset: 2px; }

/* Footer (dark): icon row under the contact facts. */
.social-follow--footer { margin-block-start: var(--sp-4, 1rem); }
.social-follow--footer .social-link { color: var(--dk-text, #c8cfe6); border: 1px solid var(--dk-border, rgba(255,255,255,.11)); }
.social-follow--footer .social-link:hover { color: #fff; background: var(--dk-surface-2, rgba(255,255,255,.075)); }
.social-follow--footer .social-link:focus-visible { outline-color: var(--c-cyan-300, #67e8f9); }

/* Mobile drawer: small row at the bottom, below language / sign-in. */
.social-follow--mobile_menu { margin-block-start: var(--sp-3, .75rem); padding-block-start: var(--sp-3, .75rem);
  border-block-start: 1px solid var(--c-gray-200, #e1e6f0); }
.social-follow--mobile_menu .social-link { color: var(--c-gray-700, #3a4160); }
.social-follow--mobile_menu .social-link:hover { background: var(--c-gray-100, #eef1f8); color: var(--c-navy-900, #0b1040); }

/* Contact page: restrained "Follow Invoice And Tax" block in the form aside. */
.social-follow--contact { margin-block-start: var(--sp-6, 1.5rem); }
.social-follow__title { font-size: var(--fs-md, 1.2rem); margin-block-end: var(--sp-3, .75rem); }
.social-list--labelled { flex-direction: column; gap: var(--sp-1, .25rem); }
.social-link--labelled { justify-content: flex-start; padding-inline: var(--sp-2, .5rem) var(--sp-3, .75rem);
  color: var(--c-navy-900, #0b1040); }
.social-link--labelled:hover { background: var(--c-gray-100, #eef1f8); }
.social-link--labelled:hover .social-link__label { text-decoration: underline; }
.social-link--labelled .social-icon { color: var(--c-blue-700, #1d4ed8); }

@media (forced-colors: active) { .social-link { border: 1px solid CanvasText; } }
@media (prefers-reduced-motion: reduce) { .social-link { transition: none; } }