/* Minimal restoration of a wrapper-level Bootstrap 3 dependency found by
   testing (see doc/nastar-prototype-findings.md, "2026 wrapper port").

   header_2025.jsp's own div-nesting contract — carried forward verbatim
   into header_2026.jsp/footer_2026.jsp, unchanged — opens
   `.container.main-container` > `#article-content.clearfix.container` >
   `.row` > `.col-md-offset-0.col-md-12` > `.field--name-body` around every
   page's dispatched content. These are Bootstrap grid class names, and the
   wrapper markup was always written assuming Bootstrap's real CSS styled
   them, not just their literal names.

   Concretely: nastar_2019.css (the app's own stylesheet, kept — see
   legacy-form-control.css for the reasoning on this file's sibling) uses
   `float` extensively (~50 rules) for layout — e.g. `.left-column-race-record
   { float: left; width: 350px; }` and `.race-record-menu { float: left; }`
   in includes/comp2.jsp's rendered output. Bootstrap's `.col-md-12` is
   itself `float: left`, which establishes a new block-formatting context —
   floated content nested arbitrarily deep inside it (through ordinary,
   non-floated intermediate divs like `.field--name-body`/`#scroll-fix`) is
   still correctly measured as part of that column's height. Removing
   Bootstrap removed that containment: `.col-md-12` became a plain block,
   so nothing above the float (`#scroll-fix`, `.field--name-body`,
   `.col-md-12`, `.row`, `#article-content`, `.container.main-container`)
   expanded to fit it, and the still-visible floated content spilled down
   past the (visually collapsed) content area into the footer.

   Reproduces Bootstrap 3.3.7's actual `.row`/`.clearfix`/`.col-md-12`/
   `.col-md-offset-0` rules verbatim (not approximated) — the specific
   classes the wrapper's own markup uses, nothing else (no full grid
   system, no other breakpoints/columns, no JS).

   Deliberately excludes `.container`: theme_2026/nastar.css (the approved,
   exact-copy Prototype 1.3.2 theme) already defines its own `.container`
   rule, used by the theme's own markup (e.g. the header search flyout's
   `.search-region__inner.container`). Bootstrap's `.container` sets a
   different, non-fluid width per breakpoint and would visually change that
   approved theme element if added here; it also isn't needed for the float
   -containment bug this file exists to fix. This file must stay loaded
   after theme_2026/nastar.css for that reason — see header_2026.jsp. */

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}
.row:before,
.row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}

.col-md-12,
.col-md-offset-0 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 992px) {
  .col-md-12 {
    float: left;
    width: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}