.tabela-rolavel {
    margin: var(--espaco-4) 0 var(--espaco-5);
    overflow-x: auto;
    border: 1px solid var(--cor-borda);
    border-radius: var(--raio);
    background: var(--cor-superficie);
}

.tabela {
    width: 100%;
    min-width: 40rem;
    border-collapse: collapse;
    font-size: 0.92rem;
}

.tabela th,
.tabela td {
    padding: var(--espaco-3) var(--espaco-4);
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid var(--cor-borda);
}

.tabela code {
    overflow-wrap: normal;
    white-space: nowrap;
}

.tabela th {
    font-size: 0.76rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--cor-texto-suave);
    background: var(--cor-superficie-2);
}

.tabela tbody tr:last-child td {
    border-bottom: 0;
}

.codigo-regra {
    font-family: var(--fonte-codigo);
    font-weight: 700;
    color: var(--cor-destaque);
}