/*
 * The original stylesheet (style.css) styles the site. This file only covers the
 * places where WordPress blocks add wrappers the hand-written pages did not have.
 */

/* Images and tables come wrapped in <figure>. The old <table> margins now
   belong to the <figure>; :where() keeps this default weaker than the
   original rules (for example .response-times { margin: 2rem 0 }). */
.wp-block-image { margin: 0; }
:where(.wp-block-table) { margin: 0 0 1rem; }
.wp-block-table > table { margin: 0; }

/* A bare line break between blocks in the old pages. */
p.umso-gap { margin: 0; font-size: inherit; line-height: inherit; }

/* The photo grid sizes images to fill their box; the <figure> must fill it too. */
.img-grid-container .wp-block-image { height: 100%; }

/* Classes the hand-written pages put on <img> and <table> now sit on the block's <figure>. */
.wp-block-image.shadow img { box-shadow: 1px 1px 9px 1px #a0a0a0; }

/* Fixed column widths the old tables set with width="". */
.th2-250 th:nth-child(2) { width: 250px; }
.th2-200 th:nth-child(2) { width: 200px; }

/* The old pages put table-scroll on the table itself, where it had no effect: wide
   tables overflowed the page on phones. Keep that (same look); delete this rule to let
   them scroll inside their box instead, as table-scroll intends. */
.wp-block-table.table-scroll { overflow-x: visible; }