/*
Power Ras 2026 — V25 FAQ layout fix (WordPress)
Scope: FAQ page only.
Purpose: keep the left editorial heading inside its own grid column.
Sticky positioning, scrolling and all existing motion/animation scripts remain unchanged.
*/

@media (min-width: 801px) {
  .pr-faq-group {
    grid-template-columns: minmax(340px, .78fr) minmax(0, 1.22fr);
    column-gap: clamp(56px, 5.5vw, 88px);
  }

  .pr-faq-group__head,
  .pr-faq-group__head h2,
  .pr-faq-list {
    min-width: 0;
  }

  body.v21-site .pr-faq-group__head h2,
  body.v22-site .pr-faq-group__head h2 {
    max-width: 100%;
    font-size: clamp(42px, 3.15vw, 56px);
    line-height: 1.02 !important;
    letter-spacing: -.045em !important;
  }
}

@media (min-width: 801px) and (max-width: 1100px) {
  .pr-faq-group {
    grid-template-columns: minmax(285px, .80fr) minmax(0, 1.20fr);
    column-gap: clamp(40px, 5vw, 56px);
  }

  body.v21-site .pr-faq-group__head h2,
  body.v22-site .pr-faq-group__head h2 {
    font-size: clamp(40px, 4.55vw, 50px);
  }
}

/* Mobile keeps the original single-column FAQ layout. */