body.single main > article {
  display: grid;
  grid-template-columns: var(--base-grid);
  row-gap: var(--spacing-medium);
  padding-top: var(--spacing-large);
}
body.single main > article > *:is(section, div) {
  grid-column: 1/span 14;
  margin-block: var(--spacing-small);
}
body.single main > article > *:is(p, ul, h2, h3, h4, ol, blockquote) {
  grid-column: 4/span 8;
}
body.single main > article > p:first-of-type {
  font-size: clamp(1.125rem, 0.75rem + 1vw, 1.5rem);
}
body.single main > article > ul li + li, body.single main > article > ol li + li {
  margin-top: var(--spacing-tiny);
}
body.single main > article blockquote {
  margin-inline: var(--spacing-small) 0;
  border-left: 5px solid var(--color-steel);
  padding-inline: var(--spacing-large);
  padding-block: var(--spacing-medium);
  background-color: var(--color-steel-light);
}