/* DESKTOP STYLES (992px and up) */
@media (min-width: 992px) {
    .comparison-grid {
        display: flex;
        gap: 30px;
        align-items: flex-start;
    }

    .form-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }

    .form-column {
        flex: 1;
    }

    .result-column {
        flex: 0 0 350px;
        position: sticky;
        top: 100px;
    }

    .dob-field-group {
        grid-column: span 1; /* Desktop par 1 column */
    }
}