/* Responsive safeguard aligned with the navigation breakpoint. */
@media (max-width: 920px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  .playbook-section .container,
  .playbook-section .section-heading,
  .playbook-section .section-heading > div,
  .playbook-section .section-heading > div:last-child {
    min-width: 0;
    max-width: 100%;
  }

  .playbook-section .section-heading {
    width: 100%;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .playbook-section .section-heading h2 {
    max-width: 100%;
    font-size: clamp(34px, 6.2vw, 48px) !important;
    line-height: 1.02;
    white-space: normal !important;
    overflow-wrap: break-word;
    word-break: normal;
  }

  .playbook-section .section-heading > div:last-child > p {
    width: 100%;
    max-width: 100%;
    overflow-wrap: break-word;
  }
}

@media (max-width: 620px) {
  .playbook-section .container {
    width: calc(100% - 28px);
  }

  .playbook-section .section-heading h2 {
    font-size: clamp(30px, 8.6vw, 35px) !important;
    overflow-wrap: anywhere;
    word-break: break-word;
  }
}