/* Blog detail pages only — smaller body heading scale, same h1/h2/h3 tags. */
body[data-post-slug] .area-post-body h2 {
  margin-bottom: var(--size-11);
  font-size: var(--size-13);
}

body[data-post-slug] .area-post-body h3 {
  margin-bottom: var(--size-10);
  font-size: var(--size-12);
}

body[data-post-slug] .area-post-body h4 {
  margin-bottom: var(--size-10);
  font-size: var(--size-11);
}

body[data-post-slug] .area-post-body a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

body[data-post-slug] .area-post-body a:hover {
  color: var(--color-primary-black);
}

@media screen and (max-width: 991px) {
  body[data-post-slug] .area-post-body h2 {
    margin-bottom: var(--size-10);
    font-size: var(--size-12);
  }

  body[data-post-slug] .area-post-body h3 {
    font-size: var(--size-11);
  }
}

@media screen and (max-width: 767px) {
  body[data-post-slug] .area-post-body h2 {
    margin-bottom: var(--size-10);
    font-size: var(--size-11);
  }

  body[data-post-slug] .area-post-body h3 {
    font-size: var(--size-10);
  }
}