/* Learning Center data tables: independent of the prose font scale. */
.prose .article-table { margin: 2rem 0; }
.prose .article-table .overflow-x-auto {
    border: 1px solid hsl(var(--b3));
    border-radius: .75rem;
}
.prose .article-table .overflow-x-auto:focus-visible {
    outline: 2px solid hsl(var(--p));
    outline-offset: 3px;
}
.prose .article-data-table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    font-size: 1rem;
    line-height: 1.5;
    color: hsl(var(--bc) / .85);
}
.prose .article-data-table-dense { min-width: 720px; }
.prose .article-data-table caption {
    padding: .75rem 1rem;
    text-align: left;
    font-size: .9375rem;
    font-weight: 600;
    color: hsl(var(--bc));
    background: hsl(var(--b1));
}
.prose .article-data-table :is(th, td) {
    padding: .75rem 1rem;
    vertical-align: top;
    text-align: left;
    white-space: normal;
}
.prose .article-data-table thead { border-bottom: 1px solid hsl(var(--b3)); }
.prose .article-data-table thead th {
    background: hsl(var(--b2));
    font-weight: 600;
    color: hsl(var(--bc));
}
.prose .article-data-table tbody tr { border-bottom: 1px solid hsl(var(--b3) / .65); }
.prose .article-data-table tbody tr:last-child { border-bottom: 0; }
.prose .article-data-table tbody th { font-weight: 500; color: hsl(var(--bc)); }
.prose .article-data-table .text-right { text-align: right; }
.prose .article-data-table .tabular-nums { font-variant-numeric: tabular-nums; }
.prose .article-data-table .whitespace-nowrap { white-space: nowrap; }
.prose .article-data-table .article-table-total {
    border-top: 2px solid hsl(var(--b3));
    background: hsl(var(--b2));
}
.prose .article-data-table .article-table-total :is(th, td) { font-weight: 700; color: hsl(var(--bc)); }
.prose .article-table-hint {
    margin: .5rem 0 0;
    font-size: .8125rem;
    color: hsl(var(--bc) / .65);
}
@media (min-width: 640px) { .article-table-hint { display: none; } }
@media print {
    .prose .article-table .overflow-x-auto { overflow: visible; }
    .prose .article-data-table-dense { min-width: 0; }
    .article-table-hint { display: none; }
}