/* Site overrides layered on top of the Basic Web Theme's style.css. */

/* Fit tables within the 500px content column.
   The theme sets `table { min-width: 90vw }` and `td/th { white-space: nowrap }`,
   which pushes wide tables (e.g. the homepage profile table) out of `main`.
   Drop the width floor and let long cells wrap instead. */
main table {
  min-width: 0;
  width: 100%;
}

main th,
main td {
  white-space: normal;
  overflow-wrap: anywhere;
}

/* Content images sit on their own line, so a following caption always lands
   underneath instead of beside narrower-than-column images. */
main img {
  display: block;
}

/* Header wordmark (big-money.png) is black on transparent, so it's invisible
   on the dark theme. Invert it to white when the OS is in dark mode. The logo
   is the anchor directly before <main>; content images live inside <main>. */
@media (prefers-color-scheme: dark) {
  body > a img {
    filter: invert(1);
  }
}