/* 22Media Premium Pro v6.39 — premium article reading system */

/* Keep every primary article control on one visual reading axis. */
.single-post .m22-article-v3{
  grid-template-columns:minmax(0,1fr) 310px!important;
  gap:34px!important;
  align-items:start!important;
}
.single-post .m22-article-main{min-width:0!important}
.single-post .m22-article-tools,
.single-post .m22-inshort,
.single-post .m22-article-content,
.single-post .m22-publisher-stamp-v628,
.single-post .m22-article-tags,
.single-post .m22-article-policy-v628{
  width:min(100%,940px)!important;
  max-width:940px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

/* Share/save bar: lighter, calmer and better proportioned. */
.single-post .m22-article-tools{
  position:relative!important;
  top:auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:12px!important;
  padding:10px!important;
  margin-top:18px!important;
  margin-bottom:18px!important;
  border:1px solid #dce5f1!important;
  border-radius:17px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 10px 28px rgba(20,49,89,.055)!important;
}
.single-post .m22-article-tools .m22-share-row{
  min-height:48px!important;
  margin:0!important;
  padding:6px 8px!important;
  border:0!important;
  background:transparent!important;
}
.single-post .m22-bookmark-btn{
  min-height:48px!important;
  height:48px!important;
  padding:0 16px!important;
  border-radius:12px!important;
}

/* The synopsis is a compact editorial summary, not another large article block. */
.single-post .m22-inshort{
  margin-top:0!important;
  margin-bottom:24px!important;
  padding:16px 19px 17px!important;
  border:1px solid #dbe6f6!important;
  border-left:4px solid #126cff!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,#f7faff 0%,#fff 72%)!important;
  box-shadow:0 8px 22px rgba(17,55,103,.035)!important;
}
.single-post .m22-inshort>div{margin-bottom:7px!important}
.single-post .m22-inshort p{
  max-width:780px!important;
  margin:0!important;
  font-size:14px!important;
  line-height:1.65!important;
  font-weight:650!important;
  color:#52647c!important;
}

/* Main reading card: generous outer shell, controlled newspaper-like measure inside. */
.single-post .m22-article-content{
  position:relative!important;
  padding:42px 48px 46px!important;
  border:1px solid #dce5f0!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#fff 0%,#fefeff 100%)!important;
  box-shadow:0 18px 46px rgba(15,41,78,.065)!important;
  color:#26364e!important;
  font-size:18.5px!important;
  line-height:1.82!important;
  letter-spacing:-.006em!important;
}
.single-post .m22-article-content:before{
  content:"";
  position:absolute;
  top:0;left:42px;right:42px;
  height:3px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,#126cff 0%,#43a1ff 58%,rgba(67,161,255,0) 100%);
  opacity:.9;
}
.single-post .m22-article-content>p,
.single-post .m22-article-content>ul,
.single-post .m22-article-content>ol,
.single-post .m22-article-content>blockquote,
.single-post .m22-article-content>h2,
.single-post .m22-article-content>h3,
.single-post .m22-article-content>h4{
  width:min(100%,760px)!important;
  max-width:760px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
.single-post .m22-article-content>p{
  margin-top:0!important;
  margin-bottom:1.48em!important;
  font-size:18.5px!important;
  line-height:1.86!important;
  font-weight:430!important;
  color:#30415a!important;
  text-wrap:pretty;
}
.single-post .m22-article-content>p:first-child,
.single-post .m22-article-content .m22-story-lead{
  margin-bottom:1.55em!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  font-size:20.5px!important;
  line-height:1.72!important;
  font-weight:650!important;
  color:#17263b!important;
  box-shadow:none!important;
}
.single-post .m22-article-content>p:first-child:before,
.single-post .m22-article-content .m22-story-lead:before{
  content:"";
  display:block;
  width:54px;
  height:4px;
  margin:0 0 17px;
  border-radius:999px;
  background:#126cff;
}
.single-post .m22-article-content h2{
  margin-top:2.05em!important;
  margin-bottom:.72em!important;
  padding-top:0!important;
  font-size:29px!important;
  line-height:1.18!important;
  letter-spacing:-.035em!important;
  color:#101d31!important;
}
.single-post .m22-article-content h3{
  margin-top:1.8em!important;
  margin-bottom:.64em!important;
  font-size:23px!important;
  line-height:1.28!important;
  letter-spacing:-.022em!important;
  color:#16253a!important;
}
.single-post .m22-article-content ul,
.single-post .m22-article-content ol{
  margin-top:.25em!important;
  margin-bottom:1.65em!important;
  padding-left:24px!important;
  color:#30415a!important;
}
.single-post .m22-article-content li{margin:.58em 0!important;padding-left:4px!important;line-height:1.72!important}
.single-post .m22-article-content blockquote{
  margin-top:2em!important;
  margin-bottom:2em!important;
  padding:21px 24px!important;
  border:1px solid #d8e6fb!important;
  border-left:4px solid #126cff!important;
  border-radius:0 16px 16px 0!important;
  background:#f6f9ff!important;
  color:#1b3150!important;
  font-size:20px!important;
  line-height:1.68!important;
  font-weight:620!important;
}
.single-post .m22-article-content figure,
.single-post .m22-article-content>.wp-block-image,
.single-post .m22-article-content>.wp-block-embed{
  width:min(100%,820px)!important;
  max-width:820px!important;
  margin:32px auto!important;
}
.single-post .m22-article-content img{width:100%;height:auto;border-radius:16px!important}
.single-post .m22-article-content figcaption{margin-top:8px!important;font-size:11px!important;line-height:1.5!important;color:#7c899c!important;text-align:left!important}
.single-post .m22-article-content a{color:#0d62dc!important;font-weight:650!important;text-decoration-color:rgba(13,98,220,.4)!important}

/* Finish the article with a quieter, aligned trust layer. */
.single-post .m22-publisher-stamp-v628{margin-top:22px!important;border-radius:17px!important}
.single-post .m22-article-tags{margin-top:16px!important}
.single-post .m22-article-policy-v628{margin-top:14px!important}

/* Sidebar visually starts with the reading card instead of feeling detached. */
.single-post .m22-article-sidebar{padding-top:0!important}
.single-post .m22-article-sidebar .m22-widget{border-radius:18px!important;box-shadow:0 12px 32px rgba(18,44,80,.05)!important}

/* Urdu reading measure: slightly larger and more open, same balanced canvas. */
body.m22-lang-ur.single-post .m22-article-content>p,
body.m22-lang-ur.single-post .m22-article-content li{
  font-size:19.5px!important;
  line-height:2.08!important;
  letter-spacing:0!important;
}
body.m22-lang-ur.single-post .m22-article-content>p:first-child,
body.m22-lang-ur.single-post .m22-article-content .m22-story-lead{font-size:21px!important;line-height:2!important}
body.m22-lang-ur.single-post .m22-article-content>p:first-child:before,
body.m22-lang-ur.single-post .m22-article-content .m22-story-lead:before{margin-left:auto;margin-right:0}

/* Dark-mode parity. */
.m22-dark.single-post .m22-article-tools,
[data-theme="dark"] .single-post .m22-article-tools{background:rgba(12,23,39,.94)!important;border-color:#27384f!important;box-shadow:none!important}
.m22-dark.single-post .m22-inshort,
[data-theme="dark"] .single-post .m22-inshort{background:linear-gradient(135deg,#0d1b31,#0c1729)!important;border-color:#29415f!important}
.m22-dark.single-post .m22-inshort p,
[data-theme="dark"] .single-post .m22-inshort p{color:#b9c6d8!important}
.m22-dark.single-post .m22-article-content,
[data-theme="dark"] .single-post .m22-article-content{background:linear-gradient(180deg,#101b2c,#0d1828)!important;border-color:#263950!important;box-shadow:none!important;color:#d9e2ef!important}
.m22-dark.single-post .m22-article-content>p,
[data-theme="dark"] .single-post .m22-article-content>p{color:#d1dbea!important}
.m22-dark.single-post .m22-article-content>p:first-child,
.m22-dark.single-post .m22-article-content .m22-story-lead,
[data-theme="dark"] .single-post .m22-article-content>p:first-child,
[data-theme="dark"] .single-post .m22-article-content .m22-story-lead{color:#f2f6fc!important}
.m22-dark.single-post .m22-article-content h2,
.m22-dark.single-post .m22-article-content h3,
[data-theme="dark"] .single-post .m22-article-content h2,
[data-theme="dark"] .single-post .m22-article-content h3{color:#f0f5fc!important}
.m22-dark.single-post .m22-article-content blockquote,
[data-theme="dark"] .single-post .m22-article-content blockquote{background:#13223a!important;border-color:#2e4c74!important;color:#e1eaf6!important}

@media (max-width:1100px){
  .single-post .m22-article-v3{grid-template-columns:minmax(0,1fr) 280px!important;gap:24px!important}
  .single-post .m22-article-content{padding:36px 38px 40px!important}
}

@media (max-width:900px){
  .single-post .m22-article-v3{display:block!important}
  .single-post .m22-article-sidebar{margin-top:28px!important}
  .single-post .m22-article-content,
  .single-post .m22-article-tools,
  .single-post .m22-inshort,
  .single-post .m22-publisher-stamp-v628,
  .single-post .m22-article-tags,
  .single-post .m22-article-policy-v628{max-width:860px!important}
}

@media (max-width:760px){
  .single-post .m22-article-tools{grid-template-columns:minmax(0,1fr) 52px!important;gap:8px!important;padding:8px!important;border-radius:14px!important}
  .single-post .m22-article-tools .m22-share-row{min-height:44px!important;padding:4px!important}
  .single-post .m22-bookmark-btn{width:52px!important;min-width:52px!important;height:44px!important;min-height:44px!important;padding:0!important}
  .single-post .m22-inshort{padding:14px 15px!important;margin-bottom:16px!important;border-radius:13px!important}
  .single-post .m22-inshort p{font-size:13.5px!important;line-height:1.6!important}
  .single-post .m22-article-content{padding:25px 20px 28px!important;border-radius:18px!important}
  .single-post .m22-article-content:before{left:20px;right:20px}
  .single-post .m22-article-content>p{font-size:16.8px!important;line-height:1.82!important;margin-bottom:1.4em!important}
  .single-post .m22-article-content>p:first-child,
  .single-post .m22-article-content .m22-story-lead{font-size:18.2px!important;line-height:1.72!important;margin-bottom:1.45em!important}
  .single-post .m22-article-content>p:first-child:before,
  .single-post .m22-article-content .m22-story-lead:before{width:44px;height:3px;margin-bottom:14px}
  .single-post .m22-article-content h2{font-size:24px!important;margin-top:1.7em!important}
  .single-post .m22-article-content h3{font-size:20px!important}
  .single-post .m22-article-content blockquote{font-size:17px!important;padding:16px 17px!important;margin:1.6em 0!important}
  body.m22-lang-ur.single-post .m22-article-content>p,
  body.m22-lang-ur.single-post .m22-article-content li{font-size:17.5px!important;line-height:2!important}
}

@media (max-width:430px){
  .single-post .m22-article-content{padding:22px 16px 24px!important;border-radius:16px!important}
  .single-post .m22-article-content:before{left:16px;right:16px}
  .single-post .m22-article-content>p{font-size:16.3px!important;line-height:1.78!important}
  .single-post .m22-inshort{padding:13px 14px!important}
}