/* ==========================================================================
   social.css -- Instagram link
   --------------------------------------------------------------------------
   The original pulled this glyph from Squarespace's shared SVG sprite
   (/universal/svg/social-accounts.svg). That sprite is exactly the kind of
   dependency this rebuild removes, so the Instagram mark is inlined in
   index.html instead -- one fewer request, and it cannot break.
   ========================================================================== */

.social {
  margin: var(--social-gap) 0 0;
  text-align: center;
  line-height: 0;   /* stop the inline-block link from picking up text leading */
}

.social__link {
  display: inline-block;
  width: 32px;
  height: 32px;
  color: var(--ydb-icon);
}

.social__icon {
  display: block;
  width: 32px;
  height: 32px;
  fill: currentColor;
}