/* ==========================================================
   v591 TablePress mobile responsiveness
   Keeps comparison tables readable on phones without clipping
   or changing the desktop/tablet presentation.
========================================================== */
.sag-tablepress-scroll{
    width:100%;
    max-width:100%;
}

.sag-tablepress-scroll-hint{
    display:none;
}

@media (max-width:767px){
    .sag-single-content .sag-tablepress-scroll,
    .entry-content .sag-tablepress-scroll,
    .sag-tablepress-scroll{
        display:block;
        width:100%;
        max-width:100%;
        overflow-x:auto !important;
        overflow-y:hidden;
        -webkit-overflow-scrolling:touch;
        overscroll-behavior-inline:contain;
        scrollbar-width:thin;
        scrollbar-color:#aab4bc #eef1f3;
        margin:8px 0 26px;
        padding:0 0 7px;
        border-radius:0;
    }

    .sag-tablepress-scroll::-webkit-scrollbar{
        height:6px;
    }

    .sag-tablepress-scroll::-webkit-scrollbar-track{
        background:#eef1f3;
        border-radius:999px;
    }

    .sag-tablepress-scroll::-webkit-scrollbar-thumb{
        background:#aab4bc;
        border-radius:999px;
    }

    .sag-tablepress-scroll > table.tablepress,
    .sag-tablepress-scroll table.tablepress{
        width:100% !important;
        min-width:760px !important;
        max-width:none !important;
        margin:0 !important;
        table-layout:auto !important;
    }

    .sag-tablepress-scroll table.tablepress th,
    .sag-tablepress-scroll table.tablepress td{
        padding:11px 12px !important;
        font-size:14px !important;
        line-height:1.45 !important;
        vertical-align:top !important;
        white-space:normal !important;
        word-break:normal !important;
        overflow-wrap:normal !important;
    }

    .sag-tablepress-scroll table.tablepress th{
        font-weight:600 !important;
    }

    .sag-tablepress-scroll-hint{
        display:flex;
        align-items:center;
        justify-content:flex-end;
        width:100%;
        margin:5px 0 5px;
        color:#8a8f98;
        font-family:Inter,Arial,sans-serif;
        font-size:11.5px;
        line-height:1.35;
        font-weight:400;
        font-style:normal;
        text-align:right;
    }

    .sag-tablepress-scroll-hint[hidden]{
        display:none !important;
    }
}

@media (max-width:389px){
    .sag-tablepress-scroll > table.tablepress,
    .sag-tablepress-scroll table.tablepress{
        min-width:720px !important;
    }

    .sag-tablepress-scroll table.tablepress th,
    .sag-tablepress-scroll table.tablepress td{
        padding:10px 11px !important;
        font-size:13.5px !important;
    }
}
