/* Public text tables only; preserve photo grids, nested layouts and form widgets. */
:where(.icerikPanel #main-content article) table:not([role="presentation"], [role="none"], .table-unstyled, .table-layout, table table):not(:has(table, img, input, button, select, textarea)) {
    --content-table-stripe: #f3f6f9;
    --content-table-hover: #e3eff9;
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

:where(.icerikPanel #main-content article) table:not([role="presentation"], [role="none"], .table-unstyled, .table-layout, table table):not(:has(table, img, input, button, select, textarea)) > :is(thead, tbody, tfoot) > tr > :is(td, th) {
    height: 48px;
    padding: 12px 16px;
    line-height: 1.5;
    vertical-align: middle;
    overflow-wrap: anywhere;
    border-bottom: 1px solid #dce3e9;
}

:where(.icerikPanel #main-content article) table:not([role="presentation"], [role="none"], .table-unstyled, .table-layout, table table):not(:has(table, img, input, button, select, textarea)) > tbody > tr:nth-child(even) {
    background-color: var(--content-table-stripe);
}

:where(.icerikPanel #main-content article) table:not([role="presentation"], [role="none"], .table-unstyled, .table-layout, table table):not(:has(table, img, input, button, select, textarea)) > tbody > tr:is(:hover, :focus-within) {
    background-color: var(--content-table-hover);
}

@media (max-width: 600px) {
    :where(.icerikPanel #main-content article) table:not([role="presentation"], [role="none"], .table-unstyled, .table-layout, table table):not(:has(table, img, input, button, select, textarea)) > :is(thead, tbody, tfoot) > tr > :is(td, th) {
        padding: 10px 12px;
    }
}