/* Mainland preview footer. Shares the site's type, gutters and dark surface. */
@layer institutional {
  html[lang] body .page-shell .footer .footer-bottom.cn-footer {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    align-items: baseline !important;
    gap: 0 24px !important;
    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    letter-spacing: normal !important;
    color: #93a8b7 !important;
  }
  html[lang] body .page-shell .cn-footer > * {
    font: inherit !important;
    color: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    white-space: nowrap;
  }
  html[lang] body .page-shell .cn-footer .cn-registration {
    grid-column: 2;
    grid-row: 1;
    text-align: center;
    text-decoration: none;
    text-underline-offset: 4px;
  }
  html[lang] body .page-shell .cn-footer .cn-registration:hover { color: #dae5ec !important; text-decoration: underline; }
  html[lang] body .page-shell .cn-footer .cn-registration:focus-visible { outline: 2px solid #dae5ec; outline-offset: 5px; }
  html[lang] body .page-shell .cn-footer .cn-copyright { grid-column: 1; grid-row: 1; }
  html[lang] body .page-shell .cn-footer .cn-domain { grid-column: 3; grid-row: 1; text-align: right; }
  @media (max-width: 680px) {
    html[lang] body .page-shell #mobile-contact { padding-bottom: 24px !important; }
    html[lang] body .page-shell .footer { padding: 24px 0 28px !important; }
    html[lang] body .page-shell .footer .footer-bottom.cn-footer {
      grid-template-columns: auto auto !important;
      justify-content: center !important;
      column-gap: 20px !important;
      row-gap: 10px !important;
      margin-top: 0 !important;
      text-align: center !important;
    }
    html[lang] body .page-shell .cn-footer .cn-registration {
      grid-column: 1 / -1;
      grid-row: 1;
      justify-self: center;
      color: #b5c5d0 !important;
    }
    html[lang] body .page-shell .cn-footer .cn-copyright { grid-column: 1; grid-row: 2; }
    html[lang] body .page-shell .cn-footer .cn-domain { grid-column: 2; grid-row: 2; }
  }
}