/* أمداء: طبقة تحسين آمنة لا تعدّل القالب أو المحتوى */

@media (max-width: 782px) {
  body.single-post .site-main,
  body.single-post main,
  body.single-post .content-area,
  body.single-post article,
  body.single-post .entry-content,
  body.single-post .post-content {
    box-sizing: border-box;
  }

  body.single-post article,
  body.single-post .entry-content,
  body.single-post .post-content {
    width: min(100% - 32px, 760px) !important;
    max-width: 760px !important;
    margin-inline: auto !important;
  }

  body.single-post h1,
  body.single-post .entry-title,
  body.single-post .post-title {
    font-size: clamp(2rem, 8.2vw, 2.8rem) !important;
    line-height: 1.35 !important;
    margin-block: 18px 14px !important;
    overflow-wrap: anywhere;
  }

  body.single-post .entry-content,
  body.single-post .post-content,
  body.single-post .entry-content p,
  body.single-post .post-content p {
    font-size: clamp(1.12rem, 4.6vw, 1.35rem) !important;
    line-height: 1.95 !important;
  }

  body.single-post .entry-content p,
  body.single-post .post-content p {
    margin-block: 0 1.25em !important;
  }

  body.single-post .post-thumbnail,
  body.single-post .entry-thumbnail,
  body.single-post .featured-image,
  body.single-post figure.wp-block-post-featured-image {
    width: min(100% - 32px, 760px) !important;
    max-width: 760px !important;
    margin: 18px auto 24px !important;
    overflow: hidden;
    border-radius: 18px;
  }

  body.single-post .post-thumbnail img,
  body.single-post .entry-thumbnail img,
  body.single-post .featured-image img,
  body.single-post figure.wp-block-post-featured-image img {
    display: block;
    width: 100% !important;
    height: clamp(240px, 58vw, 380px) !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  body.single-post .entry-content img,
  body.single-post .post-content img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 14px;
  }

  body.single-post .entry-meta,
  body.single-post .post-meta {
    font-size: 0.95rem !important;
    line-height: 1.7 !important;
  }
}

@media (min-width: 783px) {
  body.single-post .entry-content,
  body.single-post .post-content {
    max-width: 820px;
    margin-inline: auto;
  }
}
