.artcol > .section:has(article.prose) { padding-block-start: var(--space-l); }
.artcol { --artcol-max: 68rem; }
.artcol > .center,
.artcol .center[data-measure] { --center-max: var(--artcol-max); }
.artcol--single > .center,
.artcol--single .center[data-measure] { --center-max: var(--measure); }
.artcol--rows { --crow-label: 11rem; }
.artcol--rows > .center,
.artcol--rows .center[data-measure] {
  --center-max: calc(var(--measure) + var(--crow-label) + var(--space-2xl));
}
@media (min-width: 64rem) {
  .artcol article.prose { columns: 2; column-gap: var(--space-2xl); }
  .artcol .prose > :not(p, h2, h3, h4, ul, ol, blockquote) {
    column-span: all;
    margin-block: var(--space-3xl);
  }
  .artcol .prose > :not(p, h2, h3, h4, ul, ol, blockquote) + * {
    margin-block-start: 0;
  }
  .artcol .prose > :first-child { margin-block-start: 0; }
  .artcol .prose > :is(h2, h3) {
    column-span: none;
    text-align: start;
    break-after: avoid;
    break-inside: avoid;
    -webkit-column-break-after: avoid;
    -webkit-column-break-inside: avoid;
  }
  .artcol .prose > h2:first-child { margin-block-start: 0; }
}
.artcol article.prose > p { max-inline-size: none; }
@media (min-width: 64rem) {
  .artcol .prose > .steps {
    max-inline-size: 44rem;
    margin-inline: auto;
  }
}
@media (min-width: 64rem) {
  .artcol--single article.prose { columns: 1; }
}