/* Shared layout values for the homepage and Journal. */
:root {
  --page-max-width: 1200px;
  --page-gutter: 40px;
  --content-max-width: calc(var(--page-max-width) - 2 * var(--page-gutter));
  --heading-copy-gap: 16px;
}
@media (max-width: 960px) { :root { --page-gutter: 24px; } }
@media (max-width: 600px) { :root { --page-gutter: 16px; } }
.meals-head h2 + .lede { margin-top: var(--heading-copy-gap); }
.cta-band, .article-cover, .related {
  width: min(var(--content-max-width), calc(100% - 2 * var(--page-gutter)));
}

/* Shared editorial heading wrapping. */
h1, h2, .card h4 { text-wrap: balance; }