.documents-intro > * + * { margin-block-start: var(--space-3); }
.documents-example__heading {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--space-2) var(--space-4);
  margin-block-end: var(--space-4);
}
.documents-example__grid { display: grid; gap: var(--space-5); }
.documents-example__grid > figure { min-width: 0; }
.documents-example__grid figcaption { margin-block-end: var(--space-3); }
.documents-before {
  margin: 0;
  padding: var(--space-4);
  max-width: 100%;
  overflow-x: auto;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 1.8;
  tab-size: 4;
}
.documents-after { overflow-x: auto; }
.documents-after img { display: block; width: 100%; min-width: 620px; max-width: none; }
.documents-routes { margin-block-start: var(--space-5); }
.documents-route { padding-block: var(--space-5); border-top: 1px solid var(--color-hairline); }
.documents-route > * + * { margin-block-start: var(--space-3); }
.documents-facts { padding-inline-start: var(--space-4); }
.documents-facts li + li { margin-block-start: var(--space-1); }
.documents-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3) var(--space-4); }
.documents-profiles { margin-block: var(--space-4) 0; padding-inline-start: var(--space-4); }
.documents-profiles li + li { margin-block-start: var(--space-2); }
.documents-notices > * + * { margin-block-start: var(--space-3); }
.documents-notices .documents-english-only:empty { display: none; }
.documents-resources { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); margin-block-start: var(--space-4); }
@media (min-width: 1100px) {
  .documents-example__grid { grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); }
  .documents-after img { min-width: 0; }
}