/* Answer tables (/elaun/, /en/allowance/): the figures an answer engine quotes, as a real table with a
   caption above and its source below. Loads after site.css, which already draws th, td and the
   hairlines. Tokens only. */
.x-table { max-width: 880px; margin: 0 0 var(--s4); }
.x-table table { font-size: var(--t-body); }
.x-table caption { caption-side: top; text-align: left; font-size: var(--t-small); font-weight: var(--wt-strong); color: var(--text); padding: 0 0 var(--s3); }
.x-table th, .x-table td { line-height: 1.45; }
.x-table tbody th { font-weight: var(--wt-strong); white-space: nowrap; width: auto; }
.x-table .x-amt { font-weight: var(--wt-strong); white-space: nowrap; }
.x-table td:last-child { padding-right: 0; }
.x-src { margin: 0 0 var(--s8); max-width: 62ch; font-size: var(--t-meta); line-height: 1.5; color: var(--muted); }
.x-src a { color: inherit; text-decoration: underline; text-underline-offset: .15em; }
@media (max-width: 40rem) { .x-table .x-shed { display: none; } }
/* the chores-by-age table on /panduan/ and /en/guide/: caption takes the old h3's place and size */
.g-table caption { caption-side: top; text-align: left; font-size: var(--t-body); font-weight: var(--wt-strong); color: var(--text); padding: 0 0 var(--s2); }
.g-table .x-src { margin: var(--s3) 0 0; }