/* Social access inherits the publication's existing colors and typography. */
.instagram-icon { display: inline-flex; flex: 0 0 44px; align-items: center; justify-content: center; width: 44px; min-height: 44px; }
.instagram-icon svg { display: block; flex: none; }
.instagram-link:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.site-header .header-actions .instagram-icon { padding: 10px; }
.story-nav .instagram-icon { margin-left: auto; color: var(--forest); }
.story-footer { flex-wrap: wrap; gap: 20px; }
@media (max-width: 380px) {
  .site-header .header-actions { flex-wrap: wrap; max-width: calc(100vw - 148px); }
  .story-nav { flex-wrap: wrap; gap: 8px 16px; padding-block: 8px; }
  .story-nav .story-logo { flex: 1 1 180px; }
  .story-nav .story-back { margin-left: auto; }
}

.instagram-footer-link { display: inline-flex; align-items: center; gap: 7px; min-height: 44px; }
.instagram-footer-link svg { display: block; flex: none; }

#society > div { align-items: center; flex-wrap: wrap; }