/* Shared compact footer for every public mobile page. */
@media (max-width: 680px) {
  .site-footer,
  .appeal-page .site-footer {
    width: 100%;
    padding: 20px 14px 13px !important;
  }

  .footer-main,
  .appeal-page .footer-main {
    display: grid;
    grid-template-columns: minmax(92px, .72fr) minmax(0, 1.28fr) !important;
    grid-template-areas:
      "profile profile"
      "legal community";
    align-items: start;
    gap: 17px 12px !important;
    width: 100%;
    max-width: none;
    margin: 0;
  }

  .footer-profile,
  .appeal-page .footer-profile {
    grid-area: profile;
    max-width: none;
    padding-bottom: 13px;
    border-bottom: 1px solid rgba(255, 255, 255, .14);
  }

  .footer-brand,
  .appeal-page .footer-brand {
    align-items: center !important;
    gap: 8px;
  }

  .footer-brand img,
  .appeal-page .footer-brand img {
    width: 38px !important;
    height: 38px !important;
    border-radius: 3px;
  }

  .footer-brand strong,
  .appeal-page .footer-brand strong {
    padding-top: 0 !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
  }

  .footer-profile p,
  .appeal-page .footer-profile p {
    max-width: none;
    margin: 8px 0 0 !important;
    font-size: 9px !important;
    line-height: 1.5 !important;
  }

  .footer-legal,
  .footer-links,
  .appeal-page .footer-legal {
    grid-area: legal;
    display: grid;
    align-content: start;
    gap: 7px !important;
    min-width: 0;
  }

  .footer-legal h2,
  .footer-links h2,
  .appeal-page .footer-legal h2 {
    margin: 0 0 2px !important;
    font-size: 11px !important;
    line-height: 1.25;
  }

  .footer-legal a,
  .footer-links a,
  .appeal-page .footer-legal a {
    width: fit-content;
    font-size: 9px !important;
    line-height: 1.35;
  }

  .footer-community,
  .appeal-page .footer-community {
    grid-area: community;
    grid-column: auto !important;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 66px !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100%;
    max-width: none !important;
    padding: 0 0 0 12px !important;
    border-top: 0 !important;
    border-left: 1px solid rgba(255, 255, 255, .14) !important;
  }

  .footer-community h2,
  .appeal-page .footer-community h2 {
    margin: 0 0 4px !important;
    font-size: 8px !important;
    line-height: 1.25;
  }

  .footer-community-copy strong,
  .appeal-page .footer-community-copy strong {
    font-size: 12px !important;
    line-height: 1.25;
  }

  .footer-community-copy p,
  .appeal-page .footer-community-copy p {
    margin: 5px 0 7px !important;
    font-size: 8px !important;
    line-height: 1.4 !important;
  }

  .footer-community-copy a,
  .appeal-page .footer-community-copy a {
    font-size: 8px !important;
    line-height: 1.35;
  }

  .footer-community-code,
  .appeal-page .footer-community-code {
    justify-self: end;
    padding: 4px !important;
    border-radius: 3px;
  }

  .footer-community-code img,
  .appeal-page .footer-community-code img {
    width: 58px !important;
    height: 58px !important;
  }

  .footer-bottom,
  .appeal-page .footer-bottom {
    display: grid !important;
    justify-content: stretch;
    gap: 3px !important;
    width: 100%;
    max-width: none;
    margin: 17px 0 0 !important;
    padding-top: 11px !important;
    font-size: 8px !important;
    line-height: 1.4;
  }
}