/* Раздел новостей — тонкий слой поверх preview.css (Refs #74).
   Ничего своего по цветам и шрифтам: только те же токены сайта в новых сочетаниях.
   Подключается второй строкой после копии preview.css в /news/assets/. */

/* шапка новости: одна колонка во всю ширину карточки, без боковой колонки */
.news-head{display:grid}
/* Заголовок новости идёт во всю ширину карточки: балансировка строк (text-wrap:balance у сайта) ломала его на короткие строки у левого края — владелец, 22.09.2026. */
.news-head h1{text-wrap:pretty;max-width:none}
.news-head .lead{font-size:15px;line-height:1.55;color:var(--text-muted);margin-top:5px}
.news-meta{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;font-size:13px;color:var(--text-muted);margin-top:12px}
.news-meta b{font-weight:600;color:var(--text-1)}
.news-meta time{font-variant-numeric:tabular-nums}
/* боковая колонка осталась только на странице автора — со списком тем */
.news-aside{display:flex;flex-direction:column;gap:10px}
.news-byline{border:1px solid var(--border);border-radius:8px;padding:12px 14px;background:var(--surface);display:grid;gap:3px}

/* одна цифра крупно */
.news-figure{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 28px;align-items:center}
.news-figure .val{font-size:clamp(32px,5.2vw,52px);font-weight:700;line-height:1;letter-spacing:-.03em;
  color:var(--brand);font-variant-numeric:tabular-nums;white-space:nowrap}
.news-figure .unit{font-size:.5em;font-weight:700;letter-spacing:-.01em;margin-left:6px;color:var(--text-muted)}
.news-figure .cap{font-size:15px;line-height:1.5;color:var(--text-muted)}
.news-figure .cap b{color:var(--text-1);font-weight:600}

/* вопрос читателя */
.news-question{display:grid;gap:8px;margin-top:14px}
.news-question .q{font-size:16px;line-height:1.5;font-weight:600;color:var(--text-1);
  border-left:3px solid var(--brand);padding-left:14px}
.news-question .who{font-size:12.5px;color:var(--text-muted);padding-left:17px}

/* «Исправлено {дата}: {причина}» — те же токены, что у жёлтой сноски сайта */
.news-correction{margin-bottom:14px;background:var(--note-bg);border:1px solid var(--note-border);border-radius:10px;
  padding:12px 16px;color:var(--note-ink);font-size:13.5px;line-height:1.55;display:grid;gap:4px}
.news-correction b{font-weight:700}
.news-correction+.news-correction{margin-top:8px}

/* проза новости: колонка текста в сетке карточки, чтобы строка не тянулась на всю ширину */
.news-text{display:flex;flex-direction:column;gap:12px;font-size:15px;line-height:1.6}
.news-text p{color:var(--text-1)}
.news-text a{text-decoration:underline}
.news-text ul,.news-text ol{margin:0;padding-left:20px;display:grid;gap:6px;color:var(--text-1)}
.news-text li::marker{color:var(--brand)}
.news-text h3{margin-top:6px;font-size:15px}
.news-text strong{font-weight:600}
.news-text--wide p{color:var(--text-muted)}
.news-text--wide p:first-child{color:var(--text-1)}

/* пояснение под таблицей */
.news-after-table{margin-top:14px}

/* цифры среза и оглавление разбора — во всю ширину карточки, без боковых колонок */
.news-figures{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:6px}
.news-figures-title{margin-top:16px}
.news-toc{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:6px 0 14px}

/* издания, по которым читали новость, — строкой в конце блока */
.news-sources{margin-top:14px;font-size:12.5px;line-height:1.55;color:var(--text-muted)}

/* шапка ленты: заголовок и вводный абзац во всю ширину карточки */
.news-intro .lead{margin-top:10px;font-size:15px;line-height:1.55;color:var(--text-muted)}

/* лента */
.news-feed{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.news-item{border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:16px 18px;display:grid;gap:8px}
.news-item h2{font-size:17px;line-height:1.3}
.news-item h2 a{color:var(--text-1)}
.news-item h2 a:hover{color:var(--brand)}
.news-item .excerpt{font-size:14px;line-height:1.55;color:var(--text-muted)}
.news-item .news-meta{margin-top:0}

/* страница автора */
.author-topics{list-style:none;padding:0;margin:0;display:grid;gap:6px;font-size:13.5px;line-height:1.5;color:var(--text-muted)}
.author-topics li{padding-left:16px;position:relative}
.author-topics li::before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:2px;background:var(--brand)}

@container (max-width:767px){
  .news-figure{grid-template-columns:1fr;gap:8px}
  .news-item{padding:14px 16px}
  .news-text{font-size:14.5px}
}