.main--single,
.main--list,
.content
{
  blockquote,
  dl,
  ol,
  ul,
  .footnotes
  {
    grid-column: main-start / main-end;
  }

  .codeblock {
    color: var(--foreground);
    background-color: var(--background);
    border: 1px solid var(--gray6);
    font-family: var(--font-family-monospace);
    grid-column: gutter-start / gutter-end;
    overflow: auto;
    padding-block: var(--space-s);

    .line {
      margin-inline: var(--gutter-width);
    }
  }

  .heading {
    display: block flex;
    gap: var(--space-s);
    grid-column: main-start / main-end;
  }

  .heading__anchor {
    align-self: center;
    color: var(--gray5);
    font-size: var(--text-m);
    justify-content: center;

    a {
      transition: 0.3s color;
    }

    a:hover {
      color: var(--text-color);
      text-decoration: none;
      transition: 0.3s color;
    }
  }
}