table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: theme('fontSize.base');
    text-align: left;
    vertical-align: top;
    width: 100%;
}

figure.table {
    display: block;
    overflow-x: scroll;

    @screen md {
        overflow-x: visible;
    }
}

figure.table,
figure.table.ck-widget {
    width: 100%;
}

th {
    font-weight: theme('fontWeights.bold');
}

tbody tr:nth-child(even) {
    background-color: theme('colors.gray.100');
}

th,
td {
    padding: theme('padding.2');
    vertical-align: top;

    // Remove margins for any markup that might be rendered ins
    > *:first-child {
        margin: 0;
    }
}

@screen lg {
    table {
        font-size: theme('fontSize.base');
    }
}
