article > *:not(.entry-content, .chapter-header-block),
.entry-content > * {
  @apply mx-auto max-w-content;
}
.entry-content {
  @apply mt-4 lg:mt-0;
  max-width: 800px;
}

.wp-block-table {
  thead {
    @apply bg-gray rounded-xl border-b-0;
    th {
      @apply !border-none py-8;
    }
    th:first-child {
      @apply rounded-tl-xl rounded-bl-xl;
    }
    th:last-child {
      @apply rounded-tr-xl rounded-br-xl;
    }
  }
  tr {
    @apply mt-8;
    td:first-child {
      @apply border-l-0;
    }
    td:last-child {
      @apply border-r-0;
    }
  }
  tr:first-child {
    td {
      @apply border-t-0;
    }
  }
  tr:last-child {
    td {
      @apply border-b-0;
    }
  }
  td {
    @apply border border-neutral-200 py-3;
  }
  .table-cell-icon {
    @apply mx-auto p-2 w-fit h-auto  rounded-full flex items-center justify-center relative grow-0;
    aspect-ratio: 1;
    img {
      @apply w-4 h-4;
    }
  }
  .table-cell-icon--checked {
    @apply bg-green-600;
  }
  .table-cell-icon--crossed {
    @apply bg-white border-2 border-neutral-800;
  }
}

.wp-block-columns {
  @apply gap-4;
}
.wp-block-column {
  :first-child {
    @apply mt-0;
  }
  .homegrade-blocks-highlight {
    @apply mt-0;
  }
}

.wp-block-image {
  img {
    @apply rounded-3xl;
  }
}

.wp-block-buttons {
  @apply flex;
}
.wp-block-button.is-style-outline {
  .wp-block-button__link {
    @apply cta cta--outline cta--button;
  }
}

.entry-content,
.page-content,
.homegrade-page-container {
  & > :first-child {
    @apply !mt-0;
  }
  h1 {
    @apply text-2xl;
  }

  h2 {
    @apply text-xl mt-16 mb-8;
  }

  h3 {
    @apply font-bold text-2xl  mt-16 mb-4;
  }
  h4 {
    @apply font-bold text-xl mt-6 mb-3;
  }
  h5 {
    @apply font-bold text-lg mt-6 mb-3;
  }

  p {
    @apply my-3 p-0;
  }

  p,
  ul.wp-block-list,
  ol {
    a {
      @apply text-primary font-bold underline underline-offset-4;
      &:hover {
        @apply no-underline;
      }
    }
  }
  ul,
  ol {
    @apply mt-4 mb-8;
  }
  ol {
    @apply list-decimal list-inside;
  }
  ul li {
    padding: 0.15rem 0;
    @apply relative pl-5;
  }
  ul li:before {
    @apply absolute left-0;
    content: '';
    display: inline-block;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    margin-right: 14px;
    margin-top: 9px;
  }
  p + ol,
  p + ul {
    @apply mt-3;
  }
}

.homegrade-page-container {
  ul li:before {
    @apply bg-secondary;
  }

  .wp-block-button__link {
    @apply cta cta--secondary;
  }

  .homegrade-blocks-card {
    h2,
    h3,
    h4,
    h5,
    h6 {
      @apply text-secondary;
    }
  }
}
