/*
 * Insights page (page-insights.php) and Insights articles (single.php): the page behind the sections, which run
 * edge to edge and bring their own styles.
 */

.insights-page {
  margin: 0;
  padding: 0;
  background: var(--white);
}

.insights-page__article {
  margin: 0;
}

/*
 * Large screens: the wireframes are drawn for laptop widths, so on bigger monitors the whole page, and each
 * article, is drawn larger, keeping its proportions instead of stretching thin. The same steps as the other pages.
 */

@media (min-width: 1800px) {
  .insights-page,
  .insight-article {
    zoom: 1.2;
  }
}

@media (min-width: 2400px) {
  .insights-page,
  .insight-article {
    zoom: 1.5;
  }
}

@media (min-width: 3400px) {
  .insights-page,
  .insight-article {
    zoom: 2;
  }
}