/* Shared approved public footer, also used by the standalone article template. */
.qm-public-page .approved-footer {
  font-family: "Qumely Public Karla", system-ui, sans-serif;
}
.qm-public-page .approved-footer a {
  text-decoration: none;
}
.qm-public-page .approved-footer :focus-visible {
  outline: 3px solid var(--acc);
  outline-offset: 4px;
}
.qm-public-page .approved-footer .approved-footer-legal {
  display: none;
}
.qm-public-page .approved-footer-grid > div:nth-child(3) {
  grid-column: span 2;
}
@media (min-width: 601px) and (max-width: 700px) {
  .qm-public-page .approved-footer {
    padding: 40px 22px 24px !important;
  }
  .qm-public-page .approved-footer-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 30px 20px !important;
  }
  .qm-public-page .approved-footer-grid > div:nth-child(3) {
    grid-column: span 2;
  }
  .qm-public-page .approved-footer-grid a {
    min-height: 36px;
    display: flex;
    align-items: center;
  }
  .qm-public-page .approved-footer {
    padding-top: 44px !important;
  }
}

@media (max-width: 600px) {
  .qm-public-page .approved-footer {
    margin-top: 28px;
    padding: 8px 20px max(48px, env(safe-area-inset-bottom)) !important;
    background: var(--acc-s4);
    border-top: 1px solid var(--line);
  }
  .qm-public-page .approved-footer-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 28px 20px !important;
    padding-top: 24px;
  }
  .qm-public-page .approved-footer-grid > div:first-child {
    order: 3;
    grid-column: 1/-1;
    max-width: none !important;
    align-items: center;
  }
  .qm-public-page .approved-footer-grid > div:first-child img {
    height: 22px !important;
    align-self: center !important;
  }
  .qm-public-page .approved-footer-grid > div:last-child {
    grid-column: auto !important;
  }
  .qm-public-page .approved-footer-grid > div:not(:first-child) > div:first-child {
    margin-bottom: 6px !important;
  }
  .qm-public-page .approved-footer-grid > div:not(:first-child) > div:last-child {
    display: flex !important;
    flex-direction: column;
    gap: 0 !important;
  }
  .qm-public-page .approved-footer-grid a {
    display: flex;
    align-items: center;
    min-height: 44px;
    font-size: 15px !important;
    font-weight: 600;
    color: var(--text-2);
  }
  .qm-public-page .approved-footer > div:last-child {
    margin: 10px auto 0 !important;
    padding: 0 !important;
    border: 0 !important;
    justify-content: center !important;
  }
  .qm-public-page .approved-footer > div:last-child p {
    font-size: 12.5px !important;
  }
  .qm-public-page .approved-footer > div:last-child > div {
    display: none !important;
  }
  .qm-public-page .approved-footer-grid > div:nth-child(3) {
    display: none;
  }
  .qm-public-page .approved-footer .approved-footer-legal {
    display: block;
  }
  .qm-public-page .approved-footer .approved-footer-legal > div:first-child {
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--text-5);
  }
}