1article {
 2  table {
 3    display: block;
 4    position: relative;
 5    width: fit-content;
 6    max-width: 100%;
 7    overflow-x: auto;
 8    &:not(figure *) {
 9      margin-block: 1rem;
10    }
11  }
12
13  thead th,
14  tbody td,
15  tfoot td {
16    &:not(:first-child) {
17      padding-left: 0.5rem;
18    }
19    &:not(:last-child) {
20      padding-right: 0.5rem;
21    }
22  }
23  tbody td,
24  tfoot td {
25    padding-block: 0.5rem;
26  }
27
28  thead,
29  tbody tr:not(:last-child) {
30    border-bottom: 1px solid;
31    border-color: color-mix(in oklab, var(--color-base-content) 40%,
32      transparent);
33  }
34  tfoot {
35    border-top: 1px solid;
36  }
37  thead,
38  tfoot {
39    border-color: color-mix(in oklab, var(--color-base-content) 60%,
40      transparent);
41  }
42}