/* ============================================================
   YLLY Texte 2 Colonnes — Frontend styles
   Figma: NovCast > node 1128:23132
   CSS reformate depuis une version minifiee sans source :
   reformatage verifie semantiquement neutre.
   ============================================================ */

.yl-text-columns {
    background-color:var(--color-surface-white);
    padding-block: var(--section-py-lg);
}

.yl-text-columns__inner {
    align-items:flex-start;
    display:flex;
    gap:0;
    margin-inline:auto;
    max-width:1440px;
    padding-inline:clamp(24px,6vw,191px);
}

.yl-text-columns__col {
    flex:1;
}

.yl-text-columns__divider {
    align-self:stretch;
    background-color:var(--color-stroke-light);
    flex-shrink:0;
    margin-inline:clamp(32px,4vw,60px);
    width:1px;
}

.yl-text-columns__heading {
    color:var(--color-text-default);
    font-family:var(--font-family-base);
    font-size:clamp(26px,3vw,var(--font-size-h2));
    font-weight:var(--font-weight-semibold);
    letter-spacing:-.02em;
    line-height:var(--line-height-heading);
    margin:0 0 var(--space-32);
}

.yl-text-columns__body {
    color:var(--color-text-default);
    font-family:var(--font-family-base);
    font-size:var(--font-size-sm);
    font-weight:var(--font-weight-medium);
    line-height:var(--line-height-sm);
    margin:0;
}

@media (max-width:768px) {
    .yl-text-columns__inner {
        flex-direction:column;
        gap:var(--space-40);
    }
    .yl-text-columns__divider {
        height:1px;
        margin-block:0;
        margin-inline:0;
        width:100%;
    }
}