/* Automatyczne przewijanie za szerokich tabel na smartfonach */
@media (max-width:300px) {
    table {
        display: block;
        width: 100% !important;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}
.article-details table, 
table {
    display: block;
    width: 100% !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
/* Wymuszenie responsywności i suwaka dla wszystkich tabel na stronie */
table {
    width: 100% !important;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
    display: block;
    overflow-x: auto; /* Dodaje suwak, gdy tabela jest za szeroka */
}

/* Opcjonalnie: dodanie ładnego, delikatnego obramowania i odstępów */
table th, table td {
    padding: 0.75rem;
    border: 1px solid #dee2e6;
}