﻿:root{
  --red:#C1121F;
  --black:#0B0B0B;
  --white:#FFFFFF;
  --gray:#F5F5F5;
  --line:#E5E7EB;
  --text-gray:#6B7280;
  --gold:#D4AF37;
  --container:100%;
  --acw-page-gutter:20px;
  --shadow:0 22px 50px rgba(11,11,11,.07);
  --soft-shadow:0 14px 28px rgba(11,11,11,.05);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--black);font-family:'Estedad',Tahoma,sans-serif;line-height:1.7}
html[lang='en'] body{font-family:'Inter','Roboto','Metropolis','Segoe UI',Tahoma,sans-serif;line-height:1.6}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
button,input{font: inherit}
.container{width:100%;margin:0;padding-inline:var(--acw-page-gutter)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
.reveal.is-visible{opacity:1;transform:none}
.site-header-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;min-height:68px}
.site-brand{display:flex;align-items:center;gap:12px;min-width:0}
.site-brand img{width:42px;height:42px;object-fit:contain;mix-blend-mode:screen}
.site-brand-copy{display:grid;gap:2px}
.site-brand-copy .en{font-size:8.9px;letter-spacing:.12em;text-transform:uppercase;color:#d7d7d7}
.site-brand-copy strong{font-size:13.8px;font-weight:800;line-height:1.1;white-space:nowrap}
.top-nav,.top-tools,.lang-switch,.social-row,.hero-actions,.story-actions,.footer-social,.search-shell{display:flex;align-items:center;gap:14px}
.login-pill{display:inline-flex;align-items:center;gap:0;padding:0;background:transparent;border:0;box-shadow:none;flex:0 0 auto}.login-mark{display:none}.login-mark img{display:none}.login-link{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 14px;border-radius:999px;background:#fff;border:1px solid rgba(255,255,255,.24);color:var(--black);font-size:10.6px;font-weight:800;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.login-link:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(0,0,0,.18);border-color:rgba(193,18,31,.28)}
.top-nav{justify-content:center;flex-wrap:wrap}
.top-nav a{position:relative;font-size:11.4px;font-weight:700;color:rgba(255,255,255,.88);padding:8px 0}
.top-nav a:hover,.top-nav a.active{color:#fff}
.top-nav a.active::after,.top-nav a:hover::after{content:'';position:absolute;inset-inline:0;bottom:-16px;height:3px;background:var(--red)}
.top-tools{justify-content:flex-end;align-items:center;gap:12px;min-width:0;flex-wrap:nowrap}
.top-tools > div:first-child{position:relative;display:flex;align-items:center}
.search-shell{padding:4px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);flex:0 1 auto;white-space:nowrap}
.search-shell input{width:210px;min-height:36px;border:0;outline:0;border-radius:999px;background:#fff;color:var(--black);padding:0 16px}
.search-shell button,.button{min-height:36px;padding:0 16px;border-radius:999px;border:1px solid transparent;cursor:pointer;font-weight:700;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease}
.search-shell button{background:#fff;color:var(--black)}
.button:hover,.search-shell button:hover{transform:translateY(-1px)}
.lang-switch{padding:4px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);flex:0 0 auto}
.lang-chip{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.28);position:relative;overflow:hidden;background:transparent;color:#fff;cursor:pointer;font-size:8.9px;font-weight:800}
.lang-chip span{position:relative;z-index:1}
.lang-chip[data-lang='fa']{background-image:linear-gradient(90deg,#111 0 33.33%,#c8242d 33.33% 66.66%,#1a8d4a 66.66% 100%)}
.lang-chip[data-lang='en']{background-image:linear-gradient(180deg,#3c3b6e 0 52%,transparent 52%),repeating-linear-gradient(180deg,#b22234 0 8%,#f5f5f5 8% 16%);background-size:42% 62%,100% 100%;background-position:left top,center;background-repeat:no-repeat,no-repeat}
.lang-chip.active{box-shadow:0 0 0 2px rgba(255,255,255,.08),0 10px 20px rgba(0,0,0,.2)}
.header-note{background:#111;color:#d0d0d0;font-size:9.8px;border-top:1px solid rgba(255,255,255,.08)}
.header-note .container{min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.header-note a{color:#fff}
main{padding:18px 0 54px;background:linear-gradient(180deg,#fff 0,#fafafa 100%)}
.breaking-bar{background:var(--red);color:#fff;min-height:44px;display:flex;align-items:center;border-radius:0 0 16px 16px;overflow:hidden;margin-bottom:16px;box-shadow:var(--soft-shadow)}
.breaking-bar .label{background:rgba(0,0,0,.16);padding:14px 18px;font-weight:800}
.breaking-bar .ticker{position:relative;flex:1;min-width:0;padding:0 18px;overflow:hidden;font-weight:700;display:flex;align-items:center}
.breaking-bar .ticker-track{display:flex;align-items:center;gap:80px;width:max-content;white-space:nowrap;animation:ticker-loop 28s linear infinite;will-change:transform}
.breaking-bar .ticker-item{flex:0 0 auto;white-space:nowrap}
.breaking-bar:hover .ticker-track{animation-play-state:paused}
@keyframes ticker-loop{0%{transform:translateX(0)}100%{transform:translateX(calc(-50% - 40px))}}
html[lang='fa'] .breaking-bar .ticker-track{animation-direction:reverse}
html[lang='en'] .breaking-bar .ticker-track{animation-direction:normal}
.hero-frame{position:relative;min-height:520px;border:1px solid var(--line);background:#000;overflow:hidden;box-shadow:var(--shadow);border-radius:0 0 22px 22px}
.hero-frame::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,11,11,.08),rgba(11,11,11,.45)),linear-gradient(90deg,rgba(11,11,11,.76),rgba(11,11,11,.14) 64%)}
.hero-frame img{width:100%;height:100%;object-fit:cover;min-height:520px}
.hero-copy{position:absolute;top:0;right:0;bottom:0;left:auto;padding:48px 34px 72px;color:#fff;display:grid;align-content:start;gap:12px;z-index:2;width:min(58%,760px);text-align:right;justify-items:start}
.hero-tag{display:inline-flex;align-items:center;gap:10px;background:rgba(193,18,31,.92);padding:10px 18px;font-size:12.2px;font-weight:800;justify-self:start}
.hero-tag::before{content:'';width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 6px rgba(255,255,255,.16)}
.hero-copy h1{margin:0;max-width:100%;font-size:clamp(19.5px,3vw,27.6px);line-height:1.22;font-weight:800;text-shadow:0 4px 24px rgba(0,0,0,.36)}
.hero-copy p{margin:0;max-width:100%;font-size:13px;color:rgba(255,255,255,.92)}
.hero-panels{position:absolute;top:26px;left:26px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(360px,34vw);z-index:2}
.hero-panel{padding:18px 18px 16px;border-radius:22px;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.76);box-shadow:0 18px 38px rgba(0,0,0,.16);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;gap:10px;transition:transform .22s ease,box-shadow .22s ease}
.hero-panel:hover{transform:translateY(-3px);box-shadow:0 22px 42px rgba(0,0,0,.22)}
.hero-panel.urgent{border-top:4px solid var(--red)}
.hero-panel.compact{padding:15px 16px}.hero-panel.ghost{background:rgba(255,255,255,.84)}
.hero-panel.dark{background:rgba(11,11,11,.8);border-color:rgba(255,255,255,.14)}
.hero-panel h3{margin:0;font-size:13px;line-height:1.5;font-weight:800;color:var(--black)}
.hero-panel p{margin:0;font-size:9.8px;line-height:1.7;color:var(--text-gray)}
.hero-panel-kicker{font-size:8.9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--red)}
.hero-panel.dark h3{color:#fff}.hero-panel.dark .hero-panel-kicker,.hero-panel.dark p{color:rgba(255,255,255,.78)}
.hero-verse{color:var(--gold);font-size:12.2px;font-weight:700}
.button{display:inline-flex;align-items:center;justify-content:center}
.button.red{background:var(--red);color:#fff;box-shadow:0 14px 28px rgba(193,18,31,.2)}
.button.black{background:var(--black);color:#fff}
.button.outline{background:#fff;color:var(--black);border-color:#d6d8de}
.button.support{background:var(--gold);color:var(--black);box-shadow:0 14px 28px rgba(212,175,55,.18)}
.section{margin-top:32px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px}
.section-head h2,.section-head p{margin:0}
.section-head h2{font-size:clamp(16.3px,2.5vw,22.8px);font-weight:800;line-height:1.2}
.section-head p{max-width:62ch;color:var(--text-gray)}
.section-kicker{margin:0 0 6px;color:var(--red);font-size:9.8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.scan-grid{display:grid;grid-template-columns:280px minmax(0,1fr) 300px;gap:22px;align-items:start}
.box,.story-card,.faith-card,.report-card,.wall-card,.media-card{background:#fff;border:1px solid var(--line);box-shadow:var(--soft-shadow)}
.box{background:linear-gradient(180deg,#ffffff 0,#fbfbfb 100%)}
.box-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 14px;border-bottom:1px solid var(--line);border-top:3px solid var(--red)}
.box-head h3{margin:0;font-size:13.8px;font-weight:800}
.box-head span{font-size:10.6px;color:var(--text-gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:52%}
.news-list,.live-list,.prayer-list{list-style:none;margin:0;padding:0}
.news-list li,.live-list li,.prayer-list li{padding:15px 18px;border-bottom:1px solid var(--line);min-height:88px;display:grid;align-content:center}
.news-list li:last-child,.live-list li:last-child,.prayer-list li:last-child{border-bottom:0}
.news-list a,.live-list a{display:grid;gap:6px}
.bullet-title,.live-title{display:flex;gap:10px;align-items:flex-start}
.red-dot,.gray-dot,.gold-dot{width:8px;height:8px;border-radius:50%;margin-top:10px;flex:0 0 auto}
.red-dot{background:var(--red)} .gray-dot{background:#a7acb7} .gold-dot{background:var(--gold)}
.news-list strong,.live-list strong{font-size:12.2px;line-height:1.65;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:3.3em}
.news-list span,.live-list span,.muted{font-size:10.6px;color:var(--text-gray);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;min-height:1.4em}
.box.live-banner-shell{
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}
.live-banner{
  display:grid;
  gap:12px;
  padding:14px;
  background:#fff;
  color:var(--black);
  border:1px solid var(--line);
  border-radius:24px;
  box-shadow:var(--soft-shadow);
  overflow:hidden;
  position:relative;
}
.live-banner::before{
  content:'';
  position:absolute;
  inset:auto -24px -24px auto;
  width:130px;
  height:130px;
  border-radius:50%;
  background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.14),rgba(255,255,255,0) 68%);
  pointer-events:none;
}
.live-banner-head{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  padding-inline:2px;
}
.live-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#ff7b7b;
  box-shadow:0 0 0 6px rgba(193,18,31,.10);
  flex:0 0 auto;
}
.live-banner-label,.live-banner-state{
  font-size:8.9px;
  font-weight:900;
  white-space:nowrap;
}
.live-banner-label{
  color:var(--red);
  letter-spacing:.12em;
}
.live-banner-state{
  margin-inline-start:auto;
  color:var(--red);
  opacity:.85;
}
html[lang='en'] .live-banner-label,
html[lang='en'] .live-banner-state{
  text-transform:uppercase;
  letter-spacing:.14em;
}
.live-banner-frame{
  position:relative;
  aspect-ratio:16/9;
  border-radius:18px;
  overflow:hidden;
  background:#0b0b0b;
  border:1px solid rgba(11,11,11,.08);
}
.live-banner-preview{
  position:relative;
  display:block;
  width:100%;
  height:100%;
  padding:0;
  border:0;
  background:transparent;
  color:#fff;
  font: inherit;
  text-decoration:none;
  text-align:inherit;
  cursor:pointer;
  appearance:none;
}
.live-banner-preview:disabled{
  cursor:default;
}
.live-banner-preview:focus-visible{
  outline:3px solid rgba(255,255,255,.28);
  outline-offset:-3px;
}
.live-banner-preview::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(11,11,11,.08),rgba(11,11,11,.58));
  pointer-events:none;
}
.live-banner-preview img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  background:#0b0b0b;
}
.live-banner-preview-copy{
  position:absolute;
  inset:auto 16px 16px;
  z-index:1;
  display:grid;
  gap:6px;
  max-width:min(88%,420px);
}
.live-banner-preview-kicker{
  display:inline-flex;
  align-items:center;
  justify-self:start;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(193,18,31,.94);
  color:#fff;
  font-size:8.9px;
  font-weight:900;
}
html[lang='en'] .live-banner-preview-kicker{
  letter-spacing:.14em;
  text-transform:uppercase;
}
.live-banner-preview-copy strong{
  font-size:clamp(13.8px,2vw,17.9px);
  line-height:1.28;
  font-weight:900;
  color:#fff;
  text-shadow:0 4px 24px rgba(0,0,0,.32);
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  min-height:2.56em;
}
.live-banner-preview-status{
  font-size:9.8px;
  line-height:1.6;
  color:rgba(255,255,255,.9);
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  min-height:3.2em;
}
.live-banner-preview-action{
  display:inline-flex;
  align-items:center;
  justify-self:start;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  font-size:10.6px;
  font-weight:800;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}
.live-banner-embed{
  position:absolute;
  inset:0;
}
.live-banner-embed iframe{
  width:100%;
  height:100%;
  border:0;
  display:block;
}
/* Live-card override: keep the card clean and place the CTA as a live point inside the frame. */
.box.live-banner-shell .live-banner{
  grid-template-columns:1fr;
  grid-template-areas:
    'head'
    'frame';
  gap:0;
  padding:16px;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(252,249,242,.98));
  border:1px solid rgba(11,31,58,.08);
  box-shadow:0 18px 44px rgba(11,31,58,.10);
}

.box.live-banner-shell .live-banner::before,
.box.live-banner-shell .live-banner::after{
  display:none;
}

.box.live-banner-shell .live-banner-head{
  grid-area:head;
  padding:0 4px 14px;
  border-bottom:1px solid rgba(11,31,58,.08);
}

.box.live-banner-shell .live-banner-label,
.box.live-banner-shell .live-banner-state{
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  font-size:8.9px;
}

.box.live-banner-shell .live-banner-label{
  color:#b80f16;
  background:rgba(193,18,31,.06);
}

.box.live-banner-shell .live-banner-state{
  color:#0b1f3a;
  background:rgba(11,31,58,.06);
}

.box.live-banner-shell .live-banner-frame{
  grid-area:frame;
  margin:0;
  border-radius:20px;
  background:#0b0b0b;
  border:0;
  box-shadow:none;
  overflow:hidden;
}

.box.live-banner-shell .live-banner-frame::before{
  display:none;
}

.box.live-banner-shell .live-banner-point{
  position:absolute;
  left:14px;
  bottom:14px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  border-radius:999px;
  background:rgba(193,18,31,.96);
  box-shadow:0 12px 26px rgba(193,18,31,.28);
  text-decoration:none;
}

.box.live-banner-shell .live-banner-point::before{
  content:'';
  width:14px;
  height:14px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 0 6px rgba(255,255,255,.18);
}

.box.live-banner-shell .live-banner-point:hover{
  transform:translateY(-1px);
}

.box.live-banner-shell .live-banner-point:focus-visible{
  outline:3px solid rgba(193,18,31,.24);
  outline-offset:3px;
}

@media (max-width: 920px){
  .box.live-banner-shell .live-banner{
    padding:14px;
    border-radius:22px;
  }

  .box.live-banner-shell .live-banner-head{
    padding:0 2px 12px;
  }

  .box.live-banner-shell .live-banner-frame{
    min-height:220px;
    border-radius:18px;
  }

  .box.live-banner-shell .live-banner-point{
    left:12px;
    bottom:12px;
    width:42px;
    height:42px;
  }
}

.main-story{display:grid;grid-template-columns:minmax(320px,.96fr) minmax(0,1.16fr);border-top:4px solid var(--red)}
.story-media{position:relative;overflow:hidden;min-height:420px;cursor:pointer}
.story-media img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.story-media:hover img{transform:scale(1.03)}
.story-badge{position:absolute;top:18px;inset-inline-start:18px;background:rgba(193,18,31,.94);color:#fff;padding:10px 14px;font-size:9.8px;font-weight:800;letter-spacing:.04em}
.story-copy{padding:26px 28px 24px;display:grid;align-content:start;gap:16px;background:#fff}
.meta-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--text-gray);font-size:10.6px}
.story-copy h3{margin:0;font-size:clamp(17.9px,2.5vw,22.8px);line-height:1.34;font-weight:800;letter-spacing:-.01em}
.story-copy p{margin:0;color:var(--text-gray);font-size:12.2px;line-height:1.9}
.story-actions{margin-top:8px}
.story-inline-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.story-subgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;grid-column:1/-1;align-items:stretch}
.story-subgrid[data-count='1']{grid-template-columns:minmax(0,1fr)}
.story-subgrid[data-count='2']{grid-template-columns:repeat(2,minmax(0,1fr))}
.more-stories-block{grid-column:1/-1;background:#fff;border:1px solid var(--line);box-shadow:var(--soft-shadow)}
.more-stories-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px}
.more-stories-grid .story-mini img{height:188px}
.scan-grid.layout-two{grid-template-columns:minmax(0,1.35fr) minmax(280px,.75fr)}
.scan-grid.layout-one{grid-template-columns:minmax(0,1fr)}
.story-mini:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#d9dce3}
.story-mini{background:#fff;border:1px solid var(--line);box-shadow:var(--soft-shadow);transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;min-height:402px}
.story-mini img{width:100%;height:172px;object-fit:cover}
.story-mini .copy{padding:16px 16px 18px}
.story-mini{height:100%}
.story-mini h4{margin:0;font-size:16.3px;line-height:1.4;font-weight:800;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.8em}
.story-mini p{margin:8px 0 0;color:var(--text-gray);font-size:11.4px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-height:4.2em}
.faith-strip{background:var(--gray);border-top:3px solid var(--gold);padding:24px 20px 4px}
.faith-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.faith-card{overflow:hidden;border-top:3px solid var(--gold)}
.faith-card img{width:100%;height:280px;object-fit:cover}
.faith-copy{padding:18px}
.faith-copy h3{margin:0 0 10px;font-size:16.3px;line-height:1.42;font-weight:800}
.faith-copy p{margin:0;color:var(--text-gray)}
.reports-wrap{display:grid;grid-template-columns:1.1fr .92fr;gap:var(--space-card-lg,18px)}
.report-card{padding:18px;display:grid;gap:16px;background:linear-gradient(180deg,#fff 0,#fafafa 100%);min-height:420px;align-content:start}
.report-card h3,.wall-card h3,.media-copy h3{margin:0;font-size:16.3px;line-height:1.34;font-weight:800;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.68em}
.report-card p,.wall-card p,.media-copy p{margin:0;color:var(--text-gray);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-height:4.8em}
.report-pdf{display:grid;grid-template-columns:88px 1fr auto;gap:14px;align-items:center;padding:16px;border:1px solid var(--line);background:var(--gray);border-radius:16px}
.pdf-icon{width:72px;height:86px;border-radius:12px;background:linear-gradient(180deg,#fff,#ececec);border:1px solid #ddd;display:grid;place-items:center;color:var(--red);font-size:14.6px;font-weight:900;position:relative}
.pdf-icon::after{content:'PDF';position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:var(--red);color:#fff;padding:4px 9px;border-radius:999px;font-size:9.8px}
.stat-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.stat-tile{padding:18px;border:1px solid var(--line);background:var(--gray);display:grid;gap:8px;border-radius:14px}
.stat-tile strong{font-size:21.1px;line-height:1;font-weight:800}
.stat-tile span{color:var(--text-gray);font-size:11.4px}
.wall-card{padding:18px;display:grid;gap:16px;background:linear-gradient(180deg,#fff 0,#fbfbfb 100%)}
.prayer-list strong{font-size:13px;line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:3.1em}
.prayer-list p{margin:6px 0 0;color:var(--text-gray);font-size:11.4px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.8em}
.media-wrap{display:grid;grid-template-columns:1.35fr .9fr;gap:18px}
.media-card{overflow:hidden}
.media-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)}
.media-thumb,.mini-media img{width:100%;height:100%;object-fit:cover}
.media-thumb{min-height:320px}
.media-copy{padding:22px;display:grid;align-content:start;gap:14px}
.media-mini-grid{display:grid;gap:18px}
.mini-media{display:grid;grid-template-columns:148px 1fr;overflow:hidden}
.mini-media img{height:100%;min-height:142px}
.mini-media .media-copy{padding:16px}
.search-feedback{position:absolute;top:calc(100% + 6px);inset-inline-start:12px;min-height:0;color:#f8c9cd;font-size:9.8px;text-align:start;margin-top:0;pointer-events:none;white-space:nowrap}
.search-hit{box-shadow:0 0 0 3px rgba(193,18,31,.18),var(--shadow)!important}
.nav-toggle{display:none;align-items:center;justify-content:center;gap:4px;flex-direction:column;width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;cursor:pointer}.nav-toggle span{display:block;width:20px;height:2px;border-radius:999px;background:currentColor}
@media (max-width:920px){.nav-toggle{display:inline-flex}.site-header-inner{grid-template-columns:1fr auto;gap:14px;padding:14px 0}.site-brand{justify-content:flex-start}.top-nav,.top-tools,.header-note{display:none}.site-header.menu-open .site-header-inner{grid-template-columns:1fr}.site-header.menu-open .top-nav,.site-header.menu-open .top-tools{display:flex;width:100%;justify-content:center}.site-header.menu-open .top-nav{flex-direction:column;align-items:center;padding-bottom:6px}.site-header.menu-open .top-tools{flex-direction:column}.site-header.menu-open .header-note{display:block}.site-header.menu-open .header-note .container{flex-direction:column;align-items:center;padding:10px 0}.site-header.menu-open .search-shell{width:100%}.site-header.menu-open .search-shell input{width:100%}}
@media (max-width:1180px){
  .scan-grid,.reports-wrap,.media-wrap,.main-story,.media-hero,.faith-grid{grid-template-columns:1fr}
  .main-story,.story-subgrid{grid-column:auto}
  .story-subgrid,.more-stories-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:920px){
  .site-header-inner{grid-template-columns:1fr;gap:14px;padding:14px 0}
  .site-brand,.top-nav,.top-tools{justify-content:center}
  .top-tools{flex-direction:column}
  .search-shell{width:100%}
  .search-shell input{width:100%}
  .hero-frame,.hero-frame img{min-height:440px}
  .hero-copy{padding:24px}
  .hero-copy h1{font-size:clamp(17.1px,5vw,22.8px)}
  .hero-copy{width:auto;max-width:none;padding:24px 24px 24px;align-content:start;right:0;left:0}
  .hero-panels{position:static;width:100%;grid-template-columns:1fr 1fr;gap:12px;padding:0 24px 24px;margin-top:-4px}
  .story-subgrid,.more-stories-grid{grid-template-columns:1fr}
  .section-head{flex-direction:column;align-items:stretch}
}
@media (max-width:640px){
  .container{width:100%}
  .site-brand-copy strong{white-space:normal}
  .top-nav a.active::after,.top-nav a:hover::after{bottom:-8px}
  .breaking-bar{border-radius:0}
  .breaking-bar .label{padding:12px 14px}
  .breaking-bar .ticker-track{animation-duration:34s}
  .hero-frame,.hero-frame img{min-height:380px}
  .hero-copy{padding:20px 18px}
  .hero-copy p{font-size:12.2px}
  .hero-copy{width:auto;max-width:none;padding:20px 18px 16px;align-content:start;right:0;left:0}
  .hero-panels{grid-template-columns:1fr;padding:0 18px 18px}
  .hero-panel{border-radius:18px}
  .hero-panel h3{font-size:13px}
  .hero-actions,.story-actions,.search-shell,.top-tools,.top-nav,.footer-bottom{width:100%}
  .hero-actions .button,.story-actions .button,.button{width:100%}
  .story-inline-actions .button,.report-share .button{width:100%}
  .story-copy,.faith-copy,.report-card,.wall-card,.media-copy,.box-head,.news-list li,.live-list li,.prayer-list li{padding-inline:16px}
  .box.live-banner-shell .live-banner{
    grid-template-columns:1fr;
    grid-template-areas:
      'head'
      'frame';
    padding:14px;
    border-radius:22px;
  }
  .box.live-banner-shell .live-banner-head{
    padding:0 2px 12px;
  }
  .box.live-banner-shell .live-banner-frame{
    min-height:220px;
    border-radius:18px;
  }
  .box.live-banner-shell .live-banner-point{
    left:12px;
    bottom:12px;
    width:42px;
    height:42px;
  }
  .report-dialog{padding:18px}
.report-dialog-head h3{font-size:19.5px}
}

/* Magazine news layout */
body[data-page='news'] main{
  background:linear-gradient(180deg,#f6f8fb 0%,#eef3f7 100%);
}
body[data-page='news'] main > .container{
  padding-bottom:44px;
}
body[data-page='news'] .section{
  margin-top:28px;
}
body[data-page='news'] .section-head{
  align-items:end;
  gap:18px;
  margin-bottom:18px;
}
body[data-page='news'] .section-head h2{
  font-size:clamp(17.9px,2.2vw,24.4px);
  line-height:1.16;
  letter-spacing:-.02em;
}
body[data-page='news'] .section-head p{
  color:#607089;
  font-size:12.2px;
  line-height:1.78;
}

.lead-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 332px;
  gap:20px;
  align-items:start;
}
.sidebar-card,
.category-block,
.prayer-sidebar,
.report-card,
.story-mini.box{
  background:#fff;
  border:1px solid rgba(17,24,39,.08);
  box-shadow:0 16px 34px rgba(15,20,36,.08);
  border-radius:22px;
}
.lead-story{
  display:grid;
  grid-template-columns:1fr;
  align-items:stretch;
  overflow:hidden;
  min-height:0;
  background:#fff;
  border:1px solid rgba(17,24,39,.08);
  border-radius:28px;
  box-shadow:0 22px 46px rgba(15,20,36,.10);
}
.lead-media{
  position:relative;
  min-height:0;
  aspect-ratio:16/9;
  cursor:pointer;
  background:#d7dee7;
}
.lead-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .35s ease;
}
.lead-media:hover img{transform:scale(1.02)}
.lead-badge{
  position:absolute;
  top:18px;
  inset-inline-start:18px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:40px;
  padding:0 16px;
  background:#c01725;
  color:#fff;
  font-size:9.8px;
  font-weight:900;
  border-radius:999px;
  box-shadow:0 10px 20px rgba(192,23,37,.22);
}
.lead-badge::before{
  content:'★';
  font-size:10.6px;
  line-height:1;
}
.lead-copy{
  min-width:0;
  padding:26px 28px 28px;
  display:grid;
  align-content:start;
  gap:16px;
  background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);
}
.lead-meta{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  font-size:9.8px;
  line-height:1.5;
  color:#667085;
  align-items:center;
}
.lead-meta span + span{
  position:relative;
  padding-inline-start:10px;
}
.lead-meta span + span::before{
  content:'';
  position:absolute;
  inset-block:3px;
  inset-inline-start:0;
  width:1px;
  background:rgba(17,24,39,.12);
}
.lead-copy h1{
  margin:0;
  font-family:'Estedad',Tahoma,sans-serif;
  font-size:clamp(18.7px,1.9vw,24.4px);
  line-height:1.16;
  font-weight:800;
  letter-spacing:-.02em;
  color:#111827;
  text-wrap:balance;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}
html[lang='en'] .lead-copy h1{
  font-family:'Georgia','Times New Roman',serif;
  font-size:clamp(17.9px,1.8vw,22.8px);
  font-weight:700;
}
.lead-copy h1::after{
  content:'';
  display:block;
  width:48px;
  height:2px;
  margin-top:12px;
  background:#c01725;
  border-radius:999px;
}
.lead-copy p{
  margin:0;
  max-width:none;
  color:#5f6f86;
  font-size:12.2px;
  line-height:1.82;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
  overflow:hidden;
}
.lead-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 12px;
  margin-top:6px;
  align-items:stretch;
}
.lead-actions > .button.black{
  grid-column:1 / -1;
}
.lead-actions > .lead-secondary-actions{
  display:contents;
}
.lead-actions .button{
  min-height:46px;
  width:100%;
  padding:0 16px;
  border-radius:14px;
  font-size:11.4px;
  font-weight:800;
  white-space:normal;
}
.lead-actions .button.black{
  background:#101828;
  color:#fff;
  box-shadow:0 12px 24px rgba(16,24,40,.12);
}
.lead-actions .button.outline{
  background:#fff;
  color:#111827;
  border-color:rgba(17,24,39,.14);
}
.news-share-status{
  display:block;
  grid-column:1 / -1;
  min-height:1.5em;
  margin:0;
  color:#667085;
  font-size:9.8px;
  line-height:1.5;
}
.lead-sidebar{
  display:flex;
  flex-direction:column;
  gap:18px;
}
.sidebar-card,
.category-block,
.prayer-sidebar{
  overflow:hidden;
}
.box-head{
  padding:18px 20px 16px;
  border-bottom:1px solid rgba(17,24,39,.08);
  background:linear-gradient(180deg,#fff 0%,#fafbfd 100%);
}
.box-head h3{
  font-size:14.6px;
}
.box-head span{
  max-width:none;
  color:#6b7280;
  font-size:10.6px;
}
.news-list li,
.live-list li,
.prayer-list li{
  padding:16px 20px;
  min-height:0;
}
.news-list strong,
.live-list strong{
  font-size:12.2px;
  line-height:1.6;
  min-height:auto;
}
.news-list span,
.live-list span,
.muted{
  font-size:9.8px;
  line-height:1.55;
  min-height:auto;
}
.editor-picks-list{
  display:grid;
  gap:0;
}
.editor-pick{
  display:grid;
  grid-template-columns:94px minmax(0,1fr);
  gap:14px;
  padding:18px 20px;
  border-bottom:1px solid rgba(17,24,39,.08);
  min-height:0;
  align-items:start;
}
.editor-pick:last-child{border-bottom:0}
.editor-pick img{
  width:94px;
  height:78px;
  border-radius:14px;
  object-fit:cover;
}
.editor-pick h4{
  margin:0;
  font-size:13px;
  line-height:1.45;
  font-weight:800;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.editor-pick p{
  margin:8px 0 0;
  color:#667085;
  font-size:11.4px;
  line-height:1.7;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}
.editor-pick-meta{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  color:#6b7280;
  font-size:9.8px;
  line-height:1.5;
  margin-top:8px;
}

.news-briefing-grid{
  display:grid;
  grid-template-columns:1.2fr .95fr .9fr;
  gap:18px;
  align-items:stretch;
}
.briefing-card{
  padding:22px;
  background:#fff;
  border:1px solid rgba(17,24,39,.08);
  border-radius:22px;
  box-shadow:0 16px 34px rgba(15,20,36,.08);
  display:grid;
  gap:14px;
  align-content:start;
}
.briefing-card h2,
.briefing-card h3{
  margin:0;
  color:#111827;
  font-size:clamp(16.3px,2vw,21.1px);
  line-height:1.25;
  font-weight:900;
}
.briefing-card p{
  margin:0;
  color:#61708a;
  font-size:12.2px;
  line-height:1.8;
}
.briefing-pills{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.briefing-pills span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  background:#f3f5f9;
  color:#344054;
  font-size:9.8px;
  font-weight:800;
}
.briefing-action-list{
  display:grid;
  gap:10px;
}
.briefing-action-list .button{
  min-height:44px;
  border-radius:14px;
}
.stat-board--briefing{
  grid-template-columns:1fr;
  gap:10px;
}
.stat-board--briefing .stat-tile{
  min-height:0;
  padding:14px 16px;
}
.stat-board--briefing .stat-tile strong{
  font-size:19.5px;
}

.magazine-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 312px;
  gap:22px;
  align-items:start;
}
.magazine-main,
.magazine-sidebar{
  display:grid;
  gap:20px;
}
.category-block{
  overflow:hidden;
}
.category-grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(260px,.92fr);
  gap:0;
}
.category-feature{
  display:grid;
  gap:14px;
  padding:20px;
  align-content:start;
  min-height:0;
  border-inline-end:1px solid rgba(17,24,39,.08);
}
.category-feature img{
  width:100%;
  height:auto;
  aspect-ratio:16/10;
  object-fit:cover;
  border-radius:16px;
}
.category-feature h3{
  margin:0;
  color:#111827;
  font-size:17.9px;
  line-height:1.4;
  font-weight:800;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.category-feature p{
  margin:0;
  color:#667085;
  font-size:11.4px;
  line-height:1.8;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
  overflow:hidden;
}
.category-list{
  list-style:none;
  margin:0;
  padding:0;
}
.category-list li{
  padding:16px 18px;
  border-bottom:1px solid rgba(17,24,39,.08);
  min-height:0;
}
.category-list li:last-child{border-bottom:0}
.category-list a{
  display:grid;
  gap:6px;
}
.category-list strong{
  color:#111827;
  font-size:13px;
  line-height:1.55;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.category-list span{
  color:#6b7280;
  font-size:9.8px;
  line-height:1.55;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
  overflow:hidden;
}
.category-grid[data-layout='stacked']{grid-template-columns:1fr}
.category-grid[data-layout='stacked'] .category-feature{border-inline-end:0}
.category-grid[data-layout='stacked'] .category-list{border-top:1px solid rgba(17,24,39,.08)}

.story-subgrid#all-news-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  padding:20px;
}
.story-mini{
  min-height:0;
  display:grid;
  grid-template-rows:auto 1fr;
  overflow:hidden;
}
.story-mini img{
  width:100%;
  height:auto;
  aspect-ratio:16/10;
  object-fit:cover;
}
.story-mini .copy{
  padding:18px;
  display:grid;
  gap:12px;
  align-content:start;
  height:100%;
}
.story-mini h4{
  margin:0;
  color:#111827;
  font-size:14.6px;
  line-height:1.45;
  font-weight:800;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.story-mini p{
  margin:0;
  color:#667085;
  font-size:11.4px;
  line-height:1.75;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}
.story-mini .compact-actions{
  margin-top:auto;
}
.compact-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:12px;
}
.compact-actions .button{
  min-height:38px;
  padding:0 14px;
}
.compact-actions .news-share-status{
  flex-basis:100%;
  margin-top:0;
}
.sidebar-copy{
  margin:0;
  padding:18px 20px 0;
  color:var(--text-gray);
  font-size:11.4px;
  line-height:1.85;
}

.reports-wrap{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
.report-card{
  padding:20px;
  display:grid;
  gap:16px;
  background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);
  min-height:0;
  align-content:start;
}
.report-card h3,
.wall-card h3,
.media-copy h3{
  margin:0;
  color:#111827;
  font-size:15.4px;
  line-height:1.4;
  font-weight:800;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.report-card p,
.wall-card p,
.media-copy p{
  margin:0;
  color:#667085;
  font-size:11.4px;
  line-height:1.75;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}
.report-pdf{
  display:grid;
  grid-template-columns:72px 1fr;
  grid-template-areas:
    'icon copy'
    'cta cta';
  gap:14px;
  align-items:start;
  padding:18px;
  border:1px solid rgba(17,24,39,.08);
  background:#f7f9fc;
  border-radius:18px;
}
.pdf-icon{
  grid-area:icon;
  width:72px;
  height:82px;
  border-radius:12px;
  background:linear-gradient(180deg,#fff,#ececec);
  border:1px solid #ddd;
  display:grid;
  place-items:center;
  color:var(--red);
  font-size:14.6px;
  font-weight:900;
  position:relative;
}
.report-pdf > div:not(.pdf-icon){
  grid-area:copy;
}
.report-pdf > .button{
  grid-area:cta;
  justify-self:start;
}
.report-card-media{
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
  border:1px solid var(--line);
  border-radius:16px;
}
.stat-board{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.stat-tile{
  padding:16px;
  border:1px solid rgba(17,24,39,.08);
  background:#f7f9fc;
  display:grid;
  gap:8px;
  border-radius:16px;
}
.stat-tile strong{
  font-size:19.5px;
  line-height:1;
  font-weight:800;
}
.stat-tile span{
  color:#667085;
  font-size:10.6px;
  line-height:1.6;
}
.wall-card{
  padding:18px;
  display:grid;
  gap:16px;
  background:linear-gradient(180deg,#fff 0%,#fbfbfb 100%);
}
.prayer-list strong{
  color:#111827;
  font-size:12.2px;
  line-height:1.55;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.prayer-list p{
  margin:6px 0 0;
  color:#667085;
  font-size:11.4px;
  line-height:1.75;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
body[data-page='news'].subscription-modal-open{overflow:hidden}
body:not([data-page='news']) .subscription-modal{display:none!important}
.subscription-modal{
  position:fixed;
  inset:0;
  z-index:1400;
  display:grid;
  place-items:center;
  padding:18px;
  background:rgba(11,18,29,.58);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .24s ease,visibility 0s linear .24s;
}
.subscription-modal.open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition-delay:0s;
}
.subscription-dialog{
  width:min(1120px,calc(100vw - 24px));
  max-height:calc(100vh - 32px);
  overflow:auto;
  position:relative;
  border-radius:28px;
  background:#fff;
  border:1px solid rgba(212,166,74,.20);
  box-shadow:0 34px 76px rgba(7,13,22,.32);
}
.subscription-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr)}
.subscription-copy{
  position:relative;
  overflow:hidden;
  padding:30px 30px 28px;
  background:
    radial-gradient(circle at top right, rgba(242,223,179,.16), transparent 38%),
    linear-gradient(155deg,#08172a 0,#0e2746 58%,#143968 100%);
  color:#fff;
  display:grid;
  gap:14px;
}
.subscription-copy::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 36%,rgba(0,0,0,.08));
  pointer-events:none;
}
.subscription-copy > *{position:relative;z-index:1}
.subscription-copy .section-kicker{color:#f4deb0}
.subscription-copy h2{
  margin:0;
  font-size:clamp(19.5px,3vw,27.6px);
  line-height:1.18;
  font-weight:900;
  color:#fff;
  text-shadow:0 1px 1px rgba(0,0,0,.22);
}
.subscription-copy p{
  margin:0;
  color:rgba(255,255,255,.94);
  font-size:12.2px;
  line-height:2;
  text-shadow:0 1px 1px rgba(0,0,0,.15);
}
.subscription-story-card{
  padding:16px 16px 14px;
  border-radius:18px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(242,223,179,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  display:grid;
  gap:6px;
}
.subscription-story-label{
  font-size:8.9px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#f2dfb3;
}
.subscription-story-card strong{
  font-size:14.6px;
  line-height:1.5;
  color:#fff;
  overflow-wrap:anywhere;
  text-shadow:0 1px 1px rgba(0,0,0,.2);
}
.subscription-story-card p{
  color:rgba(255,255,255,.84);
  font-size:10.6px;
  line-height:1.8;
}
.subscription-form-panel{
  padding:26px;
  background:linear-gradient(180deg,#fff 0,#f8fbff 100%);
  border-inline-start:1px solid rgba(11,31,58,.08);
  display:grid;
  align-content:start;
  gap:16px;
}
.subscription-form{display:grid;gap:14px}
.subscription-field{display:grid;gap:8px}
.subscription-field label{font-size:11.4px;font-weight:800;color:var(--ink)}
.subscription-field input,
.subscription-field select{
  width:100%;
  min-height:46px;
  padding:0 14px;
  border-radius:16px;
  border:1px solid rgba(11,31,58,.16);
  background:#f5f8fc;
  outline:0;
  color:var(--ink);
  text-align:start;
}
.subscription-field input:focus,
.subscription-field select:focus{
  border-color:rgba(212,166,74,.70);
  box-shadow:0 0 0 4px rgba(212,166,74,.18);
}
.subscription-field input::placeholder{color:#667085;opacity:1}
.subscription-choice{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:start;
  gap:9px;
  color:var(--text-gray);
  font-size:9.8px;
  line-height:1.6;
  cursor:pointer;
}
.subscription-choice input{width:18px;height:18px;margin-top:1px;accent-color:#b23a3a}
.subscription-browser-note{
  margin:0;
  padding:10px 12px;
  border-inline-start:3px solid rgba(59,111,176,.55);
  border-radius:10px;
  background:rgba(59,111,176,.08);
  color:#516075;
  font-size:11.2px;
  line-height:1.75;
}
.subscription-browser-warning{
  margin:0;
  padding:10px 12px;
  border:1px solid rgba(179,38,30,.18);
  border-inline-start:3px solid rgba(179,38,30,.65);
  border-radius:10px;
  background:rgba(179,38,30,.07);
  color:#7f221d;
  font-size:11.2px;
  line-height:1.75;
}
.subscription-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-start;
}
.subscription-actions .button{min-height:44px}
.subscription-status{
  min-height:1.6em;
  margin:0;
  font-size:11.4px;
  line-height:1.6;
  color:var(--text-gray);
}
.subscription-status[data-state='error']{color:#a83f3f}
.subscription-status[data-state='success']{color:#1f6b45}
.subscription-status[data-state='pending']{color:#8c6725}
.subscription-status[data-state='info']{color:#3b6fb0}
.subscription-account-alert{
  margin:0;
  padding:12px 14px;
  border:1px solid rgba(59,111,176,.3);
  border-radius:12px;
  background:rgba(59,111,176,.08);
  color:var(--text-gray);
  font-size:12px;
  line-height:1.7;
}
.subscription-close{
  position:absolute;
  top:14px;
  inset-inline-end:14px;
  width:42px;
  height:42px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.12);
  color:#fff;
  font-size:19.5px;
  line-height:1;
  cursor:pointer;
  z-index:2;
}
.subscription-close:hover{background:rgba(255,255,255,.18)}
.lead-story[data-post-id],.editor-pick[data-post-id],.category-feature[data-post-id],.story-mini[data-post-id],.news-list li[data-post-id],.live-list li[data-post-id],.category-list li[data-post-id],.live-banner-shell[data-post-id]{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease}
.lead-story[data-post-id]:hover{background:transparent}
.editor-pick[data-post-id]:hover,.category-feature[data-post-id]:hover,.news-list li[data-post-id]:hover,.live-list li[data-post-id]:hover,.category-list li[data-post-id]:hover,.live-banner-shell[data-post-id]:hover{background:#fcfcfc}
.lead-story[data-post-id]:focus-visible,.editor-pick[data-post-id]:focus-visible,.category-feature[data-post-id]:focus-visible,.story-mini[data-post-id]:focus-visible,.news-list li[data-post-id]:focus-visible,.live-list li[data-post-id]:focus-visible,.category-list li[data-post-id]:focus-visible,.live-banner-shell[data-post-id]:focus-visible{outline:3px solid rgba(139,30,30,.24);outline-offset:2px}
.live-banner-shell[data-post-id]:hover{background:transparent}

@media (max-width:1260px){
  .lead-layout{
    grid-template-columns:1fr;
  }
}

@media (max-width:1180px){
  .news-briefing-grid,
  .magazine-layout,
  .category-grid,
  .reports-wrap{
    grid-template-columns:1fr;
  }
  .category-feature{
    border-inline-end:0;
    border-bottom:1px solid rgba(17,24,39,.08);
  }
}

@media (max-width:760px){
  body[data-page='news'] .section{
    margin-top:22px;
  }
  .lead-story{
    border-radius:22px;
  }
  .lead-media{
    aspect-ratio:16/10;
  }
  .lead-copy{
    padding:22px 20px 24px;
  }
  .lead-copy h1{
    font-size:clamp(17.1px,6.5vw,22.8px);
    -webkit-line-clamp:3;
  }
  .lead-copy p{
    font-size:11.4px;
    line-height:1.75;
    -webkit-line-clamp:4;
  }
  .lead-actions{
    grid-template-columns:1fr;
  }
  .lead-actions .button,
  .compact-actions .button{
    width:100%;
  }
  .news-briefing-grid{
    gap:16px;
  }
  .briefing-card{
    padding:18px;
  }
  .editor-pick{
    grid-template-columns:1fr;
  }
  .editor-pick img{
    width:100%;
    height:auto;
    aspect-ratio:16/10;
  }
  .category-feature,
  .story-subgrid#all-news-grid{
    padding:16px;
  }
  .story-subgrid#all-news-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width:920px){
  .subscription-grid{grid-template-columns:1fr}
  .subscription-dialog{width:calc(100vw - 16px)}
  .subscription-copy,.subscription-form-panel{padding:20px}
}

@media (max-width:640px){
  .subscription-modal{padding:8px}
  .subscription-dialog{width:100%;max-height:calc(100vh - 16px);border-radius:22px}
  .subscription-copy h2{font-size:clamp(17.9px,7vw,22.8px)}
  .subscription-story-card strong{font-size:13px}
  .subscription-actions .button{width:100%}
}

/* Social section – redesigned */
.news-social-section{
  padding:48px 0;
}

.news-social-shell{
  max-width:1400px;
  margin-inline:auto;
  display:grid;
  gap:40px;
  padding-inline:24px;
}

.news-social-head{
  text-align:center;
  max-width:640px;
  margin-inline:auto;
}

.news-social-head h2{
  margin:0;
  color:var(--news-ink);
  font-size:clamp(19.5px,2.6vw,27.6px);
  line-height:1.2;
  letter-spacing:-.02em;
  font-weight:800;
}

.news-social-head p{
  margin:14px 0 0;
  color:var(--news-muted);
  font-size:clamp(12.2px,1.2vw,13.8px);
  line-height:1.7;
}

.news-social-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:var(--space-card-xl,24px);
  align-items:stretch;
}

.news-social-card{
  --social-accent:#29a9e1;
  --social-accent-dark:#0a77d4;
  --social-accent-soft:rgba(41,169,225,.12);
  display:flex;
  flex-direction:column;
  gap:0;
  padding:36px 32px 32px;
  border-radius:20px;
  border:1px solid rgba(17,46,87,.07);
  background:linear-gradient(170deg,rgba(255,255,255,.96) 0%,rgba(248,252,255,.92) 100%);
  box-shadow:0 8px 32px rgba(10,30,60,.07);
  text-decoration:none;
  color:inherit;
  transition:transform .3s cubic-bezier(.22,1,.36,1), box-shadow .3s cubic-bezier(.22,1,.36,1);
  overflow:hidden;
  position:relative;
}

.news-social-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:20px;
  background:linear-gradient(135deg,var(--social-accent-soft),transparent 60%);
  opacity:0;
  transition:opacity .35s ease;
  pointer-events:none;
}

.news-social-card:hover{
  transform:translateY(-6px);
  box-shadow:0 20px 48px rgba(10,30,60,.12);
}

.news-social-card:hover::before{
  opacity:1;
}

.news-social-card__icon-wrap{
  width:72px;
  height:72px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,var(--social-accent),var(--social-accent-dark));
  box-shadow:0 12px 28px var(--social-accent-soft);
  margin-bottom:24px;
  flex-shrink:0;
  position:relative;
}

.news-social-card__icon{
  width:34px;
  height:34px;
  fill:#fff;
  display:block;
}

.news-social-card__body{
  display:grid;
  gap:6px;
  flex:1;
}

.news-social-card__name{
  margin:0;
  font-size:17.9px;
  font-weight:800;
  color:var(--news-ink);
  line-height:1.2;
}

.news-social-card__label{
  font-size:10.6px;
  font-weight:600;
  color:var(--social-accent);
  letter-spacing:.04em;
  text-transform:uppercase;
  margin-top:-2px;
}

.news-social-card__desc{
  margin:8px 0 0;
  font-size:12.2px;
  line-height:1.7;
  color:var(--news-muted);
}

.news-social-card__badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:14px;
  padding:6px 14px;
  border-radius:999px;
  background:var(--social-accent-soft);
  color:var(--social-accent-dark);
  font-size:10.6px;
  font-weight:700;
  width:fit-content;
}

.news-social-card__cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:24px;
  padding:12px 28px;
  border-radius:14px;
  background:linear-gradient(135deg,var(--social-accent),var(--social-accent-dark));
  color:#fff;
  font-size:12.2px;
  font-weight:700;
  letter-spacing:.01em;
  box-shadow:0 8px 20px var(--social-accent-soft);
  transition:transform .25s ease, box-shadow .25s ease;
  width:fit-content;
}

.news-social-card__cta::after{
  content:"↗";
  font-size:11.4px;
  opacity:.7;
  transition:opacity .25s ease;
}

[dir="rtl"] .news-social-card__cta::after{
  transform:scaleX(-1);
}

.news-social-card:hover .news-social-card__cta{
  transform:translateY(-2px);
  box-shadow:0 12px 28px var(--social-accent-soft);
}

.news-social-card:hover .news-social-card__cta::after{
  opacity:1;
}

.news-social-card--telegram{
  --social-accent:#29a9e1;
  --social-accent-dark:#0a77d4;
  --social-accent-soft:rgba(41,169,225,.14);
}

.news-social-card--youtube{
  --social-accent:#d61b24;
  --social-accent-dark:#9f0f16;
  --social-accent-soft:rgba(214,27,36,.14);
}

.news-social-card--instagram{
  --social-accent:#c13584;
  --social-accent-dark:#833ab4;
  --social-accent-soft:rgba(193,53,132,.14);
}

.social-link-card__icon{
  grid-area:icon;
  width:74px;
  height:74px;
  border-radius:22px;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,var(--social-accent),var(--social-accent-dark));
  box-shadow:0 18px 30px rgba(15,23,42,.16);
  flex:none;
}

.social-link-card__icon svg{
  width:30px;
  height:30px;
  fill:#fff;
  display:block;
}

.social-link-card__copy{
  grid-area:copy;
  min-width:0;
  display:grid;
  gap:6px;
  text-align:start;
}

.social-link-card__copy strong{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
  overflow:hidden;
  color:#0f172a;
  font-size:13.8px;
  line-height:1.3;
  font-weight:900;
}

.social-link-card__copy span{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  color:#667085;
  font-size:9.8px;
  line-height:1.6;
}

.social-link-card__button{
  grid-area:button;
  justify-self:start;
  min-width:0;
  min-height:40px;
  padding:0 15px;
  border:0 !important;
  border-radius:999px;
  background:linear-gradient(135deg,var(--social-accent),var(--social-accent-dark)) !important;
  color:#fff !important;
  box-shadow:0 12px 24px rgba(15,23,42,.14);
  font-size:11.4px;
  font-weight:800;
  white-space:nowrap;
}

.social-link-card__button::after{
  content:"↗";
  margin-inline-start:8px;
  font-size:1em;
  line-height:1;
}

.social-link-card__button:hover{
  transform:translateY(-2px);
  filter:brightness(1.04);
}

.social-link-card--compact{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:10px;
  align-items:center;
  min-height:66px;
  width:100%;
  padding:10px 12px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.08);
  text-decoration:none;
  transition:transform .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.social-link-card--compact .social-link-card__icon{
  width:44px;
  height:44px;
  border-radius:14px;
  box-shadow:none;
}

.social-link-card--compact .social-link-card__icon svg{
  width:20px;
  height:20px;
}

.social-link-card--compact .social-link-card__copy{
  gap:0;
}

.social-link-card--compact .social-link-card__copy strong{
  -webkit-line-clamp:1;
  font-size:10.6px;
  line-height:1.2;
  color:inherit;
}


@media (max-width:1024px){
  .news-social-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media (max-width:640px){
  .news-social-section{
    padding:36px 0;
  }

  .news-social-shell{
    gap:28px;
    padding-inline:16px;
  }

  .news-social-grid{
    grid-template-columns:1fr;
    gap:var(--space-card-lg,18px);
  }

  .news-social-card{
    padding:28px 24px 24px;
    border-radius:16px;
  }

  .news-social-card__icon-wrap{
    width:60px;
    height:60px;
    border-radius:16px;
    margin-bottom:18px;
  }

  .news-social-card__icon{
    width:28px;
    height:28px;
  }

  .news-social-card__name{
    font-size:16.3px;
  }

  .news-social-card__cta{
    width:100%;
  }
}

.news-partners-section{
  padding-top:8px;
}

.news-partners-shell{
  display:grid;
  gap:18px;
}

.news-partners-panel{
  position:relative;
  padding:20px 0 8px;
  border-radius:0;
  border:0;
  background:
    radial-gradient(circle at top right, rgba(244,205,115,.14), transparent 24%),
    linear-gradient(180deg,#f8f4ea 0%,#fffdfa 50%,#f6efe3 100%);
  box-shadow:none;
  overflow:hidden;
}

.news-partners-panel::before{
  display:none;
}

.news-partners-head,
.news-partners-copy,
.news-partners-toolbar{
  position:relative;
  z-index:1;
}

.news-partners-head{
  display:block;
  margin-bottom:22px;
}

.news-partners-copy{
  display:grid;
  gap:8px;
  justify-items:center;
  text-align:center;
}

.news-partners-copy h2{
  margin:0;
  color:#1c2230;
  font-size:clamp(17.9px,2.2vw,24.4px);
  line-height:1.15;
  letter-spacing:-.03em;
}

.news-partners-copy p{
  margin:0;
  max-width:66ch;
  color:#62584c;
  font-size:10.6px;
  line-height:1.9;
}

.news-partners-carousel{
  position:relative;
  z-index:1;
  direction:ltr;
}

.news-partners-stage{
  overflow:hidden;
  border-radius:0;
  padding:8px 0 0;
  touch-action:pan-y;
  cursor:grab;
  position:relative;
  user-select:none;
  -webkit-user-select:none;
}

.news-partners-stage::before,
.news-partners-stage::after{
  display:none;
}

.news-partners-track{
  --partner-gap:18px;
  display:flex;
  gap:var(--partner-gap);
  align-items:stretch;
  transition:transform .42s cubic-bezier(.22,.61,.36,1);
  will-change:transform;
}

.news-partners-track.is-dragging{
  transition:none;
  cursor:grabbing;
}

.partner-slide{
  flex:0 0 calc((100% - var(--partner-gap)) / 2);
  min-width:0;
}

.partner-slide__inner{
  height:100%;
  padding:10px 8px;
  border-radius:0;
  border:0;
  background:transparent;
  box-shadow:none;
  transition:none;
}

.partner-slide__inner--static{
  cursor:default;
}

.partner-slide__logo{
  min-height:184px;
  padding:8px 10px;
  border-radius:0;
  border:0;
  background:transparent;
  display:grid;
  place-items:center;
}

.partner-slide__logo img{
  max-width:min(100%,260px);
  max-height:168px;
  width:auto;
  height:auto;
  object-fit:contain;
  pointer-events:none;
  -webkit-user-drag:none;
}

html[lang='fa'] .news-partners-panel{
  direction:rtl;
}

html[lang='fa'] .news-partners-copy{
  text-align:center;
}

@media (max-width:1080px){
  .partner-slide{
    flex-basis:calc((100% - var(--partner-gap)) / 2);
  }
}

@media (max-width:760px){
  .news-partners-panel{
    padding:16px 0 4px;
  }

  .news-partners-head{
    margin-bottom:18px;
  }

  .partner-slide{
    flex-basis:100%;
  }

  .partner-slide__inner{
    padding:8px 4px;
  }

  .partner-slide__logo{
    min-height:160px;
  }
}

/* News page live banner refinement: keep it distinct from the dedicated live page. */
.box.live-banner-shell .live-banner{
  padding:16px;
  border-radius:24px;
  background:
    radial-gradient(circle at top right, rgba(212,166,74,.10), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,.99), rgba(252,249,242,.98));
  border:1px solid rgba(11,31,58,.08);
  box-shadow:0 18px 42px rgba(11,31,58,.10);
  gap:10px;
}

.box.live-banner-shell .live-banner-head{
  padding:0 2px 12px;
  border-bottom:1px solid rgba(11,31,58,.08);
}

.box.live-banner-shell .live-banner-label,
.box.live-banner-shell .live-banner-state{
  min-height:32px;
  padding:0 12px;
  border-radius:999px;
  font-size:8.9px;
}

.box.live-banner-shell .live-banner-label{
  background:rgba(193,18,31,.08);
  border:1px solid rgba(193,18,31,.10);
  color:#b80f16;
}

.box.live-banner-shell .live-banner-state{
  background:rgba(11,31,58,.06);
  border:1px solid rgba(11,31,58,.08);
  color:#0b1f3a;
}

.box.live-banner-shell .live-banner-frame{
  border-radius:20px;
  box-shadow:0 14px 30px rgba(11,31,58,.12);
}

.box.live-banner-shell .live-banner-point{
  width:48px;
  height:48px;
  border:1px solid rgba(255,255,255,.18);
  background:linear-gradient(180deg, #d91a28, #9f101a);
  box-shadow:0 12px 24px rgba(193,18,31,.28);
}

.box.live-banner-shell .live-banner-point::before{
  width:14px;
  height:14px;
  box-shadow:0 0 0 6px rgba(255,255,255,.16);
}

@media (max-width:920px){
  .box.live-banner-shell .live-banner{
    padding:14px;
    border-radius:22px;
  }

  .box.live-banner-shell .live-banner-frame{
    min-height:220px;
    border-radius:18px;
  }

  .box.live-banner-shell .live-banner-point{
    width:42px;
    height:42px;
  }
}
