.cms-element-obm-table {
    --obm-table-border-color: #9a9a9a;
    --obm-table-head-background: #f5f5f5;
    --obm-table-stripe-background: #fafafa;
    max-width: 100%;
}

.cms-element-obm-table__scroll {
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
}

.cms-element-obm-table__scroll:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}

.cms-element-obm-table__table {
    width: 100%;
    min-width: 640px;
    margin: 0;
    border-collapse: collapse;
    border-spacing: 0;
}

.cms-element-obm-table__table caption {
    padding: 0 0 0.75rem;
    font-weight: 600;
    text-align: left;
}

.cms-element-obm-table__table th,
.cms-element-obm-table__table td {
    padding: 0.55rem 0.65rem;
    border: 1px solid var(--obm-table-border-color);
    text-align: left;
    vertical-align: top;
}

.cms-element-obm-table__table th {
    background: var(--obm-table-head-background);
    font-weight: 700;
}

.cms-element-obm-table__table.is-striped tbody tr:nth-child(even) td {
    background: var(--obm-table-stripe-background);
}

.cms-element-obm-table__scroll-hint {
    display: none;
    margin-top: 0.4rem;
    color: #666;
    font-size: 0.75rem;
}

@media (max-width: 767.98px) {
    .cms-element-obm-table__scroll-hint {
        display: block;
    }
}
