:root{
  --biosolids-frame-max: 1180px;
}

#main-content{
  width: 100%;
}
#main-content > .callout,
#main-content > section.card,
#main-content > section,
#main-content > .related-links,
#main-content .grid{
  max-width: min(var(--biosolids-frame-max), calc(100vw - 32px));
  margin: 0 auto;
}
#main-content .grid{
  gap: 18px;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
  align-items: start;
}
#main-content .grid .card{
  width: 100%;
}
#main-content .grid .toc{
  width: 100%;
  max-width: 320px;
  justify-self: center;
}
#main-content .grid .toc h2{
  margin-bottom: 12px;
}
#main-content .grid .toc a{
  border-radius: 12px;
}