.edbs-pagination-buttons {
    display: flex;
    gap: 5px;
    margin-top: 10px;
}

.edbs-pagination-button {
    padding: 10px 15px;
    cursor: pointer;
}

.edbs-pagination-button.current {
    text-decoration: underline;
    font-weight: 700;
}

.edbs-pagination-button[disabled] {
    background-color: #ccc;
    cursor: not-allowed;
}

.edbs-boardscribe-table {
    width: 100%;
    border-collapse: collapse;
}

.edbs-boardscribe-table th,
.edbs-boardscribe-table td {
    padding: 8px;
    text-align: left;
    border: 1px solid #ddd;
}

/* table-layout: fixed splits the table's 100% width evenly across
   however many columns exist (no explicit widths needed), giving every
   column the same width for consistent vertical rhythm. Cell content
   wraps instead of forcing a column wider than its even share. */
.edbs-boardscribe-table.edbs-equal-columns {
    table-layout: fixed;
}

.edbs-boardscribe-table.edbs-equal-columns th,
.edbs-boardscribe-table.edbs-equal-columns td {
    overflow-wrap: break-word;
}

/* Stacking layout on small screens */
@media only screen and (max-width: 768px) {
    .edbs-boardscribe-table,
    .edbs-boardscribe-table thead,
    .edbs-boardscribe-table tbody,
    .edbs-boardscribe-table th,
    .edbs-boardscribe-table td,
    .edbs-boardscribe-table tr {
        display: block;
    }

    .edbs-boardscribe-table thead {
        display: none;
    }

    .edbs-boardscribe-table tr {
        margin-bottom: 10px;
    }

    .edbs-boardscribe-table td {
        display: flex;
        justify-content: space-between;
        padding: 10px;
        border: 1px solid #ddd;
        text-align: left;
    }

    .edbs-boardscribe-table td::before {
        content: attr(data-label);
        font-weight: bold;
        text-transform: uppercase;
    }
}