.content {
  .heading {
    align-items: center;
    gap: 0.25em;
    display: flex;
  }

  .heading__anchor {
    /* font-family: var(--font-family-monospace); */
    font-size: 60%;
    text-decoration: none;
  }

  .codeblock {
    font-family: var(--font-family-monospace);
    overflow: auto;
  }
}

.content-title {
  margin-block: var(--space-xl) var(--space-l);

  .title:has(+ .subtitle) {
    margin-block-end: var(--space-xs);
  }

  .title:not(:has(+ .subtitle)), .subtitle {
    margin-block-end: var(--space-m);
  }

  .subtitle {
    color: var(--gray3);
  }

  .content-date {
    color: var(--gray4);
    font-weight: normal;
    font-size: var(--text-s);
    margin-block-end: var(--space-paragraph);
  }
}