/*
 * Layout corrections shared by the public site and the admin.
 *
 * Deliberately contains no colours or typography: the two areas keep their
 * own visual identity, and this file is only about geometry.
 */

/*
 * Grid columns are flex items, and a flex item defaults to `min-width: auto`,
 * which means it grows to fit its widest child rather than letting that child
 * scroll. A wide table inside `.table-responsive` therefore stretched the
 * whole column and pushed the document sideways instead of scrolling in place.
 */
.row > [class^="col-"],
.row > [class*=" col-"] {
  min-width: 0;
}

/*
 * Keep long words and URLs from doing the same thing inside table cells.
 */
.table-responsive td,
.table-responsive th {
  overflow-wrap: anywhere;
}