table.table-auto {
    /* border: 1px solid #ccc; */
    margin: 0;
    padding: 0;
    width: 100%;
    /* border-collapse: separate; */
    /* border-spacing: 0 15px; */
    /* table-layout: fixed; */
}

/* table.table-auto .tbody-tr-1 {
    padding: .35rem;
}*/

table.table-auto thead tr {
    /* border-bottom: 2px solid #001e5a; */
    margin-bottom: 10px;
}

/* table.table-auto tr{
} */
@media screen and (min-width: 600px) {
    table.table-auto tbody td {
        background-color: #fff;
    }
    table.table-auto tbody td:first-child {
        /* border-start-start-radius: 36px;
        border-end-start-radius: 36px; */
    }
    table.table-auto tbody td:last-child {
        /* border-end-end-radius: 36px;
        border-start-end-radius: 36px; */
    }
}

table.table-auto th,
table.table-auto td {
    padding: 0.75rem .5rem;
    /* font-size: 1.125rem; */
    /* line-height: 1.75rem; */
    font-weight: 500;
}
table.table-auto th {
    padding: 0;
    color: #001e5a;
    font-weight: bolder;
    line-height: 1;
    /* border-bottom: 2px solid #001e5a; */
}
table.table-auto th span {
    display: block;
    border-right: 1px solid #001e5a;
}
table.table-auto th:last-child span {
    border-right: none;
}


table.table-auto td {
    text-align: center;
}
/* table.table-auto tr td:first-child {
    text-align: left;
} */

td ol,
td ul,
.rule ol,
.rule ul,
.rule p,
.venue_feature_block ul,
.venue_feature_block ol {
    /* font-size: 1.125rem; */
    line-height: 1.75rem;
    text-align: left;
    padding-left: 20px;
}
td ol,
.rule ol {
    list-style: decimal;
}
td ul,
.rule ul,
.venue_feature_block ul {
    list-style-type: "\1F538";
}
.rule ol,
.rule ul {
    padding-left: 46px;
}
td li,
.rule li,
.venue_feature_block ul {
    margin-bottom: 8px;
}

table.table-auto th {
    /* font-size: .85em; */
    /* letter-spacing: .1em; */
    text-transform: uppercase;
}

@media screen and (max-width: 600px) {
    table.table-auto {
        border: 0;
    }

    table.table-auto thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    table.table-auto tr {
        display: block;
        margin-bottom: 1.25rem;
    }

table.table-auto td {
    display: block;
    padding: .625rem 1.25rem .625rem;
    text-align: right;
}
table.table-auto td:not(:last-child) {
    border-bottom: none;
}
    table.table-auto tr td:first-child {
            text-align: right;
    }
    table.table-auto .tbody-tr-1 td:first-child {
        color: #001e5a;
        border-bottom: 2px solid #001e5a;
    }
    table.table-auto .tbody-tr-1 td:last-child {
        background-color: #fff;
        /* border-radius: 20px; */
    }

    table.table-auto td::before {
        /*
        * aria-label has no advantage, it won't be read inside a table
        content: attr(aria-label);
        */
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }


    /* table.table-auto td:last-child {
        border-bottom: 1px solid #e6c06d;
    } */
    .rule ol,
    .rule ul {
        padding-left: 36px;
    }


}