/* Small, targeted fixes layered on top of main.css rather than edited into
   that legacy bundle directly, so they're easy to review/revert. */

/* Bootstrap's .table-responsive sets width:100%, which stretches the
   timetable to fill its container and left-aligns it under the centered
   "Print Timetable" button above it. Size it to its own content and center
   that instead; still scrolls horizontally on narrow screens. */
table.timetable.table-responsive {
  width: max-content;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}