.share-row.share-row--icons {
  align-items: flex-start;
  gap: 10px;
}

.share-row.share-row--icons .share-label {
  flex-basis: 100%;
  min-height: auto;
  margin: 0 0 2px;
}

.share-row.share-row--icons .share-icon {
  display: inline-flex;
  width: 48px;
  min-height: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 11px;
  color: var(--ink);
}

.share-row.share-row--icons .share-icon:hover,
.share-row.share-row--icons .share-icon:focus-visible {
  border-color: var(--rust);
  color: var(--rust);
}

.share-row.share-row--icons .share-icon__glyph {
  display: block;
  font-family: "Latin Modern", "Computer Modern", serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}

.share-row.share-row--icons .share-icon--facebook .share-icon__glyph {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -1px;
}

.share-row.share-row--icons .share-icon--email .share-icon__glyph {
  font-size: 20px;
}

.share-row.share-row--icons .share-icon--copy .share-icon__glyph {
  font-size: 23px;
}

.share-row.share-row--icons .share-icon--share .share-icon__glyph {
  font-size: 24px;
}

@media (max-width: 760px) {
  .site-header nav {
    gap: 8px;
  }

  .site-header nav a {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    font-size: .8125rem;
    letter-spacing: .075em;
  }
}

@media (max-width: 470px) {
  .site-header {
    align-items: center;
    padding: 12px 0;
  }

  .site-header nav {
    gap: 0;
  }
}

/* A consistent, useful ending for every editorial. */
.site-footer {
  gap: 20px;
}

.site-footer .article-footer-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px 20px;
}

.site-footer .article-footer-nav a {
  min-height: 44px;
}

.site-footer .article-footer-nav .recommended-read {
  gap: .35em;
}

.site-footer .article-footer-nav .recommended-read span {
  color: var(--muted);
  font-size: .76rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

@media (max-width: 760px) {
  .site-footer {
    min-height: auto;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 18px 0;
    gap: 4px;
  }

  .site-footer .article-footer-nav {
    width: 100%;
    align-items: flex-start;
    flex-direction: column;
    gap: 0;
  }

  .site-footer .article-footer-nav .recommended-read {
    align-items: baseline;
    flex-wrap: wrap;
    min-height: 44px;
  }
}