/* 22Media Premium Pro v6.67 — Article Rhythm & Spacing Balance
   Tightens oversized gaps, equalizes module breathing room, and keeps a consistent editorial cadence. */
.single-post{
  --m22-story-gap:16px;
  --m22-story-inner-gap:18px;
}
.single-post .m22-article-wrap-v645{
  padding-bottom:44px!important;
}
.single-post .m22-article-v645{
  gap:var(--m22-story-gap)!important;
}

/* Remove legacy per-module offsets so the flex rhythm is the single source of truth. */
.single-post .m22-article-v645>.m22-article-masthead-v645,
.single-post .m22-article-v645>.m22-article-video,
.single-post .m22-article-v645>.m22-article-video-fallback,
.single-post .m22-article-v645>.m22-article-hero-v645,
.single-post .m22-article-v645>.m22-image-license-credit,
.single-post .m22-article-v645>.m22-article-console-v645,
.single-post .m22-article-v645>.m22-article-summary-v645,
.single-post .m22-article-v645>.m22-article-reading-v645,
.single-post .m22-article-v645>.m22-article-standards-v645,
.single-post .m22-article-v645>.m22-article-tags,
.single-post .m22-article-v645>.m22-comments-shell{
  margin-top:0!important;
  margin-bottom:0!important;
}

/* Masthead: premium, but not needlessly tall. */
.single-post .m22-article-masthead-v645{
  padding:34px 38px 26px!important;
}
.single-post .m22-article-kicker-v645{margin-bottom:16px!important}
.single-post .m22-article-deck-v645{margin-top:14px!important}
.single-post .m22-article-meta-v645{
  margin-top:22px!important;
  padding-top:18px!important;
  gap:12px!important;
}
.single-post .m22-article-publisher-v645,
.single-post .m22-article-meta-items-v645>span{
  min-height:68px!important;
}

/* Utility + summary keep the same visual height family. */
.single-post .m22-article-console-v645{
  min-height:62px!important;
  padding:10px 12px!important;
}
.single-post .m22-article-summary-v645{
  min-height:88px!important;
  padding:16px 18px!important;
  gap:14px!important;
}

/* Reading card: trim empty-looking top/bottom space while protecting readability. */
.single-post .m22-article-reading-head-v645{
  min-height:68px!important;
  padding:12px 18px!important;
}
.single-post .m22-article-content-v645{
  padding:42px 42px 48px!important;
}
.single-post .m22-article-content-v645 p{margin-bottom:22px!important}
.single-post .m22-article-content-v645 h2{margin-top:36px!important}
.single-post .m22-article-content-v645 blockquote{margin:28px 0!important}

/* Trust strip: compact, equal cells. */
.single-post .m22-article-standards-v645,
.single-post .m22-article-standards-v645>div{
  min-height:82px!important;
}
.single-post .m22-article-standards-v645>div{padding:14px 18px!important}

/* Topics should behave like a small separator, not another large card. */
.single-post .m22-article-tags{
  padding:2px 4px!important;
  margin:0!important;
}

/* Comments: remove the oversized air between heading, form and next module. */
.single-post .m22-comments-shell{
  padding:24px!important;
}
.single-post .m22-comments-head{
  min-height:0!important;
  margin:0 0 18px!important;
  padding:0 0 18px!important;
  gap:18px!important;
  border-bottom:1px solid #e6edf5!important;
}
.single-post .m22-comments-head h2{margin:4px 0 7px!important}
.single-post .m22-comments-head p{margin:0!important;max-width:760px!important}
.single-post .m22-comment-list-wrap{margin:0 0 18px!important}
.single-post .comment-respond{
  margin:0!important;
  padding:20px!important;
}
.single-post .comment-reply-title,
.single-post .m22-comment-form-title{margin-top:0!important}
.single-post .m22-comment-form-title{margin-bottom:16px!important}
.single-post .m22-comment-form{gap:12px!important}
.single-post .m22-comment-note,
.single-post .m22-comment-signed,
.single-post .m22-comment-guideline{margin:0!important}
.single-post .m22-comment-field label{margin-bottom:7px!important}
.single-post .m22-comment-field textarea{min-height:138px!important}
.single-post .m22-comment-submit{margin-top:2px!important}

/* Related stories belongs to the same story stack; use the same predictable gap. */
.single-post .m22-related-v645{
  margin:var(--m22-story-gap) auto 0!important;
  padding:22px!important;
}
.single-post .m22-related-v645 .m22-section-head{
  margin:0 0 18px!important;
  padding:0 0 14px!important;
}
.single-post .m22-related-v645 .m22-section-head h2{margin:2px 0 0!important}
.single-post .m22-related-v645 .m22-card-grid{
  gap:16px!important;
  align-items:stretch!important;
}
.single-post .m22-related-v645 .m22-card{height:100%!important}

/* Make the hand-off from comments to Related Stories feel deliberate, not accidental. */
.single-post article.m22-article-v645 + .m22-related-v645{margin-top:18px!important}

/* RTL uses identical spacing geometry. */
body.m22-lang-ur.single-post .m22-comments-head,
body.m22-lang-ur.single-post .m22-related-v645 .m22-section-head{direction:rtl}

.m22-dark.single-post .m22-comments-head{border-bottom-color:#26364f!important}

@media(max-width:980px){
  .single-post{--m22-story-gap:14px}
  .single-post .m22-article-masthead-v645{padding:30px 28px 24px!important}
  .single-post .m22-article-content-v645{padding:38px 32px 44px!important}
  .single-post .m22-comments-shell{padding:22px!important}
  .single-post .m22-related-v645{padding:20px!important}
}
@media(max-width:680px){
  .single-post{--m22-story-gap:11px}
  .single-post .m22-article-wrap-v645{padding-bottom:28px!important}
  .single-post .m22-article-masthead-v645{padding:22px 17px 18px!important}
  .single-post .m22-article-kicker-v645{margin-bottom:12px!important}
  .single-post .m22-article-meta-v645{margin-top:17px!important;padding-top:14px!important}
  .single-post .m22-article-console-v645{min-height:0!important;padding:8px!important}
  .single-post .m22-article-summary-v645{padding:13px!important;gap:11px!important}
  .single-post .m22-article-reading-head-v645{min-height:62px!important;padding:10px 13px!important}
  .single-post .m22-article-content-v645{padding:28px 18px 34px!important}
  .single-post .m22-article-content-v645 p{margin-bottom:19px!important}
  .single-post .m22-article-standards-v645>div{min-height:68px!important;padding:12px 14px!important}
  .single-post .m22-comments-shell{padding:16px!important}
  .single-post .m22-comments-head{margin-bottom:14px!important;padding-bottom:14px!important;gap:12px!important}
  .single-post .comment-respond{padding:15px!important}
  .single-post .m22-comment-form-title{margin-bottom:12px!important}
  .single-post .m22-comment-field textarea{min-height:120px!important}
  .single-post .m22-related-v645{margin-top:12px!important;padding:15px!important}
  .single-post .m22-related-v645 .m22-section-head{margin-bottom:14px!important;padding-bottom:11px!important}
  .single-post .m22-related-v645 .m22-card-grid{gap:12px!important}
}
