/* Keep the four primary homepage section titles on one shared type scale. */

/* Keep every homepage chapter after the opening cover on the same content rail. */
.home-page .home-module-grid,
.home-page #people-lifestyle > .container,
.home-page #science > .aip-page,
.home-page .food-value-shell,
.home-page .hsv-shell,
.home-page .hls-shell,
.home-page #featured-articles > .container,
.home-page #sources > .container,
.home-page #site-policies > .container,
.home-page .disclaimer > .container {
  width: min(1320px, calc(100% - 64px));
  max-width: none;
  margin-inline: auto;
}

body.home-page #scienceTitle,
body.home-page #fvIntroTitle,
body.home-page #supplementsTitle,
body.home-page #lifestyleTitle {
  font-size: 42px;
}

/* Match each chapter cover to the 410px anti-inflammatory cover. */
@media (min-width: 761px) {
  body.home-page .fv-intro-banner {
    min-height: 410px;
  }
}

@media (min-width: 821px) {
  body.home-page .hsv-hero {
    min-height: 410px;
  }
}

@media (min-width: 681px) {
  body.home-page .hls-hero {
    min-height: 410px;
  }
}

@media (max-width: 1100px) {
  body.home-page #scienceTitle,
  body.home-page #fvIntroTitle,
  body.home-page #supplementsTitle,
  body.home-page #lifestyleTitle {
    font-size: 35px;
  }
}

@media (max-width: 760px) {
  .home-page .home-module-grid,
  .home-page #people-lifestyle > .container,
  .home-page #science > .aip-page,
  .home-page .food-value-shell,
  .home-page .hsv-shell,
  .home-page .hls-shell,
  .home-page #featured-articles > .container,
  .home-page #sources > .container,
  .home-page #site-policies > .container,
  .home-page .disclaimer > .container {
    width: min(1320px, calc(100% - 28px));
  }

  body.home-page #scienceTitle,
  body.home-page #fvIntroTitle,
  body.home-page #supplementsTitle,
  body.home-page #lifestyleTitle {
    font-size: 28px;
  }
}