/* Table reflow — generated by zola-plus from `<!-- reflow: <length> -->` annotations.
   Reflow-only rules; style the cards yourself via the `.reflow` class. */

.reflow-bp-37rem { container-type: inline-size; }
@container (max-width: 37rem) {
  .reflow-bp-37rem thead { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .reflow-bp-37rem tr { display: block; }
  .reflow-bp-37rem td { display: grid; grid-template-columns: auto 1fr; }
  .reflow-bp-37rem td::before { content: attr(data-label); }
}

/* Table scroll — generated by zola-plus from `<!-- scroll -->` annotations.
   Lets a wide table pan horizontally within its column; `sticky` pins the first
   column. Layout only — style (incl. the pinned column's background) via the
   `.table-scroll` classes. */

.table-scroll { overflow-x: auto; }
.table-scroll-sticky th:first-child,
.table-scroll-sticky td:first-child { position: sticky; left: 0; }
.table-scroll-clamp th:first-child,
.table-scroll-clamp td:first-child { max-width: var(--sticky-w, 6rem); white-space: normal; }

/* Table width — generated by zola-plus from `width` arguments on table directives.
   Wrappers take their measured `--table-w`, centered, capped by the column. */

.table-width, .reflow, .transpose, .table-scroll, .table-expand { width: min(var(--table-w, 100%), 100%); margin-inline: auto; }