.single-post .clinic-article-main {
  padding-top: clamp(3.5rem, 7vw, 5.5rem) !important;
}

.single-post .clinic-article-title {
  max-width: 22ch;
  margin: 0;
  font-size: clamp(2.15rem, 4.3vw, 3.75rem);
  font-weight: 730;
  line-height: 1.12;
  letter-spacing: -0.048em;
  word-break: keep-all;
  text-wrap: balance;
}

.single-post .clinic-article-date {
  margin-top: 0.8rem;
  margin-bottom: 0;
  color: var(--clinic-muted);
}

/* File-template and CSS fallback both prevent the raw background plate from
   appearing above the managed exact-title thumbnail. */
.single-post .clinic-article-main > .wp-block-post-featured-image,
.single-post main.wp-block-group > .wp-block-post-featured-image {
  display: none;
}

.single-post .wp-block-post-content {
  font-size: 1rem;
  line-height: 1.82;
}

.single-post .wp-block-post-content > p {
  margin-top: 0;
  margin-bottom: 1.15rem;
}

.single-post .wp-block-post-content > h2 {
  margin-top: clamp(2.6rem, 5vw, 3.5rem);
  margin-bottom: 0.9rem;
  font-size: clamp(1.35rem, 2.2vw, 1.75rem);
  line-height: 1.35;
  letter-spacing: -0.025em;
  text-wrap: balance;
}

.single-post .wp-block-post-content > h3 {
  margin-top: 1.8rem;
  margin-bottom: 0.55rem;
  font-size: clamp(1.02rem, 1.35vw, 1.16rem);
  line-height: 1.45;
}

.clinic-article-thumbnail {
  --clinic-thumbnail-image: linear-gradient(135deg, #e8e5dc, #cfd9d5);
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  margin: 1.75rem 0 1.25rem;
  overflow: hidden;
  border: 1px solid rgba(25, 40, 37, 0.1);
  border-radius: 1.1rem;
  background-image:
    linear-gradient(90deg, rgba(247, 245, 239, 0.995) 0%, rgba(247, 245, 239, 0.98) 52%, rgba(247, 245, 239, 0.64) 65%, rgba(247, 245, 239, 0.08) 100%),
    var(--clinic-thumbnail-image);
  background-position: center;
  background-size: cover;
  box-shadow: 0 1.25rem 3rem rgba(24, 36, 33, 0.08);
  isolation: isolate;
}

.clinic-article-thumbnail::before,
.clinic-article-thumbnail::after {
  position: absolute;
  left: clamp(1.25rem, 5vw, 4.5rem);
  z-index: 1;
  max-width: 58%;
  color: var(--wp--preset--color--contrast, #1c2522);
}

.clinic-article-thumbnail::before {
  top: clamp(1.25rem, 5vw, 4rem);
  content: attr(data-kicker);
  font-size: clamp(0.72rem, 1.2vw, 0.98rem);
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--wp--preset--color--primary, #3d7068);
}

.clinic-article-thumbnail::after {
  top: clamp(3.2rem, 9vw, 7rem);
  content: attr(data-title);
  white-space: pre-line;
  font-size: clamp(1.85rem, 4.35vw, 4.5rem);
  font-weight: 720;
  line-height: 1.08;
  letter-spacing: -0.045em;
  text-wrap: balance;
}

.clinic-article-thumbnail.is-title-xl::after {
  font-size: clamp(2.2rem, 5vw, 5rem);
}

.clinic-article-thumbnail.is-title-lg::after {
  font-size: clamp(2rem, 4.55vw, 4.6rem);
}

.clinic-article-thumbnail.is-title-md::after {
  font-size: clamp(1.8rem, 4.1vw, 4.1rem);
}

.clinic-article-thumbnail.is-title-sm::after {
  font-size: clamp(1.62rem, 3.65vw, 3.65rem);
}

.clinic-article-thumbnail-mark {
  position: absolute;
  left: clamp(1.25rem, 5vw, 4.5rem);
  bottom: clamp(1.25rem, 4vw, 3.25rem);
  z-index: 1;
  max-width: 58%;
  font-size: clamp(0.62rem, 0.9vw, 0.78rem);
  font-weight: 650;
  letter-spacing: 0.02em;
  color: rgba(31, 45, 41, 0.58);
}

.clinic-article-thumbnail.is-compact {
  margin: 0 0 1rem;
  border-radius: 0.85rem;
  box-shadow: none;
}

.clinic-article-thumbnail.is-compact::before {
  top: 1rem;
  left: 1rem;
  font-size: 0.68rem;
}

.clinic-article-thumbnail.is-compact::after {
  top: 2.65rem;
  left: 1rem;
  max-width: 66%;
  font-size: clamp(1rem, 1.9vw, 1.55rem);
}

.clinic-article-thumbnail.is-compact.is-title-xl::after {
  font-size: clamp(1.2rem, 2.35vw, 1.9rem);
}

.clinic-article-thumbnail.is-compact.is-title-lg::after {
  font-size: clamp(1.1rem, 2.15vw, 1.75rem);
}

.clinic-article-thumbnail.is-compact.is-title-sm::after {
  font-size: clamp(0.9rem, 1.65vw, 1.35rem);
}

.clinic-article-thumbnail.is-compact .clinic-article-thumbnail-mark {
  left: 1rem;
  bottom: 0.9rem;
  max-width: 66%;
  font-size: 0.58rem;
}

@media (max-width: 700px) {
  .single-post .clinic-article-main {
    padding-top: 2.75rem !important;
    padding-right: 18px !important;
    padding-left: 18px !important;
  }

  .single-post .clinic-article-title {
    max-width: none;
    font-size: clamp(2rem, 9.5vw, 3rem);
    line-height: 1.15;
  }

  .single-post .wp-block-post-content {
    line-height: 1.78;
  }

  .clinic-article-thumbnail {
    aspect-ratio: 4 / 3;
    margin: 1.25rem 0 1rem;
    border-radius: 0.85rem;
    background-image:
      linear-gradient(90deg, rgba(247, 245, 239, 0.995) 0%, rgba(247, 245, 239, 0.96) 62%, rgba(247, 245, 239, 0.34) 100%),
      var(--clinic-thumbnail-image);
  }

  .clinic-article-thumbnail::before,
  .clinic-article-thumbnail::after {
    left: 1.25rem;
    max-width: 72%;
  }

  .clinic-article-thumbnail::before {
    top: 1.25rem;
  }

  .clinic-article-thumbnail::after {
    top: 3.25rem;
    font-size: clamp(1.55rem, 7vw, 2.5rem);
  }

  .clinic-article-thumbnail.is-title-xl::after {
    font-size: clamp(1.85rem, 8.2vw, 2.9rem);
  }

  .clinic-article-thumbnail.is-title-lg::after {
    font-size: clamp(1.72rem, 7.6vw, 2.7rem);
  }

  .clinic-article-thumbnail.is-title-sm::after {
    font-size: clamp(1.35rem, 6.1vw, 2.15rem);
  }

  .clinic-article-thumbnail-mark {
    left: 1.25rem;
    bottom: 1.25rem;
    max-width: 72%;
  }
}