/* Responsive editorial tables on public blog articles. */
.tpp-responsive-table{
    position:relative;
    width:100%;
    max-width:100%;
    margin:28px 0;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
    border:1px solid #dfe5ee;
    border-radius:12px;
    background:#fff;
}
.tpp-responsive-table .tpp-table-scroll-hint{
    display:none;
    margin:0;
    padding:9px 14px;
    border-bottom:1px solid #dfe5ee;
    background:#edf3ff;
    color:#123f82;
    font-size:12px;
    font-weight:700;
    line-height:1.4;
}
.tpp-responsive-table table,
.tpp-responsive-table .tpp-responsive-table-inner{
    width:100%;
    margin:0;
    border:0;
    border-collapse:collapse;
    table-layout:auto;
}
.tpp-responsive-table th,
.tpp-responsive-table td{
    padding:14px 16px;
    border-right:1px solid #e4e9f0;
    border-bottom:1px solid #e4e9f0;
    vertical-align:top;
    text-align:left;
    line-height:1.5;
}
.tpp-responsive-table th{
    background:#f4f7fb;
    color:#173b72;
    font-weight:800;
}
.tpp-responsive-table tr:last-child td{border-bottom:0}
.tpp-responsive-table th:last-child,
.tpp-responsive-table td:last-child{border-right:0}

@media (max-width:760px){
    .tpp-responsive-table{margin:22px 0;border-radius:10px}
    .tpp-responsive-table .tpp-table-scroll-hint{display:block;position:sticky;left:0}
    .tpp-responsive-table table,
    .tpp-responsive-table .tpp-responsive-table-inner{min-width:680px}
    .tpp-responsive-table th,
    .tpp-responsive-table td{min-width:150px;padding:12px 14px;font-size:14px;line-height:1.45}
    .tpp-responsive-table th:first-child,
    .tpp-responsive-table td:first-child{position:sticky;left:0;z-index:1;min-width:130px;box-shadow:4px 0 8px rgba(20,45,80,.08)}
    .tpp-responsive-table th:first-child{z-index:2;background:#edf3fb}
    .tpp-responsive-table td:first-child{background:#fff}
}