/* BankInfo: article tables on Kazakh-language posts only. */
.article__content .bi-kz-table-scroll,
.bi-kz-table-scroll {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    border: 1px solid #dbe5f2;
    border-radius: 14px;
    margin: 1.75rem 0;
    background: #fff;
    box-shadow: 0 4px 20px rgb(15 44 91 / 5%);
}
/* Gutenberg <figure> can already be the outer wrapper. */
.article__content figure.wp-block-table:has(.bi-kz-table-scroll) {
    max-width: 100%;
    margin: 1.75rem 0;
}
.article__content figure.wp-block-table .bi-kz-table-scroll { margin: 0; }
.article__content .bi-kz-table-scroll table,
.bi-kz-table-scroll table {
    width: 100%;
    min-width: 850px;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: auto;
    margin: 0;
    background: #fff;
    font-size: 0.9rem;
    line-height: 1.48;
    color: #172b4d;
}
.article__content .bi-kz-table-scroll thead th,
.bi-kz-table-scroll thead th {
    background: #0f2b57;
    color: #fff;
    font-weight: 700;
    font-size: 0.91rem;
    vertical-align: middle;
    border: 0;
    padding: 14px 15px;
    text-align: left;
    white-space: normal;
}
.article__content .bi-kz-table-scroll th,
.article__content .bi-kz-table-scroll td,
.bi-kz-table-scroll th,
.bi-kz-table-scroll td {
    padding: 12px 15px;
    text-align: left;
    vertical-align: top;
    border: 0;
    border-bottom: 1px solid #e6edf6;
    overflow-wrap: break-word;
    word-break: normal;
    hyphens: auto;
}
.article__content .bi-kz-table-scroll tbody tr:nth-child(even),
.bi-kz-table-scroll tbody tr:nth-child(even) { background: #f5f8fd; }
.article__content .bi-kz-table-scroll tbody tr:last-child > *,
.bi-kz-table-scroll tbody tr:last-child > * { border-bottom: 0; }
.article__content .bi-kz-table-scroll tbody tr:hover,
.bi-kz-table-scroll tbody tr:hover { background: #ebf3ff; }
.bi-kz-table-scroll table th:first-child,
.bi-kz-table-scroll table td:first-child { min-width: 145px; font-weight: 600; }
.bi-kz-table-scroll table th:last-child,
.bi-kz-table-scroll table td:last-child { min-width: 240px; }
.bi-kz-table-scroll:focus-visible { outline: 2px solid #2374df; outline-offset: 3px; }
@media(max-width:767px) {
    .article__content .bi-kz-table-scroll, .bi-kz-table-scroll { margin: 1.25rem 0; border-radius: 10px; }
    .bi-kz-table-scroll table { min-width: 820px; font-size: 0.86rem; }
    .bi-kz-table-scroll th, .bi-kz-table-scroll td { padding: 10px 12px; }
}
