@media (max-width: 767.98px) {
    .loan-card {
        flex-direction: column;
    }

    .info-side,
    .result-side {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .result-side {
        border-top: 1px solid rgba(255, 255, 255, 0.1); 
    }

    .tabs-header {
        gap: 0.5rem !important;
    }

    .advice-tab {
        padding: 0.7rem !important;
    }
}

@media (max-width: 768px) {
    .credit-score-container {
        flex-direction: column !important;
        gap: 1rem !important;
    }
}

/* make both cols stretch to equal height on md+ */
@media (min-width: 768px) {
    .credit-score-container {
        align-items: stretch; 
    }

    .credit-score-text {
        align-self: center;
    }

    .credit-score-text,
    .credit-score-image {
        display: flex;
        flex-direction: column;
    }

    .credit-score-image-wrapper {
        height: 100%;
    }

        .credit-score-image-wrapper img {
            height: 100%;
            object-fit: cover; 
        }
}

@media (min-width: 1200px) {
    .credit-score-image-wrapper {
        max-height: 640px; 
    }
}