/*
 * module: page.news.style.01
 * responsibility: page-local presentation extracted from news.html.
 * inputs/outputs: CSS cascade for this route only.
 * dependencies: assets/app.css design tokens and RTL logical properties.
 * sensitive points: desktop/mobile layout, contrast, overflow, typography.
 * related: site/app/news.html.
 */
/* ورودی لمسی: در عرض موبایل قلم ورودی‌ها ۱۶px تا زوم خودکار مرورگر رخ ندهد.
   همان قاعده‌ای که blog دارد. */
@media (max-width:768px){
  .inp,select.inp,textarea.inp,#q{font-size:16px}
}
/* خط خبر. کارت نیست، ردیف است: سرخط خبری فهرست خواندنی است نه شبکه کارت،
   و روی موبایل کارت‌های تودرتو فقط ارتفاع می‌سازند. هیچ رنگ تازه‌ای ساخته
   نشده؛ همه از متغیرهای تم. */
.nw{border-bottom:1px solid var(--line);padding:1rem 0}
.nw:last-child{border-bottom:0}
.nw-top{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.45rem}
.nw-t{font-weight:700;line-height:1.85;margin:0}
.nw-b{color:var(--sub);line-height:2;margin:.5rem 0 0;
      /* متن بلند پیام ناظر تا کلیک «متن کامل» بریده می‌شود */
      display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nw.open .nw-b{-webkit-line-clamp:unset;display:block}
.nw-f{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:.6rem;font-size:.82rem}
/* شکستن واژه بلند روی صفحه باریک: عنوان اطلاعیه کدال گاهی یک رشته طولانی
   بدون فاصله دارد و بدون این، همان یک واژه کل صفحه را افقی می‌کشد. */
.nw-t,.nw-b{overflow-wrap:anywhere;word-break:break-word}