/**
 * Grid + shell guard for the resource article pages on the v2 shell.
 *
 * The articles keep their ORIGINAL design, which lives in
 * resources_page_css_js/style.css and new_style.css — those are loaded by the
 * pages themselves and must not be second-guessed here.
 *
 * Two things went missing when these pages moved off the retired chrome:
 *
 *   1. Bootstrap. The markup uses .container / .row / .col-lg-*, which arrived
 *      with the old theme. Only the primitives those pages actually use are
 *      reproduced below — this is not a Bootstrap import.
 *
 *   2. Protection for the v2 nav/footer. The article stylesheets set global
 *      html/body/h1-h3/p rules (Helvetica, #F0F0F0 ground, overflow rules), and
 *      they load after the v2 sheet, so the shell needs its typography restored.
 */

/* ── 1. Bootstrap grid primitives ── */
.container {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(16px, 3vw, 24px);
  padding-right: clamp(16px, 3vw, 24px);
}

.container-fluid {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -12px;
  margin-right: -12px;
}

.row > [class^="col-"],
.row > [class*=" col-"] {
  padding-left: 12px;
  padding-right: 12px;
  width: 100%;
}

@media (min-width: 992px) {
  .col-lg-1  { width: 8.3333%; }
  .col-lg-2  { width: 16.6667%; }
  .col-lg-3  { width: 25%; }
  .col-lg-4  { width: 33.3333%; }
  .col-lg-5  { width: 41.6667%; }
  .col-lg-6  { width: 50%; }
  .col-lg-7  { width: 58.3333%; }
  .col-lg-8  { width: 66.6667%; }
  .col-lg-9  { width: 75%; }
  .col-lg-10 { width: 83.3333%; }
  .col-lg-11 { width: 91.6667%; }
  .col-lg-12 { width: 100%; }
}

img { max-width: 100%; }

/* ── 2. Keep the article stylesheets off the v2 nav and footer ── */
.site-nav,
.site-nav *,
.site-footer,
.site-footer * {
  font-family: 'Poppins', sans-serif;
}

.site-nav h1, .site-nav h2, .site-nav h3,
.site-footer h1, .site-footer h2, .site-footer h3,
.site-footer p, .site-footer li, .site-footer label {
  font-family: 'Poppins', sans-serif;
}