/* 22Media Premium Pro 6.3 — Urdu newsroom, automation-facing UI, comments & balance */
:root{
  --m22-urdu-ui:"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;
  --m22-urdu-reading:"Noto Naskh Arabic","Noto Sans Arabic",Tahoma,Arial,sans-serif;
  --m22-v63-ink:#0b1735;--m22-v63-muted:#68758d;--m22-v63-blue:#0867f5;--m22-v63-navy:#061443;
  --m22-v63-card:#fff;--m22-v63-line:#e1e8f3;--m22-v63-soft:#f6f9fe;--m22-v63-shadow:0 20px 60px rgba(9,36,83,.09)
}

/* ===== Urdu: clean, non-italic, newspaper-grade Naskh ===== */
html[lang="ur-PK"] body.m22-lang-ur{font-family:var(--m22-urdu-ui)!important;font-size:16px;line-height:1.95;font-style:normal!important}
body.m22-lang-ur *,body.m22-lang-ur *:before,body.m22-lang-ur *:after{font-style:normal!important}
body.m22-lang-ur h1,body.m22-lang-ur h2,body.m22-lang-ur h3,body.m22-lang-ur h4,
body.m22-lang-ur .m22-hero-copy h1,body.m22-lang-ur .m22-hero-mini-copy h3,body.m22-lang-ur .m22-feature-card h3,
body.m22-lang-ur .m22-card-body h3,body.m22-lang-ur .m22-pulse-feed h3,body.m22-lang-ur .m22-only22-copy h3,
body.m22-lang-ur .m22-hub-card h3,body.m22-lang-ur .m22-article-header h1,body.m22-lang-ur .m22-article-content,
body.m22-lang-ur .m22-section-head h2,body.m22-lang-ur .m22-weather-head h2,
body.m22-lang-ur .m22-comments-shell h2,body.m22-lang-ur .m22-comments-shell h3{
  font-family:var(--m22-urdu-reading)!important;font-style:normal!important;font-weight:700!important;letter-spacing:0!important
}
body.m22-lang-ur .m22-article-content{font-weight:500!important;font-size:20px!important;line-height:2.25!important}
body.m22-lang-ur .m22-article-content p{margin:0 0 1.25em}
body.m22-lang-ur .m22-article-header h1{font-size:clamp(35px,4vw,58px)!important;line-height:1.55!important;max-width:1020px;margin-inline:auto;text-wrap:balance}
body.m22-lang-ur .m22-hero-copy h1{font-size:clamp(31px,3.55vw,53px)!important;line-height:1.55!important;text-wrap:balance}
body.m22-lang-ur .m22-hero-mini-copy h3,body.m22-lang-ur .m22-card-body h3{line-height:1.65!important}
body.m22-lang-ur .m22-section-head h2{line-height:1.45!important;font-size:31px}
body.m22-lang-ur .m22-article-deck,body.m22-lang-ur .m22-hero-copy p,body.m22-lang-ur .m22-card-body p,
body.m22-lang-ur .m22-feature-card p,body.m22-lang-ur .m22-pulse-feed p{font-family:var(--m22-urdu-ui)!important;line-height:2!important}
body.m22-lang-ur .m22-nav-list>li>a{font-family:var(--m22-urdu-ui)!important;font-weight:800!important;font-size:13px!important;white-space:nowrap}
body.m22-lang-ur .m22-nav-list .sub-menu a{font-family:var(--m22-urdu-ui)!important;font-size:13px!important;line-height:1.75!important}
body.m22-lang-ur .m22-discovery-inner,body.m22-lang-ur .m22-breaking-track,
body.m22-lang-ur .m22-meta,body.m22-lang-ur .m22-badge,body.m22-lang-ur button,
body.m22-lang-ur input,body.m22-lang-ur textarea,body.m22-lang-ur select{font-family:var(--m22-urdu-ui)!important}
body.m22-lang-ur .m22-article-content em,body.m22-lang-ur .m22-article-content i{font-style:normal!important}

/* ===== Homepage structure / stronger editorial polish ===== */
.m22-home-v6{padding-top:28px}
.m22-home-commandbar{border:1px solid rgba(10,87,216,.12)!important;background:linear-gradient(115deg,#fff 0%,#f7fbff 55%,#eef5ff 100%)!important;box-shadow:0 18px 55px rgba(13,55,119,.07)!important;border-radius:22px!important;padding:15px 18px!important;overflow:hidden;position:relative}
.m22-home-commandbar:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-100px;top:-150px;background:radial-gradient(circle,rgba(31,121,255,.16),transparent 68%);pointer-events:none}
.m22-home-command-brand .m22-command-mark{background:linear-gradient(145deg,#0868f6,#07379f)!important;box-shadow:0 12px 24px rgba(7,93,225,.24)}
.m22-home-command-links>a{border:1px solid #e1e9f5!important;background:rgba(255,255,255,.82)!important;box-shadow:0 8px 22px rgba(10,50,113,.04)!important;transition:.22s ease!important}
.m22-home-command-links>a:hover{transform:translateY(-3px)!important;border-color:#bdd4f8!important;box-shadow:0 16px 32px rgba(9,80,188,.10)!important}
.m22-hero-grid{border-radius:28px!important;gap:12px!important;filter:drop-shadow(0 24px 55px rgba(12,43,93,.10))}
.m22-hero-lead,.m22-hero-mini{overflow:hidden;border-radius:22px!important}
.m22-hero-media img,.m22-hero-mini img,.m22-card-media img,.m22-feature-media img,.m22-only22-media img{transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .35s ease}
.m22-hero-lead:hover .m22-hero-media img,.m22-hero-mini:hover img,.m22-card:hover .m22-card-media img,.m22-editor-card:hover img,.m22-only22-home article:hover .m22-only22-media img{transform:scale(1.035);filter:saturate(1.04)}
.m22-intel-ribbon{border-radius:22px!important;border:1px solid #e4eaf4!important;box-shadow:0 15px 42px rgba(10,44,94,.06)!important;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(12px)}
.m22-editors-zone,.m22-only22-home,.m22-home .m22-section,.m22-home .m22-category-section{scroll-margin-top:150px}
.m22-editor-card,.m22-card,.m22-feature-card,.m22-pulse-item{border-color:#e3eaf4!important;box-shadow:0 10px 30px rgba(14,45,93,.045);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.m22-editor-card:hover,.m22-card:hover,.m22-feature-card:hover,.m22-pulse-item:hover{transform:translateY(-4px);border-color:#cbdcf6!important;box-shadow:0 22px 46px rgba(9,67,153,.09)}

/* ===== Correct no-image behavior: logo sits inside a landscape card, never stretched ===== */
img[src*="brand-placeholder.jpg"]{object-fit:cover!important;object-position:center!important;transform:none!important;filter:none!important}
.m22-article-image-placeholder{background:linear-gradient(135deg,#061444,#0c3d9e)!important;border-radius:24px!important;overflow:hidden}
.m22-article-image-placeholder img{display:block;width:100%!important;aspect-ratio:16/9!important;height:auto!important;object-fit:cover!important;object-position:center!important}
.m22-card-media img[src*="brand-placeholder.jpg"],.m22-hero-media img[src*="brand-placeholder.jpg"],.m22-feature-media img[src*="brand-placeholder.jpg"],.m22-only22-media img[src*="brand-placeholder.jpg"]{transform:none!important}

/* ===== Article balance ===== */
.m22-article-v3{gap:34px!important}.m22-article-main{min-width:0}.m22-article-header{padding-bottom:22px!important}
.m22-article-image{border-radius:24px!important;box-shadow:0 22px 52px rgba(9,38,85,.10);overflow:hidden}
.m22-source-box{border-radius:18px!important;background:linear-gradient(135deg,#eef5ff,#f8fbff)!important;border:1px solid #dbe8fb!important}
.m22-article-policy{border-radius:18px!important;background:#fbfcfe!important;border:1px solid #e5eaf2!important}

/* ===== Premium comments ===== */
.m22-comments-shell{margin:38px 0 12px;padding:28px;border:1px solid var(--m22-v63-line);border-radius:26px;background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:var(--m22-v63-shadow);position:relative;overflow:hidden}
.m22-comments-shell:before{content:"";position:absolute;right:-90px;top:-120px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(22,107,255,.10),transparent 68%);pointer-events:none}
.m22-comments-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:22px;border-bottom:1px solid #e4eaf3;position:relative;z-index:1}
.m22-comments-kicker{display:inline-flex;align-items:center;gap:8px;color:#0b68ee;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.m22-comments-head h2{margin:7px 0 4px;font-size:29px;line-height:1.2;color:var(--m22-v63-ink)}
.m22-comments-head p{margin:0;max-width:720px;color:var(--m22-v63-muted);font-size:13px;line-height:1.7}
.m22-comments-count{min-width:92px;padding:13px 14px;border:1px solid #dce7f6;border-radius:18px;background:#fff;text-align:center;box-shadow:0 10px 28px rgba(9,56,126,.06)}
.m22-comments-count b{display:block;font-size:25px;color:#0a63ef;line-height:1}.m22-comments-count span{display:block;margin-top:5px;font-size:9px;color:#78869c;font-weight:800;text-transform:uppercase}
.m22-comment-list-wrap{margin-top:24px}.m22-comment-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.m22-comment-list .comment{list-style:none;margin:0;padding:0}.m22-comment-list .comment-body{position:relative;padding:18px 18px 16px 82px;border:1px solid #e2e9f3;border-radius:20px;background:#fff;box-shadow:0 9px 24px rgba(13,46,91,.04)}
.m22-comment-list .comment-author .avatar{position:absolute;left:18px;top:18px;width:48px;height:48px;border-radius:15px;object-fit:cover;box-shadow:0 8px 18px rgba(10,48,101,.12)}
.m22-comment-list .comment-author .fn{font-style:normal;font-weight:850;color:#15213a}.m22-comment-list .comment-author .says{display:none}
.m22-comment-list .comment-meta{margin-top:3px;font-size:10px;color:#8995a8}.m22-comment-list .comment-meta a{color:inherit}
.m22-comment-list .comment-body>p{margin:13px 0 8px;color:#334057;line-height:1.75;font-size:14px}
.m22-comment-list .reply a{display:inline-flex;align-items:center;padding:7px 11px;border-radius:9px;background:#eef5ff;color:#0964e9;font-size:10px;font-weight:800}
.m22-comment-list .children{list-style:none;margin:12px 0 0 42px;padding:0;display:grid;gap:12px}
.m22-comment-pagination{display:flex;justify-content:space-between;gap:12px;margin-top:16px}.m22-comment-pagination a{display:inline-flex;padding:9px 12px;border-radius:10px;border:1px solid #dde6f3;background:#fff;font-size:11px;font-weight:800}
.comment-respond{position:relative;z-index:1;margin-top:24px;padding:22px;border:1px solid #dce7f6;border-radius:22px;background:#fff}
.m22-comment-form-title{display:flex;align-items:center;gap:12px;margin-bottom:14px}.m22-comment-form-title>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#0b69f5,#1049bd);color:#fff;box-shadow:0 10px 20px rgba(8,91,220,.22)}
.m22-comment-form-title small{display:block;color:#0a67ed;font-size:8px;font-weight:950;letter-spacing:.13em}.m22-comment-form-title h3{margin:2px 0 0;font-size:23px;color:#111d35}
.m22-comment-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.m22-comment-form>p,.m22-comment-form>.m22-comment-form-title{grid-column:1/-1}
.m22-comment-form .m22-comment-field{display:flex;flex-direction:column;gap:7px}.m22-comment-form .m22-comment-field.wide{grid-column:1/-1}.m22-comment-form label{font-size:11px;font-weight:800;color:#31405b}
.m22-comment-form input,.m22-comment-form textarea{width:100%;border:1px solid #d9e2ef!important;border-radius:13px!important;background:#fbfcff!important;padding:12px 13px!important;font-size:14px!important;outline:0!important;transition:border-color .18s,box-shadow .18s,background .18s}
.m22-comment-form textarea{min-height:150px;resize:vertical}.m22-comment-form input:focus,.m22-comment-form textarea:focus{border-color:#70a8f7!important;background:#fff!important;box-shadow:0 0 0 4px rgba(21,105,239,.09)!important}
.m22-comment-limit{align-self:flex-end;margin-top:-2px;color:#94a0b2;font-size:9px}.m22-comment-note,.m22-comment-guideline{margin:0!important;color:#748196!important;font-size:11px!important;line-height:1.6}.m22-comment-guideline{display:flex;align-items:center;gap:7px}.m22-comment-guideline i{color:#0b6af0}
.m22-comment-signed{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:11px;background:#eef8f3;color:#236b46;font-size:11px}.m22-comment-signed i{color:#24a568}
.m22-comment-submit{grid-column:1/-1;justify-self:start;display:inline-flex!important;align-items:center!important;gap:9px!important;border:0!important;border-radius:12px!important;padding:11px 16px!important;background:linear-gradient(135deg,#0865f2,#0747bb)!important;color:#fff!important;font-size:11px!important;font-weight:900!important;box-shadow:0 12px 24px rgba(7,83,201,.22)!important;cursor:pointer;transition:.2s}.m22-comment-submit:hover{transform:translateY(-2px);box-shadow:0 17px 30px rgba(7,83,201,.28)!important}
.m22-comments-closed{display:flex;align-items:center;gap:10px;margin-top:18px;padding:14px;border-radius:14px;background:#f5f7fb;color:#718097;font-size:12px}
body.m22-lang-ur .m22-comments-shell{direction:rtl;text-align:right}.m22-lang-ur .m22-comments-kicker{letter-spacing:0;text-transform:none;font-size:12px}.m22-lang-ur .m22-comments-head h2{line-height:1.55}.m22-lang-ur .m22-comment-list .comment-body{padding:18px 82px 16px 18px}.m22-lang-ur .m22-comment-list .comment-author .avatar{left:auto;right:18px}.m22-lang-ur .m22-comment-list .children{margin:12px 42px 0 0}.m22-lang-ur .m22-comment-submit{justify-self:start}.m22-lang-ur .m22-comment-limit{align-self:flex-start}

/* ===== Urdu empty-state should look intentional, not blank ===== */
body.m22-lang-ur .m22-empty-premium{border:1px solid #dce6f5!important;border-radius:28px!important;background:linear-gradient(145deg,#fff,#f5f9ff)!important;box-shadow:0 25px 70px rgba(9,45,99,.08)!important;min-height:330px!important}
body.m22-lang-ur .m22-empty-brand{max-width:850px;margin:auto;align-items:center!important}.m22-lang-ur .m22-empty-brand .m22-square-logo{width:88px!important;height:88px!important;border-radius:22px!important;object-fit:cover!important;box-shadow:0 14px 30px rgba(6,53,131,.18)}
body.m22-lang-ur .m22-empty-brand h1{font-family:var(--m22-urdu-reading)!important;font-size:36px!important;line-height:1.5!important}

/* ===== Dark mode ===== */
.m22-dark .m22-comments-shell{background:linear-gradient(145deg,#0b1324,#0c172b);border-color:#25334a;box-shadow:none}.m22-dark .m22-comments-head{border-color:#26344a}.m22-dark .m22-comments-head h2,.m22-dark .m22-comment-form-title h3{color:#f3f7ff}.m22-dark .m22-comments-head p{color:#9cacbf}.m22-dark .m22-comments-count,.m22-dark .comment-respond,.m22-dark .m22-comment-list .comment-body{background:#101b2e;border-color:#26364f}.m22-dark .m22-comment-list .comment-author .fn,.m22-dark .m22-comment-list .comment-body>p,.m22-dark .m22-comment-form label{color:#dce7f7}.m22-dark .m22-comment-form input,.m22-dark .m22-comment-form textarea{background:#0b1525!important;border-color:#2a3a54!important;color:#edf4ff!important}

/* ===== motion ===== */
.m22-v63-reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.75,.2,1)}.m22-v63-reveal.is-visible{opacity:1;transform:none}
@keyframes m22PulseSoft{0%,100%{box-shadow:0 0 0 0 rgba(238,43,71,.22)}50%{box-shadow:0 0 0 7px rgba(238,43,71,0)}}
.m22-live-chip i,.m22-breaking-chip i{animation:m22PulseSoft 1.8s infinite}

@media(max-width:980px){
  .m22-home-v6{padding-top:18px}.m22-home-commandbar{border-radius:18px!important}.m22-article-v3{gap:20px!important}.m22-comments-shell{padding:20px;border-radius:22px}
  body.m22-lang-ur .m22-article-header h1{font-size:38px!important}.m22-comment-form{grid-template-columns:1fr}.m22-comment-form .m22-comment-field{grid-column:1/-1}
}
@media(max-width:620px){
  .m22-comments-head{flex-direction:column}.m22-comments-count{display:flex;align-items:center;gap:6px;min-width:0;padding:9px 12px}.m22-comments-count b{font-size:18px}.m22-comments-count span{margin:0}.m22-comments-shell{padding:16px;border-radius:18px}.comment-respond{padding:16px}.m22-comment-list .comment-body{padding:16px 16px 14px 68px}.m22-comment-list .comment-author .avatar{left:14px;top:14px;width:42px;height:42px}.m22-lang-ur .m22-comment-list .comment-body{padding:16px 68px 14px 16px}.m22-lang-ur .m22-comment-list .comment-author .avatar{right:14px}.m22-comment-list .children,.m22-lang-ur .m22-comment-list .children{margin-left:14px;margin-right:14px}.m22-home-command-links small{display:none}
  body.m22-lang-ur .m22-article-header h1{font-size:32px!important;line-height:1.55!important}body.m22-lang-ur .m22-article-content{font-size:18px!important;line-height:2.15!important}
}
@media(prefers-reduced-motion:reduce){.m22-v63-reveal{opacity:1!important;transform:none!important;transition:none!important}.m22-live-chip i,.m22-breaking-chip i{animation:none!important}}
.m22-urdu-sync-grid{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.m22-urdu-sync-grid>span{display:grid;grid-template-columns:34px auto;grid-template-rows:auto auto;column-gap:9px;align-items:center;padding:10px 12px;border:1px solid #dce7f6;border-radius:14px;background:#fff;min-width:180px}.m22-urdu-sync-grid i{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#eef4ff;color:#0b66ee}.m22-urdu-sync-grid b{font-family:var(--m22-urdu-ui)!important;font-size:14px;color:#17233d}.m22-urdu-sync-grid small{font-family:var(--m22-urdu-ui)!important;font-size:10px;color:#7e8ba1}.m22-urdu-sync-grid .is-ready i{background:#eaf8f1;color:#1c9b60}
/* Source attribution is rendered once in the dedicated premium source card. */
.m22-article-content .m22-import-attribution{display:none!important}