.wp-block-table.is-full-width {
  width: 100%;
}

.wp-block-table.is-style-stripes.is-style-stripes tbody tr:nth-child(odd) {
  background-color: #00000010;
}

.wp-block-separator.is-style-thin {
  border-top: 1px solid;
}

/*
 * Reusable row that only ever renders as 4x1, 2x2 or 1xN — never an uneven
 * layout like 3 + 1. Works with any child blocks, including fluid ones.
 *
 * --row-col-min is the only knob: the comfortable minimum column width that
 * decides when the row drops from 4 -> 2 -> 1. Override it per instance, e.g.
 * give the block the Additional CSS class and set `style="--row-col-min:12rem"`,
 * or change the default below. Any CSS unit works (rem, px, cqi, ...).
 *
 * Fluid cards have no intrinsic minimum width, so this declared minimum is
 * required; it is not an assumption about a fixed card size.
 */
.responsive-pow2-row {
  display: grid;
}

/*
 * Prevent first-paint layout flash: when JS is active, keep pow2 rows hidden
 * until responsive-row.js has snapped them and added `.is-pow2-ready`.
 * No-JS visitors still get the fallback grid immediately.
 */
html.pow2-row-js .responsive-pow2-row:not(.is-pow2-ready) {
  visibility: hidden;
}

/* Beat WordPress's generated flex layout (display:flex on .wp-container-*). */
.wp-block-group.responsive-pow2-row {
  display: grid;
}