.tst-exact-wrap{
    width:100%;
    max-width:1230px;
    margin:0 auto;
    overflow-x:auto;
    overflow-y:hidden;
    box-sizing:border-box;

    /* Keep the responsive scrollbar inside the table box */
    scrollbar-width:auto;
    scrollbar-color:#b8bec5 #eef0f2;
}

.tst-exact-wrap::-webkit-scrollbar{
    height:10px;
}

.tst-exact-wrap::-webkit-scrollbar-track{
    background:#eef0f2;
    border-radius:0 0 12px 12px;
}

.tst-exact-wrap::-webkit-scrollbar-thumb{
    background:#b8bec5;
    border-radius:10px;
    border:2px solid #eef0f2;
}

.tst-exact-wrap::-webkit-scrollbar-thumb:hover{
    background:#9ea5ad;
}

.tst-exact-table{
    width:100%;
    min-width:760px;
    font-family:Arial,Helvetica,sans-serif;
    color:#17365d;
    font-size:14px;
    line-height:1.35;
    border:1px solid #dfe4e8;
    border-radius:12px;
    overflow:hidden;
    box-sizing:border-box;
}

.tst-exact-head,
.tst-exact-row{
    display:grid;
    grid-template-columns:22% 35% 25% 18%;
    align-items:center;
    box-sizing:border-box;
}

.tst-exact-head{
    min-height:58px;
    padding:0 28px;
    background:#14883f;
    color:#fff;
    font-weight:700;
    font-size:15px;
}

.tst-exact-row{
    min-height:78px;
    padding:10px 28px;
    border-bottom:1px solid #e0e4e8;
    background:#fff;
    transition:background-color .25s ease;
}

.tst-exact-row:last-child{
    border-bottom:0;
}

/* Match the reference: light green, white, light grey, white repeating naturally */
.tst-exact-row:nth-child(2),
.tst-exact-row:nth-child(6){
    background:#effcf3;
}

.tst-exact-row:nth-child(4),
.tst-exact-row:nth-child(8),
.tst-exact-row:nth-child(10){
    background:#f5f6f8;
}

.tst-exact-row:hover{
    background:#effcf3 !important;
}

.tst-species{
    color:#071a35;
    font-weight:600;
}

.tst-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:28px;
    padding:4px 13px;
    border-radius:999px;
    font-size:13px;
    font-weight:600;
    white-space:nowrap;
}

.tst-green{background:#d8f8e5;color:#16824a;}
.tst-blue{background:#dcecff;color:#2866ba;}
.tst-red{background:#ffe0e0;color:#cf2525;}

.tst-image{
    display:flex;
    justify-content:center;
    align-items:center;
}

.tst-image img{
    width:64px;
    height:48px;
    object-fit:cover;
    border-radius:7px;
    display:block;
}

@media(max-width:767px){
    .tst-exact-wrap{
        max-width:100%;
    }

    .tst-exact-table{
        min-width:760px;
        font-size:13px;
    }

    .tst-exact-head,
    .tst-exact-row{
        padding-left:16px;
        padding-right:16px;
    }
}

@media(max-width:767px){
    .tst-exact-wrap{
        scrollbar-width:auto;
    }

    .tst-exact-wrap::-webkit-scrollbar{
        height:9px;
    }
}