.site-legal-footer {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 1rem 1.25rem calc(1rem + env(safe-area-inset-bottom));
  border-top: 1px solid rgba(64, 84, 101, .22);
  background: #f6f8fa;
  color: #52616d;
  font: 500 .82rem/1.5 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-align: center;
}
.site-legal-footer__links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: .45rem .75rem;
}
.site-legal-footer a {
  color: #0b5fa5;
  text-decoration: none;
  font-weight: 750;
}
.site-legal-footer a:hover,
.site-legal-footer a:focus-visible { text-decoration: underline; }
.site-legal-footer__note { display: block; margin-top: .35rem; font-size: .75rem; }
.external-media-placeholder {
  box-sizing: border-box;
  max-width: 680px;
  margin: 1rem auto;
  padding: 1.1rem;
  border: 1px solid #b9c8d4;
  border-radius: 12px;
  background: #f7fafc;
  color: #243746;
  text-align: left;
}
.external-media-placeholder strong { display: block; margin-bottom: .35rem; }
.external-media-placeholder p { margin: .4rem 0 .8rem; }
.external-media-placeholder button,
.external-media-placeholder .external-media-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: 0;
  border-radius: 8px;
  padding: .65rem .9rem;
  background: #0b5fa5;
  color: #fff;
  font: 700 .9rem/1 system-ui, sans-serif;
  text-decoration: none;
  cursor: pointer;
}
.external-media-placeholder .external-media-link { background: #e8eef3; color: #17435f; margin-left: .45rem; }
.external-media-placeholder iframe,
.external-media-placeholder img { display: block; width: 100%; max-width: 680px; margin-top: .8rem; border: 0; border-radius: 8px; }
@media (max-width: 720px) {
  .site-legal-footer { padding-bottom: calc(5.2rem + env(safe-area-inset-bottom)); }
  .external-media-placeholder button,
  .external-media-placeholder .external-media-link { width: 100%; margin: .45rem 0 0; }
}