/* Compacte stappenlijst onder grote afbeeldingen */
.compact-steps {
  margin: 12px 0 0;
  padding-left: 1.25rem;
  color: inherit;
  font: inherit;
  font-size: .86em;
  line-height: 1.35;
}

.compact-steps li {
  margin-bottom: .32rem;
  break-inside: avoid;
}

/* Deze handleiding heeft grote overzichtsafbeeldingen; iets compacter houden op A4 */
@media screen and (min-width: 761px), print {
  .page .section {
    margin-bottom: 10px;
  }

  .image-text-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    align-items: center;
  }

  img.manual-figure[src*="ms8111_batterij-wisselen"] {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: 205px;
    margin-left: auto;
    margin-right: auto;
    object-fit: contain;
  }

  img.manual-figure[src*="ms8111_kluis-openen"] {
    display: block;
    width: 100%;
    max-width: 100%;
    max-height: 360px;
    margin-left: auto;
    margin-right: auto;
    object-fit: contain;
  }

  img.manual-figure[src*="ms8111_noodsleutel-bedienen"] {
    display: block;
    width: 100%;
    max-width: 100%;
    max-height: 760px;
    margin-left: auto;
    margin-right: auto;
    object-fit: contain;
  }
}

@media screen and (min-width: 761px) {
  .compact-steps.two-column {
    column-count: 2;
    column-gap: 2rem;
  }
}

@media print {
  .compact-steps.two-column {
    column-count: 2;
    column-gap: 1.6rem;
  }

  .compact-steps li {
    break-inside: avoid;
  }
}

/* Mobiel/iOS Safari: voorkom smalle tekstkolommen en automatische tekstvergroting */
@media screen and (max-width: 760px) {
  html,
  body,
  .page {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  .image-text-grid {
    grid-template-columns: 1fr !important;
    gap: 12px;
  }

  .image-text-grid > div {
    min-width: 0;
    width: 100%;
  }

  .image-text-grid p,
  .image-text-grid .note,
  .image-text-grid code {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-size: 1em !important;
    line-height: inherit;
  }
}