/* Keep the new footer isolated from the original legal-page design. */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/poppins/Poppins-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/poppins/Poppins-Bold.woff2") format("woff2");
}
.from-app { background-color: #1c1d1a; }
.from-app .site-footer { display: none; }
.legal-page .site-footer { padding-block: 36px; border-top: 1px solid #393a32; font-family: "Poppins", sans-serif; }
.legal-page .footer-inner { display: flex; flex-direction: column; align-items: center; gap: 8px; width: min(1200px, calc(100% - 96px)); margin-inline: auto; text-align: center; }
.legal-page .footer-brand p { margin: 0; color: #f6f4ec; font-size: .85rem; line-height: 1.7; }
.legal-page .footer-credit { white-space: nowrap; }
.legal-page .footer-heart { display: inline-block; width: 21px; height: 21px; vertical-align: -.25em; color: #d6524c; }
.legal-page .footer-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 2px 18px; max-width: 650px; padding: 0 !important; font-size: .75rem; line-height: 1.65; }
.legal-page .footer-links a { display: inline-flex; align-items: center; min-height: 32px; color: #b9b9ad; }
.legal-page .footer-links a:hover { color: #ffd569; }
.legal-page .footer-links a:focus-visible { outline: 2px solid #ffd569 !important; outline-offset: 4px; }
@media (max-width: 700px) {
  .legal-page .footer-inner { width: calc(100% - 40px); }
  .legal-page .site-footer { padding-block: 30px; }
}
@media (pointer: coarse) {
  .legal-page .footer-links a { min-height: 44px; }
}