.news-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.news-cards article{display:grid;grid-template-columns:160px minmax(0,1fr);background:#f4f8f6;border:1px solid var(--border);border-radius:10px;overflow:hidden;min-width:0}.news-cards article>a img{width:100%;height:100%;min-height:150px;object-fit:cover}.news-cards article>div{padding:18px;min-width:0}.news-cards h2{font-size:20px;line-height:1.8;margin-bottom:12px}.news-cards p{font-size:14px;line-height:1.9;color:var(--muted)}.news-cards footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;margin-top:16px;color:var(--muted)}.news-cards footer a{color:var(--primary)}.news-reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:44px;align-items:start}.news-story{min-width:0}.news-story .editorial-title h1{font-size:clamp(26px,3vw,38px)}.news-latest{padding-top:30px}.news-latest>h2{font-size:24px;margin-bottom:20px}.news-latest .news-cards{grid-template-columns:1fr;gap:18px}.news-latest .news-cards article{grid-template-columns:1fr}.news-latest .news-cards img{height:160px;min-height:0}.news-latest .news-cards h2{font-size:17px}.news-latest .news-cards p{display:none}.news-context{padding:24px;background:#eef7f2;border-radius:10px;margin-top:32px}.news-context h2{font-size:23px;margin-bottom:18px}.news-context nav{display:flex;gap:12px;flex-wrap:wrap}.news-context a{padding:10px 14px;background:#fff;border-radius:6px;min-height:44px}.news-story .editorial-body{margin-inline:0}.news-story .editorial-cover{max-height:480px}
@media(max-width:1100px){.news-cards article{grid-template-columns:130px minmax(0,1fr)}.news-reading-layout{grid-template-columns:minmax(0,1fr) 250px;gap:28px}}
@media(max-width:800px){.news-reading-layout{grid-template-columns:1fr}.news-latest .news-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.news-cards{grid-template-columns:1fr}.news-story .editorial-body{margin-inline:auto}}
@media(max-width:500px){.news-cards article{grid-template-columns:1fr}.news-cards article>a img{height:auto;aspect-ratio:1.8}.news-latest .news-cards{grid-template-columns:1fr}.news-cards h2{font-size:20px}.news-latest{padding-top:0}.news-context{padding:18px}}

.news-story .editorial-cover{aspect-ratio:8/5}

/* متن خبر در دسکتاپ از فضای ستون خود استفاده می‌کند و طول سطر محدود می‌ماند.
   Let desktop News prose use its existing column while retaining a line-length cap. */
@media(min-width:801px){.news-detail .news-story .editorial-body{max-width:100ch}}