/* 22Media Premium Pro v6.66 — Editorial Studio article experience
   Cohesive geometry, consistent module widths, premium reading hierarchy. */
.single-post{
  --m22-story-width:1120px;
  --m22-story-radius:26px;
  --m22-story-line:#dbe5f0;
  --m22-story-soft:#f6f9fd;
  --m22-story-ink:#111b2d;
  --m22-story-muted:#6e7d92;
  --m22-story-blue:#0b67ef;
  --m22-story-shadow:0 18px 52px rgba(14,42,78,.075);
  background:
    radial-gradient(circle at 12% 22%,rgba(45,128,255,.055),transparent 24%),
    radial-gradient(circle at 88% 42%,rgba(21,188,195,.04),transparent 24%),
    #f4f7fb;
}
.single-post .m22-article-wrap-v645{max-width:1240px!important;padding-left:28px!important;padding-right:28px!important;margin-top:30px!important}
.single-post .m22-article-v645{width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:18px!important}

/* One geometry system: every major article module shares the same outer edge. */
.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,
.single-post .m22-related-v645{
  width:min(100%,var(--m22-story-width))!important;
  max-width:var(--m22-story-width)!important;
  margin:0 auto!important;
  box-sizing:border-box!important;
}

/* Masthead: one confident editorial card, not a collection of floating boxes. */
.single-post .m22-article-masthead-v645{
  border:1px solid var(--m22-story-line)!important;
  border-radius:var(--m22-story-radius)!important;
  padding:42px 44px 30px!important;
  background:
    radial-gradient(circle at 92% 8%,rgba(18,111,255,.08),transparent 26%),
    linear-gradient(145deg,#fff 0%,#f8fbff 100%)!important;
  box-shadow:var(--m22-story-shadow)!important;
  overflow:hidden;
}
.single-post .m22-article-masthead-v645:before{height:5px!important;background:linear-gradient(90deg,#0b66ef 0%,#2d8cff 48%,#12b9c3 100%)!important}
.single-post .m22-article-kicker-v645{margin-bottom:22px!important;gap:9px!important}
.single-post .m22-article-kicker-v645>*{min-height:32px!important;display:inline-flex!important;align-items:center!important;box-sizing:border-box!important}
.single-post .m22-article-masthead-v645 h1{
  max-width:980px!important;
  font-size:clamp(42px,4.5vw,66px)!important;
  line-height:1.05!important;
  letter-spacing:-.045em!important;
  text-wrap:balance;
  color:var(--m22-story-ink)!important;
}
.single-post .m22-article-deck-v645{max-width:900px!important;margin-top:18px!important;font-size:18px!important;line-height:1.65!important;color:#586980!important}
.single-post .m22-article-meta-v645{
  display:grid!important;
  grid-template-columns:minmax(260px,330px) minmax(0,1fr)!important;
  align-items:stretch!important;
  gap:14px!important;
  margin-top:28px!important;
  padding-top:22px!important;
  border-top:1px solid #e6edf5!important;
}
.single-post .m22-article-publisher-v645{
  min-height:76px!important;
  padding:12px 14px!important;
  border:1px solid #e1e8f1!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(13,50,95,.035)!important;
  box-sizing:border-box!important;
}
.single-post .m22-article-meta-items-v645{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;align-items:stretch!important}
.single-post .m22-article-meta-items-v645>span{
  min-height:76px!important;
  height:100%!important;
  padding:11px 12px!important;
  border:1px solid #e1e8f1!important;
  border-radius:16px!important;
  background:#fff!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}

/* Hero uses the same frame and visual rhythm. */
.single-post .m22-article-hero-v645{
  border-radius:var(--m22-story-radius)!important;
  border:1px solid rgba(213,224,238,.95)!important;
  box-shadow:var(--m22-story-shadow)!important;
  aspect-ratio:16/8.6!important;
}
.single-post .m22-image-license-credit{padding:0 6px!important;color:#8290a3!important;font-size:10px!important}

/* Utility dock: full-width, fixed rhythm, balanced left and right groups. */
.single-post .m22-article-console-v645{
  min-height:66px!important;
  padding:11px 14px!important;
  border-radius:20px!important;
  border:1px solid var(--m22-story-line)!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 12px 34px rgba(13,42,79,.05)!important;
  backdrop-filter:blur(12px);
}
.single-post .m22-article-share-v645,.single-post .m22-article-actions-v645{gap:8px!important}
.single-post .m22-article-console-v645 a,.single-post .m22-article-console-v645 button,.single-post .m22-text-size button{
  min-height:40px!important;height:40px!important;border-radius:12px!important;background:#f8fbff!important
}

/* In-short card: same frame, more editorial hierarchy, no odd narrow pills. */
.single-post .m22-article-summary-v645{
  min-height:96px!important;
  grid-template-columns:54px minmax(0,1fr) auto!important;
  gap:16px!important;
  padding:18px 20px!important;
  border-radius:20px!important;
  border:1px solid #d9e5f4!important;
  background:linear-gradient(135deg,#f3f8ff 0%,#fff 72%)!important;
  box-shadow:0 12px 34px rgba(13,49,94,.045)!important;
}
.single-post .m22-article-summary-mark-v645{width:54px!important;height:54px!important;border-radius:16px!important}
.single-post .m22-article-summary-v645 p{font-size:15px!important;line-height:1.65!important;color:#34445c!important}
.single-post .m22-article-summary-v645>a{min-height:36px!important;padding:8px 13px!important;border:1px solid #d8e8fb!important;background:#edf5ff!important}

/* Reading canvas: generous card, but a focused editorial measure inside. */
.single-post .m22-article-reading-v645{
  border-radius:var(--m22-story-radius)!important;
  border:1px solid var(--m22-story-line)!important;
  background:#fff!important;
  box-shadow:0 24px 64px rgba(13,40,76,.075)!important;
  overflow:hidden!important;
}
.single-post .m22-article-reading-head-v645{
  min-height:76px!important;
  padding:14px 22px!important;
  border-bottom:1px solid #e5ecf4!important;
  background:linear-gradient(180deg,#fcfdff 0%,#f7faff 100%)!important;
}
.single-post .m22-article-reading-head-v645:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#84b8ff 24%,#0c6df4 50%,#84b8ff 76%,transparent);opacity:.5}
.single-post .m22-article-reading-head-v645{position:relative}
.single-post .m22-article-content-v645{
  width:min(100%,860px)!important;
  max-width:860px!important;
  margin:0 auto!important;
  padding:52px 42px 62px!important;
  box-sizing:border-box!important;
  font-size:18px!important;
  line-height:1.85!important;
  color:#243249!important;
}
.single-post .m22-article-content-v645 p{margin:0 0 26px!important}
.single-post .m22-article-content-v645 p:first-child{font-size:20px!important;line-height:1.8!important;color:#1d2a3e!important}
.single-post .m22-article-content-v645 h2{margin:44px 0 16px!important;font-size:30px!important;line-height:1.25!important;color:#121d30!important}
.single-post .m22-article-content-v645 blockquote{margin:34px 0!important;padding:20px 24px!important;border-inline-start:4px solid var(--m22-story-blue)!important;border-radius:0 16px 16px 0;background:#f4f8ff!important;color:#243956!important}

/* Trust strip: equal cells, same height, same visual weight. */
.single-post .m22-article-standards-v645{
  min-height:92px!important;
  border-radius:20px!important;
  border:1px solid var(--m22-story-line)!important;
  box-shadow:0 12px 34px rgba(13,42,79,.045)!important;
}
.single-post .m22-article-standards-v645>div{min-height:92px!important;padding:16px 20px!important;box-sizing:border-box!important}
.single-post .m22-article-standards-v645 img,.single-post .m22-article-standards-v645>div>i{width:44px!important;height:44px!important;border-radius:13px!important}
.single-post .m22-article-standards-v645 strong{font-size:11px!important;line-height:1.45!important}

/* Topics and comments continue the same design language. */
.single-post .m22-article-tags{padding:4px 2px!important;min-height:0!important}
.single-post .m22-comments-shell{
  padding:32px!important;
  border-radius:var(--m22-story-radius)!important;
  border:1px solid var(--m22-story-line)!important;
  background:linear-gradient(145deg,#fff,#f9fbff)!important;
  box-shadow:var(--m22-story-shadow)!important;
}
.single-post .m22-comments-head{min-height:104px!important;align-items:center!important}
.single-post .comment-respond{border-radius:20px!important;padding:24px!important}
.single-post .m22-comment-form{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.single-post .m22-comment-form .comment-form-comment,.single-post .m22-comment-form .m22-comment-field.wide,.single-post .m22-comment-form .m22-comment-note,.single-post .m22-comment-form .m22-comment-signed,.single-post .m22-comment-form .m22-comment-guideline,.single-post .m22-comment-form .form-submit{grid-column:1/-1!important}
.single-post .m22-comment-form input,.single-post .m22-comment-form textarea{width:100%!important;box-sizing:border-box!important}
.single-post .m22-related-v645{border-radius:var(--m22-story-radius)!important;padding:26px!important;border:1px solid var(--m22-story-line)!important;background:#fff!important;box-shadow:var(--m22-story-shadow)!important}

/* Urdu inherits the same geometry but keeps RTL rhythm and clean Sans Arabic. */
body.m22-lang-ur.single-post .m22-article-masthead-v645 h1,
body.m22-lang-ur.single-post .m22-article-deck-v645,
body.m22-lang-ur.single-post .m22-article-summary-v645,
body.m22-lang-ur.single-post .m22-article-content-v645,
body.m22-lang-ur.single-post .m22-comments-shell{font-family:"Noto Sans Arabic",Arial,sans-serif!important}
body.m22-lang-ur.single-post .m22-article-masthead-v645 h1{letter-spacing:0!important;line-height:1.42!important;font-size:clamp(38px,4vw,58px)!important}
body.m22-lang-ur.single-post .m22-article-deck-v645{line-height:1.95!important}
body.m22-lang-ur.single-post .m22-article-content-v645{line-height:2.05!important;font-size:18px!important}
body.m22-lang-ur.single-post .m22-article-content-v645 p:first-child{line-height:2.05!important}

/* Dark mode keeps contrast without flattening the hierarchy. */
.m22-dark.single-post{background:#08111f!important}
.m22-dark.single-post .m22-article-masthead-v645,
.m22-dark.single-post .m22-article-console-v645,
.m22-dark.single-post .m22-article-reading-v645,
.m22-dark.single-post .m22-article-standards-v645,
.m22-dark.single-post .m22-comments-shell,
.m22-dark.single-post .m22-related-v645{background:#0e192a!important;border-color:#26364f!important;box-shadow:none!important}
.m22-dark.single-post .m22-article-publisher-v645,.m22-dark.single-post .m22-article-meta-items-v645>span{background:#111f33!important;border-color:#2a3b55!important}
.m22-dark.single-post .m22-article-content-v645{background:transparent!important;color:#cbd7e7!important}
.m22-dark.single-post .m22-article-content-v645 p:first-child,.m22-dark.single-post .m22-article-content-v645 h2{color:#f3f7fd!important}

@media(max-width:980px){
  .single-post .m22-article-wrap-v645{padding-left:16px!important;padding-right:16px!important}
  .single-post .m22-article-meta-v645{grid-template-columns:1fr!important}
  .single-post .m22-article-meta-items-v645{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .single-post .m22-article-content-v645{padding:44px 34px 54px!important}
  .single-post .m22-comment-form{grid-template-columns:1fr 1fr!important}
  .single-post .m22-comment-form .m22-comment-field:last-of-type{grid-column:1/-1!important}
}
@media(max-width:680px){
  .single-post{--m22-story-radius:20px}
  .single-post .m22-article-wrap-v645{padding-left:9px!important;padding-right:9px!important;margin-top:12px!important}
  .single-post .m22-article-v645{gap:12px!important}
  .single-post .m22-article-masthead-v645{padding:24px 18px 20px!important}
  .single-post .m22-article-masthead-v645 h1{font-size:clamp(34px,10vw,46px)!important}
  .single-post .m22-article-deck-v645{font-size:15.5px!important}
  .single-post .m22-article-meta-items-v645{grid-template-columns:1fr 1fr!important}
  .single-post .m22-article-meta-items-v645>span{min-height:64px!important}
  .single-post .m22-article-hero-v645{aspect-ratio:16/10!important}
  .single-post .m22-article-console-v645{align-items:stretch!important}
  .single-post .m22-article-share-v645,.single-post .m22-article-actions-v645{width:100%!important}
  .single-post .m22-article-summary-v645{grid-template-columns:46px minmax(0,1fr)!important;min-height:0!important;padding:15px!important}
  .single-post .m22-article-summary-mark-v645{width:46px!important;height:46px!important}
  .single-post .m22-article-summary-v645>a{grid-column:2!important;justify-self:start!important}
  .single-post .m22-article-reading-head-v645{min-height:68px!important;padding:12px 14px!important}
  .single-post .m22-article-content-v645{width:100%!important;padding:32px 20px 40px!important;font-size:16.5px!important;line-height:1.82!important}
  body.m22-lang-ur.single-post .m22-article-content-v645{font-size:16.5px!important;line-height:2!important}
  .single-post .m22-article-standards-v645{grid-template-columns:1fr!important}
  .single-post .m22-article-standards-v645>div{min-height:74px!important;border-left:0!important;border-top:1px solid #e5ebf2!important}
  .single-post .m22-article-standards-v645>div:first-child{border-top:0!important}
  .single-post .m22-comments-shell{padding:18px!important}
  .single-post .m22-comments-head{min-height:0!important}
  .single-post .m22-comment-form{grid-template-columns:1fr!important}
  .single-post .m22-comment-form>*{grid-column:1!important}
  .single-post .m22-related-v645{padding:16px!important}
}