/**
 * Temporary runtime overrides loaded after build/main.min.css.
 * Keeps Canvas footer nav groups in 2 columns on mobile only.
 */

@media (max-width: 47.9375rem) {
  /* Canvas footer nav layout: 2 columns only on mobile.
     Logo and copyright remain full-width rows. */
  footer[role="contentinfo"] .section-grid--layout-1_column .section-grid__col--full {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 1.25rem !important;
    row-gap: 2rem !important;
  }

  footer[role="contentinfo"] .section-grid--layout-1_column .section-grid__col--full > .branding__link,
  footer[role="contentinfo"] .section-grid--layout-1_column .section-grid__col--full > .text-ck-editor:last-child {
    grid-column: 1 / -1 !important;
  }

  footer[role="contentinfo"] .section-grid--layout-1_column .section-grid__col--full > nav {
    min-width: 0;
  }

  footer[role="contentinfo"] .section-grid--layout-1_column .section-grid__col--full {
    column-gap: 1rem !important;
    row-gap: 1.75rem !important;
  }
}