@layer components {
  [data-coco].coco-prose {
    @apply para-md;

    :last-child {
      @apply !mb-0;
    }

    a[href]:not([data-theme]) {
      @apply text-content-primary;
    }

    &[data-centered="true"] {
      @apply text-center;
    }

    &[data-style="display"] > {
      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
        margin-bottom: 0.34em;
      }
    }
  }
}