:is(#field_2ss56, #field_azjiu, #field_4s7bi, #field_devs6, #field_nmksq, #field_r7q0e, #field_wh517, #field_69k) .frm_likert__heading .frm_primary_label,
:is(#field_2ss56, #field_azjiu, #field_4s7bi, #field_devs6, #field_nmksq, #field_r7q0e, #field_wh517, #field_69k) .frm_form_field .frm_primary_label {
    /* Sets the first column (the label/question) to take up 50% of the available width */
    flex-basis: 50%;
    /* Ensures it doesn't shrink or grow past this point */
    flex-grow: 0;
    flex-shrink: 0;
}

:is(#field_2ss56, #field_azjiu, #field_4s7bi, #field_devs6, #field_nmksq, #field_r7q0e, #field_wh517, #field_69k) .frm_likert__heading .frm_opt_container,
:is(#field_2ss56, #field_azjiu, #field_4s7bi, #field_devs6, #field_nmksq, #field_r7q0e, #field_wh517, #field_69k) .frm_form_field .frm_opt_container {
    /* The container holding the four radio options should take the remaining 50% */
    flex-basis: 50%;
    /* This makes sure the remaining four columns are contained within this 50% width */
    flex-grow: 0;
    flex-shrink: 0;

    /* To manage the four option columns within this 50% space: */
    display: flex; /* Ensure its children (the radio buttons) use flex */
    gap: 5px; /* Optional: Add some space between the option columns */
}

/* Now, set the width for the four small columns within the .frm_opt_container */
:is(#field_2ss56, #field_azjiu, #field_4s7bi, #field_devs6, #field_nmksq, #field_r7q0e, #field_wh517, #field_69k) .frm_likert__column,
:is(#field_2ss56, #field_azjiu, #field_4s7bi, #field_devs6, #field_nmksq, #field_r7q0e, #field_wh517, #field_69k) .frm_opt_container .frm_radio {
    /* Since there are 4 columns and they share 50% of the total width,
       each column should take 25% of that 50% space (which is 12.5% of the total).
       Using flex-basis: 25% here will make them evenly share the parent's 50% space. */
    flex-basis: 25%;
    flex-grow: 1; /* Allow them to fill the space */
    flex-shrink: 0;
}



@media (max-width: 534px) {
    /* Styles inside this block will only apply when the viewport is 534px or less */
    
    :is(#field_2ss56, #field_azjiu, #field_4s7bi, #field_devs6, #field_nmksq, #field_r7q0e, #field_wh517, #field_69k) .frm_likert__heading .frm_opt_container,
    :is(#field_2ss56, #field_azjiu, #field_4s7bi, #field_devs6, #field_nmksq, #field_r7q0e, #field_wh517, #field_69k) .frm_form_field .frm_opt_container {
        /* The container holding the four radio options should take the remaining 50% */
        flex-basis: 50%;
        /* This makes sure the remaining four columns are contained within this 50% width */
        flex-grow: 0;
        flex-shrink: 0;

        /* To manage the four option columns within this 50% space: */
        display: block; /* Ensure its children (the radio buttons) use flex */
        gap: 5px; /* Optional: Add some space between the option columns */
    }

}