.voy-grid-table {
display: grid;
grid-template-columns: max-content max-content auto;
}
.voy-grid-table tbody, .voy-grid-table tr {
display: contents;
}
.voy-grid-table th,
.voy-grid-table tr {
border-bottom: none;
}
.voy-grid-table tr th,
.voy-grid-table tr td {
border-right: none;
border-bottom: none;
}
.voy-grid-table tr th:last-child,
.voy-grid-table tr td:last-child {
border-right: 1px solid #6cc8f3;
}
.voy-grid-table tr td:nth-child(2) {
font-style: italic;
}
.voy-grid-table tr:last-child td {
border-bottom: 1px solid #6cc8f3;
}
@media all and (max-width: 1000px) {
.voy-grid-table {
margin: 1em 0;
display: grid;
grid-template-columns: auto auto;
}
.voy-grid-table th:last-child,
.voy-grid-table tr td:last-child {
grid-column: 1 / span 2;
border-top: 1px dotted #6cc8f3;
border-bottom: none;
}
.voy-grid-table th:first-child,
.voy-grid-table tr td:first-child {
border-right: 1px dotted #6cc8f3;
border-bottom: none;
text-align:center;
}
.voy-grid-table th:nth-child(2),
.voy-grid-table tr td:nth-child(2) {
border-right: 1px solid #6cc8f3;
border-bottom: none;
border-left: none;
text-align:center;
}
.voy-grid-table tr:last-child td:last-child {
border-bottom: 1px solid #6cc8f3;
}
}