.rui-component--two-column .rui-two-column {
    display: grid;
    gap: 1.5rem;
    align-items: start;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.rui-component--two-column .rui-two-column.rui-two-column--width-66-33 {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}

.rui-component--two-column .rui-two-column.rui-two-column--width-60-40 {
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
}

.rui-component--two-column .rui-two-column.is-reversed .rui-two-column__column--left {
    order: 2;
}

.rui-component--two-column .rui-two-column.is-reversed .rui-two-column__column--right {
    order: 1;
}

.rui-component--two-column .rui-two-column__column {
    min-width: 0;
}

.editor-styles-wrapper .ruven-kernel-two-column-editor > .block-editor-inner-blocks > .block-editor-block-list__layout {
    display: grid;
    gap: 1.5rem;
    align-items: start;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.editor-styles-wrapper .ruven-kernel-two-column-editor.is-width-66-33 > .block-editor-inner-blocks > .block-editor-block-list__layout {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}

.editor-styles-wrapper .ruven-kernel-two-column-editor.is-width-60-40 > .block-editor-inner-blocks > .block-editor-block-list__layout {
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
}

.editor-styles-wrapper .ruven-kernel-two-column-editor.is-reversed > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block-ruven-kernel-column-area:first-child {
    order: 2;
}

.editor-styles-wrapper .ruven-kernel-two-column-editor.is-reversed > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block-ruven-kernel-column-area:last-child {
    order: 1;
}

.editor-styles-wrapper .ruven-kernel-two-column-editor .wp-block-ruven-kernel-column-area {
    min-width: 0;
    border: 1px dashed rgba(0, 0, 0, 0.12);
    padding: 0.75rem;
    border-radius: 6px;
}

.editor-styles-wrapper .ruven-kernel-column-area-editor__label {
    margin: 0 0 0.5rem;
    font-size: 12px;
    font-weight: 600;
    opacity: 0.7;
}

@media (max-width: 781px) {
    .rui-component--two-column .rui-two-column,
    .rui-component--two-column .rui-two-column.rui-two-column--width-66-33,
    .rui-component--two-column .rui-two-column.rui-two-column--width-60-40,
    .editor-styles-wrapper .ruven-kernel-two-column-editor > .block-editor-inner-blocks > .block-editor-block-list__layout,
    .editor-styles-wrapper .ruven-kernel-two-column-editor.is-width-66-33 > .block-editor-inner-blocks > .block-editor-block-list__layout,
    .editor-styles-wrapper .ruven-kernel-two-column-editor.is-width-60-40 > .block-editor-inner-blocks > .block-editor-block-list__layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .rui-component--two-column .rui-two-column.is-reversed .rui-two-column__column--left,
    .rui-component--two-column .rui-two-column.is-reversed .rui-two-column__column--right,
    .editor-styles-wrapper .ruven-kernel-two-column-editor.is-reversed > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block-ruven-kernel-column-area:first-child,
    .editor-styles-wrapper .ruven-kernel-two-column-editor.is-reversed > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block-ruven-kernel-column-area:last-child {
        order: initial;
    }
}