/* TM68191: Bootstrap 4 compatibility shim for the Careers pages.

   These pages were built against the Bootstrap 4 copy that used to be embedded at the top of
   careers/css/lib.css. That copy has been removed (Tenable plugin 114902 flags Bootstrap 4 as an
   unsupported version) and the site's shared Bootstrap 5.3.3 is loaded in its place.

   The rules below restore only the Bootstrap 4 defaults that Bootstrap 5 changed, written at
   Bootstrap 4's own selectors and specificity and loaded in Bootstrap 4's old position, so the
   Careers stylesheets that follow still override them exactly as they did before.

   Note the removed copy was not a stock Bootstrap 4 build: its xl container is 1200px rather
   than 1140px, it has no xxl tier, and its h2 is bold. Those local values are what is restored. */

/* Bootstrap 5 sizes headings fluidly (RFS); Bootstrap 4 used fixed sizes. h6 is 1rem in both. */
h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; font-weight: bold; }
h3 { font-size: 1.75rem; }
h4 { font-size: 1.5rem; }
h5 { font-size: 1.25rem; }

/* Bootstrap 5's reboot dropped the label bottom margin. */
label { display: inline-block; margin-bottom: .5rem; }

/* Bootstrap 5's reboot indents lists by 2rem; Bootstrap 4 left them flush. */
ol, ul { padding-left: 0; }

/* Bootstrap 5 dropped position:relative from the column classes. */
[class*="col-"] { position: relative; }

/* Bootstrap 4 gutters are 15px a side; Bootstrap 5 defaults to 12px. */
.container, .container-fluid, .row { --bs-gutter-x: 30px; }

/* The removed build's container stops at 1200px and has no xxl tier; Bootstrap 5 would give
   1140px at xl and 1320px at xxl. */
@media (min-width: 1200px) { .container { max-width: 1200px; } }
@media (min-width: 1400px) { .container { max-width: 1200px; } }