/* Pairing layout (text-left / image-right) exactly like the sample screenshot */
.solution-grid {
    display: grid;
    grid-template-columns: 1fr minmax(260px, 420px);
    gap: 20px 24px;
    align-items: start;
}

.solution-text {
    color: inherit;
}

    .solution-text p {
        color: rgba(255,255,255,0.85); /* 배경이 어두울 때 가독성 */
    }

    .solution-text ul {
        margin: 0;
        padding-left: 1.1rem;
        color: rgba(255,255,255,0.85);
    }

.solution-media img {
    width: 100%;
    height: auto;
    background: rgba(255,255,255,0.02);
}

/* Mobile: stack text then image */
@media (max-width: 992px) {
    .solution-grid {
        grid-template-columns: 1fr;
    }

    .solution-media {
        margin-top: -8px;
    }
}