/* blocks_partials — shared content-column styles. Mirrors Figma node
   1424:11473. Class-prefixed `.blocks-content-col__*` so it can't leak. */

.blocks-content-col {
    display: flex;
    flex-direction: column;
    gap: 30px;
    /* `stretch` (the default) is critical: with column-flex, `flex-start`
       makes children take their max-content cross size, so a long h3
       blows the column wider than the viewport on mobile. Stretch caps
       each child at the container's width and lets text wrap. The
       divider keeps its explicit 142px width regardless (stretch doesn't
       override an explicit cross-axis size). */
    align-items: stretch;
    color: #130041;
    min-width: 0;
}

.blocks-content-col__eyebrow {
    margin: 0;
    color: #5e4c92;
    font-weight: 700;
    font-size: 13.75px;
    line-height: 17px;
    letter-spacing: 0.275px;
    text-transform: uppercase;
}

.blocks-content-col__h3 {
    margin: 0;
    color: #130041;
    font-weight: 900;
    font-size: 36px;
    line-height: 1.05;
    letter-spacing: -0.01em;
    text-wrap: balance;
}
@media (min-width: 768px) {
    .blocks-content-col__h3 {
        font-size: 34px;
    }
}
@media (min-width: 1024px) {
    .blocks-content-col__h3 {
        font-size: 50px;
    }
}
.blocks-content-col__h3 i,
.blocks-content-col__h3 em {
    font-style: italic;
}

.blocks-content-col__body {
    display: flex;
    flex-direction: column;
    gap: 15px;
    color: #3d464d;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
}
@media (min-width: 768px) {
    .blocks-content-col__body {
        font-size: 16px;
    }
}
.blocks-content-col__body p {
    margin: 0;
}
.blocks-content-col__body a {
    color: #5e4c92;
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* Divider — short charge-later-yellow rule between body and quote. */
.blocks-content-col__divider {
    display: block;
    width: 142px;
    height: 0;
    border-top: 2px solid #ffe476;
}

.blocks-content-col__quote {
    display: flex;
    flex-direction: column;
    gap: 5px;
    color: #75797c;
    font-size: 12px;
    line-height: 1.678;
    max-width: 480px;
}
.blocks-content-col__quote-text {
    margin: 0;
    color: #75797c;
    font-style: italic;
    font-weight: 400;
}
.blocks-content-col__quote-author {
    margin: 0;
    color: #75797c;
    font-style: italic;
    font-weight: 600;
}