.main-content {
  /* From https://ryanmulligan.dev/blog/layout-breakouts/ */
  --grid-full: minmax(0, 1fr);
  --grid-content: min(35rem, 100%); /* 60ch does not work due to entry__highlight being bigger  */
  --grid-popout: minmax(0, 2.5rem);
  --grid-feature: minmax(0, 7rem);
  --grid-columns: [full-start] var(--grid-full)
    [feature-start] var(--grid-feature)
    [popout-start] var(--grid-popout)
    [content-start] var(--grid-content) [content-end]
    var(--grid-popout) [popout-end]
    var(--grid-feature) [feature-end]
    var(--grid-full) [full-end];

  margin-block-start: var(--s4);
  display: grid;
  grid-template-columns: var(--grid-columns);
}