.publications-template-default table {
    display: block;
    /* makes table a block element */
    width: 100%;
    /* full width */
    overflow-x: auto;
    /* horizontal scroll */
    -webkit-overflow-scrolling: touch;
    /* smooth scroll on mobile */
    /* prevent line breaks */
    margin: 40px 0;
}

.publications-template-default tr td:nth-child(1) {
    width: 10%;
}

.publications-template-default tr td {
    padding: 10px 20px;
    font-size: calc(13px + (18.0 - 13.0) * ((100vw - 1001px) / (2000 - 1001)));
    font-family: 'le-monde-livre-classic-byol', serif;
    vertical-align: top;
    color: #020202;
}

.publications-template-default tr td strong {
    font-size: calc(15px + (20.0 - 15.0) * ((100vw - 1001px) / (2000 - 1001)));
    font-family: 'Lato', sans-serif;
    color: #192F58;
    font-weight: 700;
}

@media (max-width: 1001px) {
    .publications-template-default tr td {
        font-size: calc(12px + (16.0 - 12.0) * ((100vw - 1001px) / (2000 - 1001)));
        padding: 5px 15px;
    }

    .publications-template-default tr td strong {
        font-size: calc(13px + (24.0 - 13.0) * ((100vw - 1001px) / (2000 - 1001)));
    }
}

@media (max-width: 749px) {
    .publications-template-default table {
        display: block;
        /* makes table a block element */
        width: 100%;
        /* full width */
        overflow-x: auto;
        /* horizontal scroll */
        -webkit-overflow-scrolling: touch;
        /* smooth scroll on mobile */
        /* prevent line breaks */
        white-space: nowrap;
        margin: 20px 0;
        padding-bottom: 12px;
        /* creates space above scrollbar */
    }

    .publications-template-default tr td:nth-child(1) {
        width: 10%;
    }

    .publications-template-default tr td {
        font-size: calc(14.0px + (16.0 - 14.0) * ((100vw - 300px) / (749 - 300)));
        padding: 5px 15px;
    }

 

    .publications-template-default tr td strong {
        font-size: calc(16.0px + (18.0 - 16.0) * ((100vw - 300px) / (749 - 300)));
    }

    /* Scrollbar Styling (WebKit Browsers: Chrome, Edge, Safari) */
    table::-webkit-scrollbar {
        height: 10px;
        /* scrollbar thickness */
    }

    table::-webkit-scrollbar-track {
        background: #e0e0e0;
        /* track background */
        border-radius: 10px;
    }

    table::-webkit-scrollbar-thumb {
        background-color: #192F58;
        /* scrollbar color */
        border-radius: 10px;
    }

    /* Optional: Hover effect */
    table::-webkit-scrollbar-thumb:hover {
        background-color: #0f1f3b;
    }
}