.wp-block-group.is-style-footer-nav-grid.is-layout-flex {
  @media (max-width: 875px) {
    /* Switch to grid. n.b. WP leaves `.is-layout-flex` on the element. */
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--wp--preset--spacing--80);
    justify-items: center;
    /* Override editor-applied inline spacing with fluid padding */
    padding: 15vw !important;
    > div,
    ul {
      align-items: center;
    }
    /* Hide original footer separator and add new ones between nav items. These are imperfect because their width varies as per the div contents, but they're good enough for this interim view. */
    .is-style-footer-separator {
      display: none;
    }
    > div:is(:nth-of-type(1), :nth-of-type(2))::after {
      display: block;
      width: 100%;
      height: 1px;
      margin: max(4vw, 20px) auto max(2vw, 20px);
      content: "";
      background: var(--wp--preset--color--footer-separator);
      box-shadow: 0 -1px rgb(0, 0, 0, 1);
    }
  }
  @media (max-width: 450px) {
    display: flex;
    flex-direction: column;
    > div {
      &:nth-child(odd)::after {
        display: none;
      }
    }
    .is-style-footer-separator {
      display: block;
      align-self: center;
      width: 8em;
      height: auto;
      margin: 2em 0;
      border-width: 0 0 1px 0;
      box-shadow: 0 -1px 0 rgb(0, 0, 0, 1);
      transform: none;
    }
  }
}

.has-credits-text-color a {
  color: var(--wp--preset--color--credits-text);
  &:hover {
    color: var(--wp--preset--color--credits-link-hover);
  }
}