/*
 * GEXYRAL WEB-C02-R2
 * PC global width + explicit editorial-break softening.
 *
 * Authority goals:
 * - home editorial line breaks remain available for <= 860px,
 *   but become soft/natural on desktop;
 * - FAQ heading receives enough width to avoid orphan fragments;
 * - the single homepage project-contact card uses the full global container;
 * - inner public H1/H2 hard breaks are softened on desktop as a site-wide
 *   regression guard.
 */

@media (min-width: 861px) {
  /* Explicit renderer-controlled editorial breaks: mobile keeps them,
     desktop lets the browser fill the actual available width. */
  br.gexyral-editorial-break {
    display: none !important;
  }

  body[data-home-cms-ready="1"] .gexyral-faq-layout {
    grid-template-columns: minmax(620px, 1.04fr) minmax(0, .96fr) !important;
    gap: clamp(48px, 4vw, 72px) !important;
  }

  body[data-home-cms-ready="1"] .gexyral-faq-layout > div:first-child {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  body[data-home-cms-ready="1"] .gexyral-faq-layout > div:first-child h2 {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    white-space: normal !important;
    text-wrap: wrap !important;
    text-wrap-mode: wrap !important;
    text-wrap-style: auto !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    line-break: auto !important;
  }

  /* Project communication: use the same global container instead of
     retaining the former 820px island / half-card impression. */
  body[data-home-cms-ready="1"] .gexyral-final > .gexyral-container {
    width: min(var(--gexyral-max), calc(100% - 112px)) !important;
    max-width: none !important;
  }

  body[data-home-cms-ready="1"] .gexyral-final h2 {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    white-space: normal !important;
    text-wrap: wrap !important;
    text-wrap-style: auto !important;
  }

  body[data-home-cms-ready="1"] .gexyral-contact-role-surface--home {
    width: 100% !important;
    max-width: none !important;
    margin: 30px 0 12px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body[data-home-cms-ready="1"] .gexyral-contact-role-surface--home .gexyral-contact-role-card {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  body.gexyral-inner-body .gexyral-inner-hero h1 br,
  body.gexyral-inner-body .gexyral-inner-content .gexyral-inner-section-head h2 br,
  body.gexyral-inner-body .gexyral-inner-cta h2 br {
    display: none !important;
  }

  body.gexyral-inner-body .gexyral-inner-hero h1,
  body.gexyral-inner-body .gexyral-inner-content .gexyral-inner-section-head h2,
  body.gexyral-inner-body .gexyral-inner-cta h2 {
    white-space: normal !important;
    text-wrap: wrap !important;
    text-wrap-style: auto !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }
}

@media (min-width: 861px) and (max-width: 1500px) {
  body[data-home-cms-ready="1"] .gexyral-final > .gexyral-container {
    width: min(var(--gexyral-max), calc(100% - 96px)) !important;
  }

  body[data-home-cms-ready="1"] .gexyral-faq-layout {
    grid-template-columns: minmax(520px, 1fr) minmax(0, 1fr) !important;
  }
}

@media (min-width: 861px) and (max-width: 1100px) {
  body[data-home-cms-ready="1"] .gexyral-final > .gexyral-container {
    width: min(var(--gexyral-max), calc(100% - 48px)) !important;
  }

  body[data-home-cms-ready="1"] .gexyral-faq-layout {
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr) !important;
    gap: 42px !important;
  }
}