/*
 * Note: app-owned, migrated from gem's quarantine/landing/.
 * Belongs in this app (not the brand gem) long-term. Header below is
 * the original gem-side note kept for traceability.
 *
 * Migrate when: the gem ships the next release with quarantine/landing/
 * deleted (this file replaces the bundled copy).
 */

/*
 * Note — landing-page chrome: footer and short-page wrapper.
 *
 * Not Mikael components; thin layout helpers used by the landing page
 * and a few short auth pages. Belong in the consuming app's CSS.
 */

.site-footer {
  width: 100%;
  background-color: var(--background-surface-1);
  padding: var(--spacing-48);
  /* Sticky-footer pair (see body in typography.css): on short pages
     this consumes the leftover vertical space and pins the footer to
     the viewport bottom; on tall pages it's a no-op. */
  margin-top: auto;
}

/* Short-page wrapper (login, MFA prompt, etc.) — fills the space
   between fixed nav and footer and centers its child both axes.
   Pairs with the sticky-footer body layout. */
.page-center {
  flex: 1 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  /* Clear the 80px fixed `.site-nav` so centered content isn't
     visually pulled upward beneath it. */
  padding-top: var(--spacing-80);
  padding-bottom: var(--spacing-80);
}

/* Asymmetric flex-wrap: row-gap × column-gap.
   Figma's stats row uses 24px between rows and 48px between columns. */
.flex-wrap-24-48 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  row-gap: var(--spacing-24);
  column-gap: var(--spacing-48);
}