/* ============================================================
   Avrile — cs-text
   Bloc de texte libre : label eyebrow à gauche, prose à droite.
   ============================================================ */

.avr-cs-text {
  width: 100%;
  padding: calc(var(--avr-space-section) / 2) var(--avr-space-gutter);
}

.avr-cs-text__inner {
  max-width: var(--avr-max-content);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 200px minmax(0, 1fr);
  gap: var(--avr-space-xl);
  align-items: start;
}

.avr-cs-text__label {
  padding-top: 2px;
}

.avr-cs-text__body {
  max-width: var(--avr-max-text);
}

.avr-cs-text__body p {
  color: var(--avr-muted);
  line-height: var(--avr-leading-loose);
}

.avr-cs-text__body p + p {
  margin-top: var(--avr-space-xxs);
}

@media (max-width: 768px) {
  .avr-cs-text__inner {
    grid-template-columns: 1fr;
    gap: var(--avr-space-sm);
  }
}