/* ==========================================================================
   CALLA — Rozwiązanie (single): sekcje tekstowe 2 i 5
   (template-parts/solution-intro/section-solution-intro.php, reużyte 2x).
   Layout: STACK na KAŻDEJ szerokości — nagłówek nad opisem, jedna kolumna
   (korekta błędnej interpretacji zrzutu Mike'a z pierwszej rundy, patrz
   brief-single-rozwiazanie-poprawki-2.md, punkt 1).
   ========================================================================== */

.solution-intro {
  max-width: 1140px;
  padding-block: var(--section-spacing);
  margin: 0 auto;
}

.solution-intro__inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-5);
}

.solution-intro__heading-col h2 {
  margin-top: 0;
  max-width: 100%;
}

/* Rozmiar nowy, nie pasuje do istniejących tokenów (docelowo 28px/55px na
   desktopie, w dół do ~22px na mobile) — fluid clamp() zgodnie z zasadą
   projektu, zero wyjątków. line-height 1.96 = 55/28 dokładnie. */
.solution-intro__description {
  margin: 0;
  max-width: 100%;
  font-family: var(--font-heading);
  font-weight: var(--fw-light);
  font-size: clamp(22px, calc(0.39vw + 20.54px), 28px);
  line-height: 1.96;
  letter-spacing: 0.01em;
  color: var(--color-text);
}