/* Stretch the main content column for Research page */
body.wide-page .site-main .container .row .col.content {
    width: 95% !important;          /* increase width */
    max-width: 95% !important;      /* ensure it stretches */
    margin: 0 auto !important;      /* center content */
    padding-left: 20px !important;  /* small side spacing */
    padding-right: 20px !important;
    box-sizing: border-box;
}

/* Optional: slightly wider headings and paragraphs */
body.wide-page .col.content h1,
body.wide-page .col.content h2,
body.wide-page .col.content h3,
body.wide-page .col.content p {
    max-width: 100% !important;
}

/* Optional: remove extra padding/margins from container */
body.wide-page .site-main .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Optional: remove row margins */
body.wide-page .site-main .container .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
/* =========================
   Wider Research Page Content
   ========================= */

/* Main content wider on desktop */
@media (min-width: 992px) {
  body.wide-page aside.sidebar {
      width: 20% !important;        /* fixed sidebar width */
      float: left;
  }

  body.wide-page .site-main {
      width: 78% !important;        /* main content takes most space */
      max-width: 78% !important;
      float: right;
      padding-left: 20px;
      padding-right: 20px;
      box-sizing: border-box;
  }
}

/* Make headings and paragraphs fill main content width */
body.wide-page .col.content h1,
body.wide-page .col.content h2,
body.wide-page .col.content h3,
body.wide-page .col.content p {
    max-width: 100% !important;
}

/* On smaller screens, keep default stacking */
@media (max-width: 991px) {
  body.wide-page aside.sidebar,
  body.wide-page .site-main {
      width: 100% !important;
      float: none;
      padding-left: 15px;
      padding-right: 15px;
  }
}