/* 22Media Premium Pro v6.28 — navigation spacing, mobile drawer polish, article reading experience */

/* ---------- DESKTOP NAV: breathing room without collisions ---------- */
@media (min-width:981px){
  .m22-header-v66 .m22-nav-inner{height:56px!important;gap:12px!important}
  .m22-header-v66 .m22-primary-nav{min-width:0!important}
  .m22-header-v66 .m22-nav-list{justify-content:center!important;gap:5px!important;padding:0 2px!important}
  .m22-header-v66 .m22-nav-list>li>a{
    min-height:38px!important;padding:8px 8px!important;border-radius:10px!important;
    line-height:1!important;transition:background .18s ease,color .18s ease,transform .18s ease!important
  }
  .m22-header-v66 .m22-nav-list>li>a:hover{background:#f1f6fd!important;transform:translateY(-1px)}
  .m22-header-v66 .m22-nav-list>li.current-menu-item>a,
  .m22-header-v66 .m22-nav-list>li.current-menu-ancestor>a{background:#eaf3ff!important;color:#075fdc!important}
  .m22-header-v66 .m22-nav-tools{gap:6px!important;margin-left:8px!important;padding-left:10px!important}
  .m22-header-v66 .m22-nav-tools>a,.m22-header-v66 .m22-nav-tools>button{width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:10px!important}
}
@media (min-width:981px) and (max-width:1580px){
  .m22-header-v66 .m22-nav-list{gap:3px!important}
  .m22-header-v66 .m22-nav-list .m22-menu-icon{display:none!important}
  .m22-header-v66 .m22-nav-list>li>a{padding-left:7px!important;padding-right:7px!important;font-size:11px!important}
}
@media (min-width:981px) and (max-width:1260px){
  .m22-header-v66 .m22-nav-list{gap:1px!important}
  .m22-header-v66 .m22-nav-list>li>a{padding-left:5px!important;padding-right:5px!important;font-size:10.4px!important}
  .m22-header-v66 .m22-nav-tools{margin-left:4px!important;padding-left:6px!important}
}

/* ---------- MOBILE DRAWER: true top anchoring + balanced rhythm ---------- */
@media (max-width:980px){
  body.m22-menu-open{overflow:hidden!important}
  body.m22-menu-open .m22-topbar,
  body.m22-menu-open .m22-header-main-v6{pointer-events:none!important}
  body.m22-menu-open .m22-topbar{opacity:0!important;visibility:hidden!important}

  body .m22-header-v66 .m22-nav-wrap{
    top:0!important;bottom:0!important;left:0!important;right:auto!important;
    height:100svh!important;max-height:100svh!important;
    width:min(410px,92vw)!important;max-width:410px!important;
    z-index:2147483000!important;border-radius:0 22px 22px 0!important;
    background:linear-gradient(180deg,#fbfdff 0%,#f5f8fd 100%)!important;
  }
  body.m22-lang-ur .m22-header-v66 .m22-nav-wrap{left:auto!important;right:0!important;border-radius:22px 0 0 22px!important}
  .m22-header-v66 .m22-mobile-menu-head{
    display:grid!important;grid-template-columns:minmax(0,1fr) 42px!important;
    gap:11px!important;align-items:center!important;top:0!important;
    padding:max(12px,env(safe-area-inset-top)) 14px 12px!important;
    background:rgba(255,255,255,.99)!important;border-bottom:1px solid #e3eaf3!important;
    box-shadow:0 8px 24px rgba(15,42,79,.055)!important
  }
  .m22-header-v66 .m22-mobile-menu-brand{gap:10px!important}
  .m22-header-v66 .m22-mobile-menu-brand .m22-square-logo{width:42px!important;height:42px!important;flex-basis:42px!important;border-radius:12px!important}
  .m22-header-v66 .m22-mobile-menu-copy b{font-size:13.2px!important;letter-spacing:-.01em!important}
  .m22-header-v66 .m22-mobile-menu-copy small{font-size:8.7px!important;margin-top:3px!important}
  .m22-header-v66 .m22-mobile-menu-close{width:40px!important;height:40px!important;border-radius:12px!important}

  .m22-header-v66 .m22-drawer-language{
    grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(0,1fr) 148px!important;
    gap:10px!important;align-items:center!important;width:100%!important;margin:1px 0 0!important;padding:8px 9px 8px 11px!important;
    border:1px solid #dde6f1!important;border-radius:13px!important;background:#f4f8fd!important;box-sizing:border-box!important
  }
  .m22-header-v66 .m22-drawer-language>span{font-size:10px!important;gap:7px!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .m22-header-v66 .m22-drawer-language>div{min-width:0!important;grid-template-columns:1fr 1fr!important;gap:4px!important;padding:3px!important}
  .m22-header-v66 .m22-drawer-language a{height:31px!important;font-size:10.2px!important;border-radius:8px!important}

  .m22-header-v66 .m22-nav-inner{padding:12px 13px calc(90px + env(safe-area-inset-bottom))!important}
  .m22-header-v66 .m22-nav-list{gap:9px!important;column-gap:10px!important}
  .m22-header-v66 .m22-nav-list>li>a{
    min-height:50px!important;padding:7px 9px!important;border-radius:14px!important;
    box-shadow:0 4px 14px rgba(24,52,91,.035)!important
  }
  .m22-header-v66 .m22-nav-list>li:nth-child(-n+2)>a{min-height:56px!important}
  .m22-header-v66 .m22-nav-list>li>a:hover{border-color:#bed6f6!important;background:#f8fbff!important}

  /* Bottom tools are horizontal actions; icon sits beside the label, never above it. */
  .m22-header-v66 .m22-nav-tools{gap:9px!important;margin-top:14px!important;padding-top:13px!important}
  .m22-header-v66 .m22-nav-tools>a,.m22-header-v66 .m22-nav-tools>button{
    display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;
    gap:8px!important;height:46px!important;padding:0 12px!important;border-radius:13px!important;font-size:10.8px!important
  }
  .m22-header-v66 .m22-nav-tools i{display:inline-grid!important;place-items:center!important;width:18px!important;font-size:13px!important;line-height:1!important;margin:0!important}
  .m22-header-v66 .m22-nav-tool-label{display:inline-block!important;line-height:1!important;margin:0!important}

  .m22-nav-backdrop{z-index:2147482990!important}
}
@media (max-width:430px){
  body .m22-header-v66 .m22-nav-wrap{width:calc(100vw - 14px)!important;max-width:none!important}
  .m22-header-v66 .m22-mobile-menu-head{padding-left:11px!important;padding-right:11px!important;gap:9px!important}
  .m22-header-v66 .m22-drawer-language{grid-template-columns:minmax(0,1fr) 132px!important;padding-left:9px!important;padding-right:7px!important}
  .m22-header-v66 .m22-drawer-language>span{font-size:9.5px!important}
  .m22-header-v66 .m22-nav-inner{padding-left:11px!important;padding-right:11px!important}
  .m22-header-v66 .m22-nav-list{gap:8px!important;column-gap:9px!important}
}

/* Dark drawer refinements */
.m22-dark .m22-header-v66 .m22-nav-wrap,[data-theme="dark"] .m22-header-v66 .m22-nav-wrap{background:linear-gradient(180deg,#0d1728,#0b1321)!important}
.m22-dark .m22-header-v66 .m22-drawer-language,[data-theme="dark"] .m22-header-v66 .m22-drawer-language{background:#111d30!important;border-color:#27384f!important}

/* ---------- ARTICLE PAGE: international newsroom reading rhythm ---------- */
.single-post .m22-article-content{
  font-size:18.5px!important;line-height:1.82!important;color:#26364c!important;letter-spacing:-.008em!important
}
.single-post .m22-article-content>p{margin:0 0 1.42em!important}
.single-post .m22-article-content .m22-story-lead,
.single-post .m22-article-content>p:first-child{
  font-size:21px!important;line-height:1.72!important;color:#16243a!important;font-weight:520!important
}
.single-post .m22-article-content h2{margin:1.75em 0 .65em!important;font-size:28px!important;line-height:1.2!important;letter-spacing:-.025em!important;color:#111d31!important}
.single-post .m22-article-content h3{margin:1.55em 0 .55em!important;font-size:22px!important;line-height:1.25!important;color:#14223a!important}
.single-post .m22-article-content blockquote{margin:1.8em 0!important;padding:18px 22px!important;border-left:4px solid #126cff!important;background:#f5f9ff!important;border-radius:0 14px 14px 0!important}

/* Publisher identity becomes a compact editorial signature, not a large empty box. */
.m22-publisher-stamp-v628{
  display:grid!important;grid-template-columns:46px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;
  margin:30px 0 18px!important;padding:13px 15px!important;border:1px solid #dce6f2!important;border-radius:15px!important;
  background:linear-gradient(135deg,#fbfdff,#f5f9ff)!important;box-shadow:0 8px 26px rgba(15,43,82,.04)!important
}
.m22-publisher-stamp-v628 .m22-publisher-mark{width:46px!important;height:46px!important;display:grid!important;place-items:center!important;border-radius:12px!important;overflow:hidden!important;background:#fff!important;border:1px solid #e4eaf3!important}
.m22-publisher-stamp-v628 .m22-publisher-mark .m22-square-logo,.m22-publisher-stamp-v628 .m22-publisher-mark img{width:100%!important;height:100%!important;object-fit:cover!important}
.m22-publisher-copy{min-width:0!important;display:flex!important;flex-direction:column!important;gap:2px!important}
.m22-publisher-copy small{font-size:8px!important;line-height:1!important;letter-spacing:.12em!important;font-weight:900!important;color:#1470ec!important}
.m22-publisher-copy strong{font-size:13px!important;line-height:1.25!important;color:#15243a!important}
.m22-publisher-copy span{font-size:10px!important;line-height:1.4!important;color:#77879d!important}
.m22-publisher-verified{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:7px 9px!important;border-radius:999px!important;background:#eaf7ef!important;color:#16824b!important;font-size:9px!important;font-weight:850!important;white-space:nowrap!important}

/* Corrections note is a compact standards footer instead of a full-height bar. */
.m22-article-policy-v628{
  display:flex!important;align-items:center!important;gap:10px!important;margin:14px 0 4px!important;padding:11px 13px!important;
  border:1px solid #e0e7f1!important;border-radius:13px!important;background:#fafcff!important
}
.m22-article-policy-v628 .m22-policy-icon{flex:0 0 31px!important;width:31px!important;height:31px!important;display:grid!important;place-items:center!important;border-radius:9px!important;background:#eef5ff!important;color:#156be7!important;font-size:12px!important}
.m22-article-policy-v628>div{min-width:0!important}
.m22-article-policy-v628 strong{display:block!important;margin-bottom:2px!important;font-size:9.5px!important;line-height:1.2!important;color:#52627a!important;text-transform:uppercase!important;letter-spacing:.07em!important}
.m22-article-policy-v628 p{margin:0!important;font-size:10.5px!important;line-height:1.45!important;color:#7a889b!important}
.m22-article-policy-v628 p span{margin:0 6px!important;color:#b0bac8!important}
.m22-article-policy-v628 a{font-weight:800!important;color:#0c63df!important}

.m22-dark .single-post .m22-article-content,[data-theme="dark"] .single-post .m22-article-content{color:#d7e0ee!important}
.m22-dark .single-post .m22-article-content .m22-story-lead,.m22-dark .single-post .m22-article-content>p:first-child,[data-theme="dark"] .single-post .m22-article-content .m22-story-lead,[data-theme="dark"] .single-post .m22-article-content>p:first-child{color:#f1f5fb!important}
.m22-dark .m22-publisher-stamp-v628,[data-theme="dark"] .m22-publisher-stamp-v628{background:#101a2a!important;border-color:#27364c!important;box-shadow:none!important}
.m22-dark .m22-publisher-copy strong,[data-theme="dark"] .m22-publisher-copy strong{color:#edf3fb!important}
.m22-dark .m22-article-policy-v628,[data-theme="dark"] .m22-article-policy-v628{background:#0f1928!important;border-color:#26364c!important}

@media (max-width:760px){
  .single-post .m22-article-content{font-size:16.8px!important;line-height:1.78!important}
  .single-post .m22-article-content .m22-story-lead,.single-post .m22-article-content>p:first-child{font-size:18px!important;line-height:1.7!important}
  .single-post .m22-article-content h2{font-size:23px!important}
  .m22-publisher-stamp-v628{grid-template-columns:42px minmax(0,1fr)!important;padding:12px!important}
  .m22-publisher-stamp-v628 .m22-publisher-mark{width:42px!important;height:42px!important}
  .m22-publisher-verified{grid-column:2!important;justify-self:start!important;margin-top:3px!important}
  .m22-article-policy-v628{align-items:flex-start!important}
}