.shared-site-footer {
  margin-top: clamp(5rem, 12vw, 10rem);
  border-top: 1px solid color-mix(in srgb, var(--shared-ink) 16%, transparent);
  background: var(--shared-paper);
  color: var(--shared-ink);
}
.shared-site-footer__inner {
  width: min(100% - 32px, var(--shared-wide));
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 3rem;
  align-items: start;
  padding-block: clamp(2.5rem, 6vw, 5rem);
}
.shared-site-footer__brand { width: fit-content; color: inherit; text-decoration: none; }
.shared-site-footer__menu {
  display: grid;
  grid-template-columns: repeat(2, minmax(150px, 1fr));
  gap: .9rem 2.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.shared-site-footer__menu a { color: inherit; font-size: .95rem; line-height: 1.6; text-decoration: none; }
.shared-site-footer__menu a:hover,
.shared-site-footer__menu a:focus-visible,
.shared-site-footer__brand:hover,
.shared-site-footer__brand:focus-visible { text-decoration: underline; text-underline-offset: .22em; }
@media (max-width: 700px) {
  .shared-site-footer__inner { grid-template-columns: 1fr; gap: 2.25rem; }
  .shared-site-footer__menu { grid-template-columns: 1fr; gap: .75rem; }
}