/* Only pagination: preserve the existing print typography, colours and margins. */
@media print {
  .mx-hero,
  .mx-intro-facts,
  .mx-application,
  .mx-feature-card,
  .mx-feature-more details,
  .mx-spec-group,
  .mx-spec-group dl > div,
  .mx-options-layout,
  .mx-layout-grid figure,
  .eq-demo-request,
  .eq-catalogue-layout,
  .mx-model-footer {
    page-break-inside: avoid;
    break-inside: avoid-page;
  }

  /* Keep section titles and their first content block on the same sheet. */
  .dv-section-head,
  .eyebrow,
  h1, h2, h3,
  .mx-number,
  .mx-option-label {
    page-break-inside: avoid;
    break-inside: avoid-page;
    page-break-after: avoid;
    break-after: avoid-page;
  }

  .mx-feature-card > img,
  .mx-options-layout > img,
  .mx-layout-grid figure > a:first-child {
    page-break-after: avoid;
    break-after: avoid-page;
  }

  p, dt, dd {
    orphans: 3;
    widows: 3;
  }

  /* The technical sheet must not start with just its title and one row. */
  #ficha {
    page-break-before: always;
    break-before: page;
  }
}

/* At A4/Letter portrait widths these grids already have one column. Use normal
   flow in print so the browser can move complete cards/groups between sheets. */
@media print and (max-width: 760px) {
  .mx-feature-grid,
  .mx-feature-more,
  .mx-spec-groups,
  .mx-layout-grid {
    display: block;
  }

  .mx-feature-card + .mx-feature-card,
  .mx-spec-group + .mx-spec-group {
    margin-top: 20px;
  }

  .mx-layout-grid > figure + figure {
    margin-top: 30px;
  }
}