@import url("vars.css");

:root {
    --rule-color: currentColor;   /* respects dark mode / themes */
    --rule-thick: 2px;            /* top & bottom rules */
    --rule-thin: 1px;             /* inner rules */
  }

  table.booktabs {
    border-collapse: collapse;    /* no gaps, precise lines */
    border: 0;                    /* no outer box */
    width: auto;                  /* shrink-wrap like TeX */
    margin-left: auto;
    margin-right: auto;
    font-variant-numeric: tabular-nums; /* nicer column alignment */
  }

  .booktabs th, .booktabs td {
    padding: .4rem .6rem;
    border: 0;                    /* kill all cell borders (no verticals) */
    text-align: left;             /* typical booktabs alignment */
  }

  /* Top and bottom rules (like \toprule and \bottomrule) */
  .booktabs {
    border-top: var(--rule-thick) solid var(--rule-color);
    border-bottom: var(--rule-thick) solid var(--rule-color);
  }

  /* Header–body separator: two horizontal lines (like a double rule) */
  .booktabs thead tr {
    /* renders as two lines with a gap; widely supported */
    border-bottom: 3px double var(--rule-color);
  }

  /* Optional: subtle row separation inside the body, similar to \midrule usage */
  .booktabs tbody tr + tr {
    border-top: var(--rule-thin) solid var(--fg1)
  }

  /* Optional: caption below the table, like many LaTeX styles */
  .booktabs caption {
    caption-side: bottom;
    padding-top: .4rem;
    font-size: .95em;
  }