/* 22Media Premium Pro v6.35 — premium front-page editorial experience */

/* ---- Page atmosphere & rhythm ---- */
body.home .m22-main{
  background:
    radial-gradient(circle at 10% 0,rgba(17,102,255,.055),transparent 27%),
    radial-gradient(circle at 92% 12%,rgba(16,180,190,.045),transparent 24%),
    var(--m22-bg);
}
.m22-home-v7{padding-top:24px!important;padding-bottom:76px!important}
.m22-home-v7>*{scroll-margin-top:170px}

/* ---- Newsroom command bar ---- */
.m22-home-v7 .m22-home-commandbar{
  min-height:70px;margin:0 0 18px!important;padding:12px 14px 12px 16px!important;
  border-radius:20px!important;border-color:#dfe8f5!important;
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(247,250,255,.98))!important;
  box-shadow:0 14px 38px rgba(18,48,94,.06)!important;
}
.m22-home-v7 .m22-command-mark{width:46px;height:46px;border-radius:14px;box-shadow:0 9px 22px rgba(12,91,224,.2)}
.m22-home-v7 .m22-home-command-brand small{font-size:8px!important;color:#1768e8!important}
.m22-home-v7 .m22-home-command-brand b{font-size:13px!important;letter-spacing:-.02em}
.m22-home-v7 .m22-home-command-links{gap:9px!important}
.m22-home-v7 .m22-home-command-links a{min-width:124px!important;height:48px!important;border-radius:13px!important;background:#fff!important}
.m22-home-v7 .m22-home-command-links a:hover{border-color:#c8dcfa!important;background:#f8fbff!important;box-shadow:0 10px 26px rgba(9,70,157,.09)!important}

/* ---- Hero: magazine-grade visual hierarchy ---- */
.m22-home-v7 .m22-hero-grid{gap:16px!important;grid-template-columns:minmax(0,1.7fr) minmax(410px,.86fr)!important}
.m22-home-v7 .m22-hero-lead{min-height:620px!important;border-radius:28px!important;box-shadow:0 30px 80px rgba(4,22,63,.19)!important}
.m22-home-v7 .m22-hero-lead:after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),inset 0 -130px 120px -100px rgba(20,92,255,.34);
}
.m22-home-v7 .m22-hero-copy{z-index:3!important;left:38px!important;right:38px!important;bottom:36px!important}
.m22-home-v7 .m22-hero-deskline{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:11px;color:#d8e6ff}
.m22-home-v7 .m22-hero-deskline span{display:inline-flex;align-items:center;gap:7px;font-size:9px;font-weight:950;letter-spacing:.14em;color:#91bcff}
.m22-home-v7 .m22-hero-deskline small{font-size:8px;font-weight:850;letter-spacing:.11em;color:#d6e2f7}
.m22-home-v7 .m22-hero-copy h1{font-size:clamp(40px,4.35vw,67px)!important;line-height:1.01!important;letter-spacing:-.052em!important;text-wrap:balance}
.m22-home-v7 .m22-hero-copy p{font-size:15px!important;line-height:1.58!important;max-width:800px!important}
.m22-home-v7 .m22-hero-side{gap:16px!important;grid-auto-rows:302px!important}
.m22-home-v7 .m22-hero-mini{border-radius:22px!important;box-shadow:0 20px 50px rgba(5,24,65,.13)!important}
.m22-home-v7 .m22-hero-mini:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.12);border-radius:inherit;pointer-events:none;z-index:3}
.m22-home-v7 .m22-hero-index{position:absolute;z-index:4;top:14px;right:14px;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:rgba(5,14,38,.62);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px);color:#fff;font-size:10px;letter-spacing:.08em}
.m22-home-v7 .m22-hero-mini-copy{z-index:4!important;left:20px!important;right:20px!important;bottom:18px!important}
.m22-home-v7 .m22-hero-mini-copy span{display:inline-block;margin-bottom:3px;color:#9bc4ff;font-size:9px!important;letter-spacing:.1em}
.m22-home-v7 .m22-hero-mini-copy h3{font-size:18px!important;line-height:1.28!important;text-wrap:balance}

/* ---- Floating trust/intelligence ribbon ---- */
.m22-home-v7 .m22-intel-ribbon{
  position:relative;z-index:8;width:calc(100% - 54px);margin:-25px auto 22px!important;
  border-radius:19px!important;border-color:#dbe6f3!important;box-shadow:0 22px 56px rgba(6,35,83,.12)!important;
  background:#dfe8f5!important;
}
.m22-home-v7 .m22-intel-ribbon>div{min-height:82px!important;padding:13px 16px!important;background:rgba(255,255,255,.985)!important}
.m22-home-v7 .m22-intel-ribbon i{width:38px!important;height:38px!important;border-radius:12px!important;box-shadow:inset 0 0 0 1px rgba(20,100,240,.08)}
.m22-home-v7 .m22-intel-ribbon span{font-size:10.5px!important}
.m22-home-v7 .m22-intel-ribbon b{font-size:8.5px!important}

/* ---- Trending: refined story rail ---- */
.m22-home-v7 .m22-trending-strip{margin:22px 0 34px!important;border-radius:18px!important;box-shadow:0 10px 30px rgba(13,42,88,.055)!important}
.m22-home-v7 .m22-trending-title{flex-basis:156px!important;width:156px!important;font-size:11px!important;letter-spacing:.03em}
.m22-home-v7 .m22-trending-items a{min-height:70px;padding:13px 14px!important;align-items:center!important}
.m22-home-v7 .m22-trending-items b{font-size:10px!important;background:#edf4ff;border-radius:8px;padding:4px 5px}
.m22-home-v7 .m22-trending-items span{font-size:11.5px!important;line-height:1.4!important}

/* ---- Section shells: cleaner, richer, less boxy ---- */
.m22-home-v7 .m22-section{
  margin-top:38px!important;padding:22px!important;border-radius:26px!important;
  box-shadow:0 18px 52px rgba(12,43,91,.052)!important;
}
.m22-home-v7 .m22-section:before{height:3px!important;left:22px!important;right:auto!important;width:98px!important;background:linear-gradient(90deg,#0d65f0,#66a6ff,transparent)!important}
.m22-home-v7 .m22-section .m22-section-head{margin-bottom:18px!important}
.m22-home-v7 .m22-section-head>div{gap:11px!important}
.m22-home-v7 .m22-section-title-stack{display:flex;flex-direction:column;gap:1px;min-width:0}
.m22-home-v7 .m22-section-title-stack>small{font-size:7.5px;line-height:1;font-weight:950;letter-spacing:.14em;color:#6d8db8}
.m22-home-v7 .m22-section-title-stack>h2{margin:0!important;line-height:1.14!important}
.m22-home-v7 .m22-kicker{width:38px!important;height:38px!important;border-radius:12px!important;box-shadow:inset 0 0 0 1px rgba(22,100,235,.08)}
.m22-home-v7 .m22-section-grid{gap:20px!important}
.m22-home-v7 .m22-section-reverse .m22-feature-card{order:2}
.m22-home-v7 .m22-section-reverse .m22-section-list{order:1}
.m22-home-v7 .m22-feature-card{box-shadow:0 12px 35px rgba(14,43,89,.055)!important;border-color:#dde6f2!important}
.m22-home-v7 .m22-feature-card .m22-feature-media:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(3,14,38,.2),transparent 48%);pointer-events:none}
.m22-home-v7 .m22-feature-media span{z-index:2;left:14px!important;bottom:13px!important;padding:5px 9px!important;font-size:8.5px!important;letter-spacing:.06em}
.m22-home-v7 .m22-feature-card h3{text-wrap:balance}
.m22-home-v7 .m22-section-list>.m22-card-small{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}
.m22-home-v7 .m22-section-list>.m22-card-small:hover{transform:translateX(4px)!important;box-shadow:0 12px 28px rgba(11,55,119,.07)!important}
.m22-home-v7 .m22-section-reverse .m22-section-list>.m22-card-small:hover{transform:translateX(-4px)!important}

/* ---- Only 22: flagship branded desk ---- */
.m22-home-v7 .m22-only22-home{margin:42px 0!important;padding:24px!important;border-radius:28px!important;background:radial-gradient(circle at 82% -10%,rgba(48,147,255,.34),transparent 29%),radial-gradient(circle at 15% 100%,rgba(0,195,255,.12),transparent 28%),linear-gradient(135deg,#06113c,#071c5a 55%,#0b55bd)!important;box-shadow:0 30px 76px rgba(5,27,77,.22)!important}
.m22-home-v7 .m22-only22-home:before{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(255,255,255,.09);pointer-events:none}
.m22-home-v7 .m22-only22-grid{gap:14px!important}
.m22-home-v7 .m22-only22-grid article{border-radius:19px!important;background:rgba(255,255,255,.07)!important;backdrop-filter:blur(8px)}
.m22-home-v7 .m22-only22-grid .is-lead{box-shadow:0 18px 42px rgba(1,7,28,.18)}

/* ---- Editors' Picks: magazine layout ---- */
.m22-home-v7 .m22-editors-zone{margin-top:42px!important;padding:22px!important;border-radius:26px!important;background:linear-gradient(145deg,#fff,#f7faff)!important;box-shadow:0 18px 52px rgba(12,43,91,.055)!important}
.m22-home-v7 .m22-editors-grid{grid-template-columns:1.35fr .86fr .86fr!important;grid-template-rows:190px 190px!important;gap:13px!important}
.m22-home-v7 .m22-editor-card{min-height:0!important;border-radius:18px!important}
.m22-home-v7 .m22-editor-card:first-child{grid-row:1/3;grid-column:1;}
.m22-home-v7 .m22-editor-card:nth-child(4){grid-column:2/4;grid-row:2}
.m22-home-v7 .m22-editor-card:first-child h3{font-size:23px!important;max-width:520px}
.m22-home-v7 .m22-editor-card:nth-child(4) h3{font-size:17px!important;max-width:620px}
.m22-home-v7 .m22-editor-card:after{background:linear-gradient(to top,rgba(2,7,20,.92),rgba(2,7,20,.08) 70%)!important}
.m22-home-v7 .m22-topic-cloud{padding-top:2px}

/* ---- Latest newsroom: lead item + compact live rail ---- */
.m22-home-v7 .m22-newsroom-pulse{margin-top:42px!important;padding:22px;border:1px solid #e0e8f3;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(249,251,255,.96));box-shadow:0 18px 52px rgba(12,43,91,.05)}
.m22-home-v7 .m22-pulse-feed article:first-child{grid-template-columns:245px minmax(0,1fr)!important;min-height:170px!important;padding:12px!important;background:linear-gradient(135deg,#fff,#f8fbff)!important;border:1px solid #dce8f7!important}
.m22-home-v7 .m22-pulse-feed article:first-child .m22-pulse-thumb{height:146px!important}
.m22-home-v7 .m22-pulse-feed article:first-child h3{font-size:21px!important;line-height:1.2!important;text-wrap:balance}
.m22-home-v7 .m22-pulse-feed article:first-child p{font-size:12.5px!important;-webkit-line-clamp:3!important}
.m22-home-v7 .m22-pulse-feed article:not(:first-child){border:1px solid #e4eaf3!important}
.m22-home-v7 .m22-mostread-panel{background:linear-gradient(180deg,#08163e,#06102f)!important;border-color:#13275b!important;color:#fff!important;box-shadow:0 20px 50px rgba(4,22,65,.18)!important}
.m22-home-v7 .m22-mostread-panel .m22-panel-head{color:#9cc2ff!important}
.m22-home-v7 .m22-mostread-panel>a{border-color:rgba(255,255,255,.1)!important}
.m22-home-v7 .m22-mostread-panel>a>b{color:#568fe8!important}
.m22-home-v7 .m22-mostread-panel>a>span{color:#fff!important}
.m22-home-v7 .m22-mostread-panel small{color:#92a7c8!important}

/* ---- Live / video stage ---- */
.m22-home-v7 .m22-media-stage{gap:18px!important;margin-top:42px!important}
.m22-home-v7 .m22-media-stage>div{border-radius:26px!important;padding:21px!important;box-shadow:0 18px 48px rgba(10,38,83,.06)!important}
.m22-home-v7 .m22-media-stage-live{background:radial-gradient(circle at 100% 0,rgba(28,101,255,.25),transparent 28%),linear-gradient(160deg,#08143d,#04091f)!important}
.m22-home-v7 .m22-video-home-grid article>a>div{border-radius:16px!important}

/* ---- Community CTA ---- */
.m22-home-v7 .m22-cta-v3{margin-top:48px!important;border-radius:28px!important;padding:38px 40px!important;box-shadow:0 26px 70px rgba(5,28,81,.2)!important}
.m22-home-v7 .m22-cta-v3 h2{font-size:32px!important;letter-spacing:-.035em;margin:5px 0 8px!important}
.m22-home-v7 .m22-cta-v3 p{max-width:720px;color:#d6e4ff!important}

/* ---- Dark mode ---- */
body.m22-dark .m22-home-v7 .m22-home-commandbar{background:linear-gradient(135deg,#111927,#0d1421)!important;border-color:#26344a!important}
body.m22-dark .m22-home-v7 .m22-intel-ribbon{background:#233149!important;border-color:#233149!important}
body.m22-dark .m22-home-v7 .m22-intel-ribbon>div{background:#101827!important}
body.m22-dark .m22-home-v7 .m22-section-title-stack>small{color:#7fa8e5}
body.m22-dark .m22-home-v7 .m22-editors-zone,body.m22-dark .m22-home-v7 .m22-newsroom-pulse{background:linear-gradient(180deg,#101725,#0d1421)!important;border-color:#202e43!important;box-shadow:none!important}
body.m22-dark .m22-home-v7 .m22-pulse-feed article:first-child{background:#111a2a!important;border-color:#263750!important}
body.m22-dark .m22-home-v7 .m22-pulse-feed article:not(:first-child){border-color:#202e43!important}

/* ---- Responsive ---- */
@media(max-width:1180px){
  .m22-home-v7 .m22-hero-grid{grid-template-columns:1fr!important}
  .m22-home-v7 .m22-hero-side{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:215px!important}
  .m22-home-v7 .m22-intel-ribbon{width:calc(100% - 30px);margin-top:-18px!important}
  .m22-home-v7 .m22-editors-grid{grid-template-columns:1fr 1fr!important;grid-template-rows:240px 240px!important}
  .m22-home-v7 .m22-editor-card:first-child,.m22-home-v7 .m22-editor-card:nth-child(4){grid-column:auto;grid-row:auto}
  .m22-home-v7 .m22-editor-card:first-child h3{font-size:18px!important}
}
@media(max-width:900px){
  .m22-home-v7{padding-top:16px!important}
  .m22-home-v7 .m22-home-commandbar{min-height:auto!important}
  .m22-home-v7 .m22-hero-lead{min-height:540px!important}
  .m22-home-v7 .m22-hero-side{grid-template-columns:1fr 1fr!important;grid-auto-rows:230px!important}
  .m22-home-v7 .m22-intel-ribbon{width:100%;margin:16px 0 18px!important}
  .m22-home-v7 .m22-section-reverse .m22-feature-card,.m22-home-v7 .m22-section-reverse .m22-section-list{order:initial}
  .m22-home-v7 .m22-newsroom-pulse{padding:17px}
}
@media(max-width:700px){
  .m22-home-v7{padding-top:12px!important;padding-bottom:58px!important}
  .m22-home-v7 .m22-home-commandbar{border-radius:16px!important;margin-bottom:12px!important}
  .m22-home-v7 .m22-home-command-links{gap:6px!important}
  .m22-home-v7 .m22-home-command-links a{min-width:0!important;height:44px!important;border-radius:11px!important}
  .m22-home-v7 .m22-hero-lead{min-height:500px!important;border-radius:22px!important}
  .m22-home-v7 .m22-hero-copy{left:21px!important;right:21px!important;bottom:22px!important}
  .m22-home-v7 .m22-hero-deskline small{display:none}
  .m22-home-v7 .m22-hero-copy h1{font-size:34px!important;line-height:1.05!important}
  .m22-home-v7 .m22-hero-side{gap:10px!important;grid-auto-rows:205px!important}
  .m22-home-v7 .m22-hero-mini{border-radius:17px!important}
  .m22-home-v7 .m22-hero-index{top:10px;right:10px;width:29px;height:29px;border-radius:9px;font-size:9px}
  .m22-home-v7 .m22-intel-ribbon{grid-template-columns:1fr 1fr!important;border-radius:16px!important}
  .m22-home-v7 .m22-intel-ribbon>div{min-height:68px!important;padding:10px!important}
  .m22-home-v7 .m22-section{padding:14px!important;border-radius:20px!important;margin-top:28px!important}
  .m22-home-v7 .m22-section:before{left:14px!important;width:74px!important}
  .m22-home-v7 .m22-section-title-stack>small{font-size:7px}
  .m22-home-v7 .m22-only22-home{padding:15px!important;border-radius:21px!important}
  .m22-home-v7 .m22-editors-zone{padding:14px!important;border-radius:20px!important}
  .m22-home-v7 .m22-editors-grid{grid-template-columns:1fr!important;grid-template-rows:none!important}
  .m22-home-v7 .m22-editor-card{min-height:235px!important}
  .m22-home-v7 .m22-newsroom-pulse{padding:14px;border-radius:20px}
  .m22-home-v7 .m22-pulse-feed article:first-child{grid-template-columns:118px minmax(0,1fr)!important;min-height:112px!important;padding:8px!important}
  .m22-home-v7 .m22-pulse-feed article:first-child .m22-pulse-thumb{height:96px!important}
  .m22-home-v7 .m22-pulse-feed article:first-child h3{font-size:15px!important}
  .m22-home-v7 .m22-pulse-feed article:first-child p{display:none!important}
  .m22-home-v7 .m22-media-stage>div{padding:16px!important;border-radius:20px!important}
  .m22-home-v7 .m22-cta-v3{padding:26px 22px!important;border-radius:22px!important}
  .m22-home-v7 .m22-cta-v3 h2{font-size:27px!important}
}
@media(max-width:480px){
  .m22-home-v7 .m22-hero-side{grid-template-columns:1fr!important;grid-auto-rows:210px!important}
  .m22-home-v7 .m22-intel-ribbon{grid-template-columns:1fr 1fr!important}
  .m22-home-v7 .m22-intel-ribbon>div:nth-child(n+3){display:grid!important}
  .m22-home-v7 .m22-intel-ribbon b{display:none!important}
  .m22-home-v7 .m22-trending-title{width:100%!important;height:42px!important}
}

/* Ensure editor copy overlays correctly with the current anchor-wrapped markup. */
.m22-home-v7 .m22-editors-zone .m22-editor-card>a{display:block;position:absolute;inset:0;color:inherit}
.m22-home-v7 .m22-editors-zone .m22-editor-card>a>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.m22-home-v7 .m22-editors-zone .m22-editor-card>a>div{position:absolute;z-index:3;left:17px;right:17px;bottom:16px;color:#fff}
.m22-home-v7 .m22-editors-zone .m22-editor-card>a>div small{color:#c5d9ff}
.m22-home-v7 .m22-only22-home{position:relative}
body.m22-lang-ur .m22-home-v7 .m22-section-title-stack{align-items:flex-start;text-align:right}
body.m22-lang-ur .m22-home-v7 .m22-hero-index{right:auto;left:14px}
@media(max-width:700px){body.m22-lang-ur .m22-home-v7 .m22-hero-index{right:auto;left:10px}}