@font-face {
  font-family: 'Manrope';
  src: url('assets/fonts/manrope-variable.ttf') format('truetype');
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans 3';
  src: url('assets/fonts/source-sans-3-variable.ttf') format('truetype');
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
}

.safety-note {
  padding-block: 22px;
  color: var(--muted);
  font-size: 13px;
}

.safety-note p { margin: 0; max-width: 850px; }
.safety-note strong { color: var(--ink); }
.legal-modal .modal-body > section { margin-top: 26px; }
.legal-modal h3 { font-size: 19px; line-height: 1.4; margin-bottom: 10px; }
.legal-modal p { font-size: 15px; line-height: 1.75; }
.legal-modal a { overflow-wrap: anywhere; text-decoration: underline; text-underline-offset: 3px; }
.form-privacy { margin: 8px 0 18px; color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }
.form-privacy:focus-visible { outline: 2px solid var(--blue); outline-offset: 4px; }
footer .footer-top nav { flex-wrap: wrap; }

@media (max-width: 680px) {
  .legal-modal .modal-body { padding-inline: 24px; }
}