.companion-opening {
  border-left: 0.35rem solid var(--bs-primary);
  background: color-mix(in srgb, var(--bs-primary) 7%, transparent);
  padding: 1.25rem 1.4rem;
  margin: 1rem 0 1.75rem;
  font-size: 1.08rem;
}

#quarto-document-content p {
  line-height: 1.72;
}

#quarto-document-content img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-inline: auto;
}

#quarto-document-content .figure-caption {
  max-width: 52rem;
  margin-inline: auto;
}

@media (max-width: 576px) {
  .companion-opening {
    padding: 1rem;
  }

  #quarto-document-content {
    overflow-wrap: anywhere;
  }

  #quarto-document-content pre,
  #quarto-document-content table,
  #quarto-document-content .cell-output-display {
    max-width: 100%;
    overflow-x: auto;
  }
}