/* Keep changes within Colibri's single-post layout at phone widths. */
@media (max-width: 767px) {
  body.single-post#colibri .style-57 {
    padding-top: 42px;
    padding-bottom: 42px;
  }

  body.single-post#colibri .style-57 h1 {
    font-size: clamp(2rem, 8vw, 2.5rem);
    line-height: 1.16;
    overflow-wrap: anywhere;
  }

  body.single-post#colibri .content.colibri-main-content-single .main-section {
    padding-top: 28px;
    padding-bottom: 40px;
  }

  body.single-post#colibri .style-dynamic-17-m5-height {
    min-height: 0;
  }

  body.single-post#colibri .colibri-post-content h2 {
    font-size: clamp(1.65rem, 7vw, 2rem);
    line-height: 1.2;
    overflow-wrap: anywhere;
  }

  body.single-post#colibri .colibri-post-content h3 {
    font-size: clamp(1.35rem, 6vw, 1.7rem);
    line-height: 1.25;
    overflow-wrap: anywhere;
  }

  body.single-post#colibri .colibri-post-content img,
  body.single-post#colibri .colibri-post-content video,
  body.single-post#colibri .colibri-post-content iframe {
    max-width: 100%;
  }

  body.single-post#colibri .colibri-post-content .wp-block-embed,
  body.single-post#colibri .colibri-post-content .wp-block-table {
    max-width: 100%;
    overflow-x: auto;
  }

  /* The plugin's fixed left rail covers text on narrow screens. */
  body.single-post#colibri #dpsp-floating-sidebar {
    display: none !important;
  }
}
