/**
 * Новости /news/ — точечные надстройки поверх blog.css и article.css.
 * Раздел переиспользует компоненты блога (.bl-*) и статьи (.ar-*);
 * здесь только то, чего нет в блоге: GEO-карточка «Суть изменения»,
 * плашки «вступает в силу», блок «Ближайшие изменения», мост на разбор в блоге.
 *
 * @package wc-site
 */

/* ---- Обёртка карточки новости (для семантики article + фильтра по рубрике) ---- */
.nw-article { display: contents; }

/* ---- Блок «Ближайшие изменения» в правой части героя (надстройка над .bl-top) ---- */
.nw-when li a { align-items: flex-start; }
.nw-when__date {
  display: inline-flex; align-items: center; gap: 6px;
  font-family: var(--font-brand); font-weight: 800; font-size: 12.5px;
  letter-spacing: .02em; color: #ffb37a; text-transform: uppercase; margin-bottom: 5px;
}
.nw-when__date svg { flex-shrink: 0; }

/* ---- Плашка на обложке карточки: «вступает в силу» / «на контроле» ---- */
.nw-badge {
  position: absolute; left: 14px; bottom: 14px; z-index: 2;
  display: inline-flex; align-items: center; gap: 6px;
  padding: 5px 11px; border-radius: 999px;
  font-family: var(--font-brand); font-weight: 800; font-size: 11.5px;
  letter-spacing: .02em; text-transform: uppercase;
  background: rgba(255,73,0,.95); color: #fff;
  box-shadow: 0 4px 14px rgba(255,73,0,.35);
}
.nw-badge--soon  { background: rgba(255,73,0,.95); }
.nw-badge--track { background: rgba(26,45,56,.92); }

/* ---- Дата в мете карточки — оранжевым акцентом (свежесть) ---- */
.bl-meta .nw-fresh { color: var(--color-orange-600,#ff4900); font-weight: 700; }

/* ---- Плашка «вступает в силу» в мете тёмного героя новости ---- */
.nw-eff {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 4px 12px; border-radius: 999px;
  background: #ff4900; color: #fff;
  font-family: var(--font-brand); font-weight: 800; font-size: 12.5px; letter-spacing: .02em;
}

/* ---- Подпись автора под метой ---- */
.nw-byline { color: #a9bcc7; }

/* ---- GEO-карточка «Суть изменения»: что / когда / кого / что делать / источник.
       Главный AI-extractable блок новости. ---- */
.nw-key {
  border: 1px solid var(--color-border); border-radius: 16px; overflow: hidden;
  margin: 6px 0 30px; background: #fff; box-shadow: 0 2px 16px rgba(26,45,56,.05);
}
.nw-key__h {
  display: flex; align-items: center; gap: 9px; padding: 14px 22px;
  background: var(--color-bg-subtle); border-bottom: 1px solid var(--color-border);
  font-family: var(--font-brand); font-weight: 800; font-size: 13px;
  letter-spacing: .04em; text-transform: uppercase; color: var(--color-navy-800);
}
.nw-key__row { display: flex; gap: 14px; padding: 15px 22px; border-top: 1px solid var(--color-border); }
.nw-key__row:first-of-type { border-top: none; }
.nw-key__ic {
  flex-shrink: 0; width: 34px; height: 34px; border-radius: 9px;
  background: rgba(255,73,0,.1); display: flex; align-items: center; justify-content: center;
}
.nw-key__row > div { min-width: 0; }
.nw-key__row b {
  display: block; font-size: 12px; letter-spacing: .03em; text-transform: uppercase;
  color: var(--color-text-muted); margin-bottom: 3px; font-weight: 700;
}
.nw-key__row span { color: var(--color-navy-900); line-height: 1.5; }
.nw-key__src {
  padding: 13px 22px; background: var(--color-bg-subtle);
  border-top: 1px solid var(--color-border); font-size: 13.5px; color: var(--color-text-muted);
}
.nw-key__src a { color: var(--color-orange-600); font-weight: 600; text-decoration: none; }

/* ---- Врезка-мост на подробный разбор в блоге ---- */
.nw-blogref {
  display: flex; gap: 15px; align-items: center;
  border: 1px solid var(--color-border); border-left: 4px solid var(--color-orange-600);
  border-radius: 12px; padding: 16px 20px; margin: 28px 0; background: var(--color-bg-subtle);
}
.nw-blogref__ic { flex-shrink: 0; color: var(--color-orange-600); }
.nw-blogref b { display: block; color: var(--color-navy-900); margin-bottom: 2px; }
.nw-blogref a { color: var(--color-orange-600); font-weight: 700; text-decoration: none; }
.nw-blogref a:hover { text-decoration: underline; }