/*
 * Shared mobile guardrails for the legacy editorial Builder layout.
 *
 * These rules are intentionally route-scoped and only become active below
 * 768px.  Desktop composition and all non-editorial pages remain untouched.
 */
@media (max-width: 767px) {
  html body .site:is(
    [data-ktw-route="heizungsunternehmer"],
    [data-ktw-route="know-how"],
    [data-ktw-route="markenstory"],
    [data-ktw-route="partner"],
    [data-ktw-route="planer"]
  ) :is(
    .hero-grid,
    .section-head,
    .grid3,
    .grid4,
    .offer-grid,
    .roles-grid,
    .journey-grid,
    .family-grid,
    .faq-grid,
    .track-grid,
    .next-grid
  ) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body .site:is(
    [data-ktw-route="heizungsunternehmer"],
    [data-ktw-route="know-how"],
    [data-ktw-route="markenstory"],
    [data-ktw-route="partner"],
    [data-ktw-route="planer"]
  ) :is(
    .hero-grid,
    .section-head,
    .grid3,
    .grid4,
    .offer-grid,
    .roles-grid,
    .journey-grid,
    .family-grid,
    .faq-grid,
    .track-grid,
    .next-grid,
    .hero-copy,
    .hero-side,
    .panel,
    .card,
    .offer-card,
    .role-card,
    .journey-card,
    .family-card,
    .faq-card,
    .track-card,
    .next-card
  ) {
    box-sizing: border-box !important;
    max-width: 100% !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  html body .site:is(
    [data-ktw-route="heizungsunternehmer"],
    [data-ktw-route="know-how"],
    [data-ktw-route="markenstory"],
    [data-ktw-route="partner"],
    [data-ktw-route="planer"]
  ) .section-head {
    align-items: start !important;
    display: grid !important;
    gap: 1rem !important;
  }

  html body .site:is(
    [data-ktw-route="heizungsunternehmer"],
    [data-ktw-route="know-how"],
    [data-ktw-route="markenstory"],
    [data-ktw-route="partner"],
    [data-ktw-route="planer"]
  ) .section-head > * {
    grid-column: 1 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    min-width: 0 !important;
    position: static !important;
    transform: none !important;
    width: 100% !important;
  }

  html body .site:is(
    [data-ktw-route="heizungsunternehmer"],
    [data-ktw-route="know-how"],
    [data-ktw-route="markenstory"],
    [data-ktw-route="partner"],
    [data-ktw-route="planer"]
  ) .section-head .eyebrow {
    display: inline-flex !important;
    hyphens: none !important;
    max-width: 100% !important;
    overflow-wrap: normal !important;
    white-space: normal !important;
    word-break: normal !important;
  }

  html body .site:is(
    [data-ktw-route="heizungsunternehmer"],
    [data-ktw-route="know-how"],
    [data-ktw-route="markenstory"],
    [data-ktw-route="partner"],
    [data-ktw-route="planer"]
  ) .section-head h2 {
    font-size: clamp(2rem, 9vw, 2.75rem) !important;
    hyphens: none !important;
    line-height: 1.04 !important;
    max-width: 13em !important;
    overflow-wrap: normal !important;
    text-wrap: balance !important;
    word-break: normal !important;
  }

  html body .site:is(
    [data-ktw-route="heizungsunternehmer"],
    [data-ktw-route="know-how"],
    [data-ktw-route="markenstory"],
    [data-ktw-route="partner"],
    [data-ktw-route="planer"]
  ) .section-head p {
    line-height: 1.55 !important;
    overflow-wrap: break-word !important;
  }

  html body .site:is(
    [data-ktw-route="heizungsunternehmer"],
    [data-ktw-route="know-how"],
    [data-ktw-route="markenstory"],
    [data-ktw-route="partner"],
    [data-ktw-route="planer"]
  ) :is(.section, .section > .wrap, .section .panel) {
    box-sizing: border-box !important;
    min-width: 0 !important;
  }
}