/* The theme sets table borders to var(--color-border), which is #eee in
   light mode and a near-invisible rgba(148,197,255,0.18) in dark mode.
   Reuse --color-text-secondary instead - already tuned for legibility
   against the background in both themes, so it reads clearly as a border. */
.table th,
.table td {
  border: 1px solid var(--color-text-secondary) !important;
}

/* Bootstrap's base stylesheet resets `th { text-align: left }`, overriding
   the browser default of centered table headers (bootstrap.css:2962). */
.table th {
  text-align: center;
}