/* ==========================================================================
   content-section block — repeatable "H2 + optional image + text"
   Mobile: image appears right after H2, before the text.
   Desktop (>=1024px): image appears after the text, side by side.
   ========================================================================== */

.content-section__grid {
    display: grid;
    gap: 28px;
}

.content-section__body,
.content-section__media {
    min-width: 0;
}

.content-section__media {
    order: -1;
    border-radius: var(--radius-input);
    overflow: hidden;
    background: var(--color-card-bg);
}

.content-section__media img {
    width: 100%;
    height: auto;
    display: block;
}

.content-section__cta {
    margin-top: 28px;
}