/**
 * Blog yazısı — public/assets/css/output.css ve style.css SONRASI yüklenir.
 * Şablon p { line-height } ve Tailwind preflight margin sıfırları globals’i ezer.
 */

/* Üst başlık bandı — şablon/output.css ile çakışmayı aşmak için */
article.hela-blog-post header .hela-blog-detail-header {
  box-sizing: border-box !important;
}

@media (min-width: 1024px) {
  article.hela-blog-post header .hela-blog-detail-header {
    row-gap: 3rem !important;
    column-gap: 0 !important;
    padding-top: clamp(5.5rem, 7vw, 8rem) !important;
    padding-bottom: clamp(5.5rem, 7vw, 8rem) !important;
  }
}

@media (min-width: 1280px) {
  article.hela-blog-post header .hela-blog-detail-header {
    row-gap: 3.5rem !important;
    padding-top: clamp(6rem, 6.5vw, 8.5rem) !important;
    padding-bottom: clamp(6rem, 6.5vw, 8.5rem) !important;
  }
}

article.hela-blog-post .hela-blog-post-body {
  box-sizing: border-box !important;
  padding-left: clamp(1.25rem, 4vw, 2.5rem) !important;
  padding-right: clamp(1.25rem, 4vw, 2.5rem) !important;
  padding-top: 1.25rem !important;
  padding-bottom: 1.5rem !important;
}

@media (min-width: 1024px) {
  article.hela-blog-post .hela-blog-post-body {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

article.hela-blog-post .hela-blog-post-body .payload-richtext,
article.hela-blog-post .hela-blog-post-body [class*="lexical"] {
  font-size: 1.0625rem !important;
  color: #565759 !important;
}

@media (min-width: 1024px) {
  article.hela-blog-post .hela-blog-post-body .payload-richtext,
  article.hela-blog-post .hela-blog-post-body [class*="lexical"] {
    font-size: 1.125rem !important;
    line-height: 1.95 !important;
  }
}

article.hela-blog-post .hela-blog-post-body .payload-richtext p,
article.hela-blog-post .hela-blog-post-body .payload-richtext > p,
article.hela-blog-post .hela-blog-post-body p {
  line-height: 2 !important;
  margin-bottom: 1.5em !important;
  margin-top: 0 !important;
}

article.hela-blog-post .hela-blog-post-body .payload-richtext p:last-child,
article.hela-blog-post .hela-blog-post-body p:last-child {
  margin-bottom: 0 !important;
}

article.hela-blog-post .hela-blog-post-body .payload-richtext h2,
article.hela-blog-post .hela-blog-post-body h2 {
  margin-top: 2.25em !important;
  margin-bottom: 0.85em !important;
  line-height: 1.38 !important;
  letter-spacing: -0.02em !important;
}

article.hela-blog-post .hela-blog-post-body .payload-richtext h2:first-child,
article.hela-blog-post .hela-blog-post-body h2:first-child {
  margin-top: 0 !important;
}

article.hela-blog-post .hela-blog-post-body .payload-richtext h3,
article.hela-blog-post .hela-blog-post-body h3 {
  margin-top: 1.85em !important;
  margin-bottom: 0.65em !important;
  line-height: 1.42 !important;
}

article.hela-blog-post .hela-blog-post-body .payload-richtext ul,
article.hela-blog-post .hela-blog-post-body .payload-richtext ol,
article.hela-blog-post .hela-blog-post-body ul,
article.hela-blog-post .hela-blog-post-body ol {
  margin: 1.2em 0 1.35em 1.5em !important;
}

article.hela-blog-post .hela-blog-post-body .payload-richtext li,
article.hela-blog-post .hela-blog-post-body li {
  margin-bottom: 0.65em !important;
  line-height: 1.9 !important;
}

article.hela-blog-post .hela-blog-post-body .payload-richtext blockquote,
article.hela-blog-post .hela-blog-post-body blockquote {
  margin: 1.75em 0 !important;
  padding: 1.25em 1.35em 1.25em 1.5em !important;
}