/* adposium.ru — надстройка над общим стилем.
   Тот же движок и та же вёрстка, но другое издание: лента разбита по дням,
   заголовки заметок крупнее, сбоку колонка рубрик.

   Акцент и наборный характер здесь НЕ задаются: они живут в style.css и
   выбираются атрибутом <html data-site>. Держать цвета в двух файлах — верный
   способ получить два разных оттенка на разных страницах. */

/* Имя издания набрано антиквой крупнее — так у газет, и это сразу отличает
   издание от справочника, хотя вёрстка та же. */
.logo.ad,.logo.pulse{font-size:23px;letter-spacing:-.015em;font-family:var(--text);font-weight:400}
.logo.ad b,.logo.pulse b{color:var(--brand);font-weight:400}

.ed-lede{font-size:18px;color:var(--ink-2);max-width:56ch;margin-top:6px}

/* ---------- лента по дням ---------- */
.day{display:grid;grid-template-columns:120px 1fr;gap:28px;padding:22px 0;border-top:1px solid var(--rule)}
.day .label{padding-top:5px;position:sticky;top:72px;align-self:start;letter-spacing:.13em}
.day .list{display:flex;flex-direction:column;gap:0}

.note{padding:14px 0 15px;border-bottom:1px solid var(--rule-soft);display:flex;flex-direction:column;gap:5px}
.note:last-child{border-bottom:none}
.note .h{font-family:var(--text);font-weight:700;font-size:21px;line-height:1.24;color:var(--ink);letter-spacing:-.012em}
.note .h a{color:var(--ink)}
.note .b{font-size:16px;line-height:1.46;color:var(--ink-2);max-width:70ch}
.note .f{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;color:var(--ink-3);display:flex;flex-wrap:wrap;gap:5px 14px}
.note .f a{color:var(--ink-3);text-decoration:underline}
/* Теги карточки — ОДНА строка: сначала отрасль, за ней участники.
   Сутки они стояли порознь: участники пилюлями над текстом, отрасль
   подчёркнутым словом в подвале рядом с источником и датой. С экрана это
   читается как два разных сорта тегов, и чем один отличается от другого —
   не понять.

   И они НЕ вполголоса. Первая версия была мелкой и серой — я прятал их, чтобы
   не спорили с заголовком. Это ровно против замысла: мы справочник, и связи
   заметки с компаниями, людьми и отраслями — то, чего нет у обычного издания.
   Прятать собственную фишку незачем, поэтому пилюля здесь почти в полный рост,
   как на странице заметки. */
.note-tags{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:4px 0 5px}
.note-tags .chip{padding:5px 12px;font-size:13.5px;line-height:1.4;color:var(--ink)}
.note-tags .chip:hover{border-color:var(--brand);color:var(--brand)}
/* Главная компания заметки — тот же чип, но насыщеннее: это подлежащее
   новости, а не один из упомянутых. */
.note-tags .chip-glavnaya{border-color:var(--ink-3);font-weight:600}

/* Отрасль — это раздел издания, а участник — карточка компании или человека.
   Разница видна оттенком, а не местом: местом их уже разводили сутки, и
   читатель не понял, что это одно и то же. Тема идёт заливкой, участники —
   обводкой. */
.note-tags .chip-tema{background:var(--paper-2);border-color:transparent;
  font-weight:600}
.note-tags .chip-tema:hover{background:transparent;border-color:var(--brand)}
/* Человек отличается от компании тем же тонким акцентом, что и на странице
   заметки (.chip-person в style.css) — правило там одно на все страницы. */
/* В боковике колонка узкая: та же пилюля, на шаг мельче — иначе два тега
   переносятся на три строки и список перестаёт читаться списком. */
.ed-box .note-tags{margin:4px 0 2px}
.ed-box .note-tags .chip{font-size:12.5px;padding:3px 10px}

.note .why{font-family:var(--display);font-size:13.5px;color:var(--brand);font-weight:700;line-height:1.3}

/* Главная заметка дня — крупнее, но той же гарнитурой: разница в кегле,
   а не в оформлении. */
.lead-note .h{font-size:30px;line-height:1.14}
.lead-note .b{font-size:17px}

/* ---------- две колонки: лента и рубрики ---------- */
.ed-cols{display:grid;grid-template-columns:1fr 300px;gap:44px;padding:12px 0 64px;align-items:start}
.ed-side{display:flex;flex-direction:column;gap:24px;position:sticky;top:72px}
.ed-box{border-top:1px solid var(--ink);padding-top:13px;display:flex;flex-direction:column;gap:11px}
.ed-box h3{font-family:var(--text);font-weight:700;font-size:19px;margin:0}
.ed-box ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.ed-box li{display:flex;flex-direction:column;gap:2px;font-size:15.5px}
.ed-box .sub{font-size:13.5px;color:var(--ink-3)}
.ed-box.cta-offer{background:var(--brand-soft);border-top-color:var(--brand);padding:14px 16px 17px}

.cta-btn{
  display:inline-block;margin-top:6px;padding:11px 16px;
  background:var(--ink);color:var(--paper);border:1px solid var(--ink);
  font-family:var(--display);font-size:14.5px;font-weight:600;text-decoration:none;
}
.cta-btn:hover{background:var(--brand);border-color:var(--brand);color:#fff;text-decoration:none}

/* ---------- полоса с периодом ленты ---------- */
.ed-strip{
  display:flex;flex-wrap:wrap;gap:8px 22px;padding:12px 0;
  border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);
  font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--ink-3);
}
.ed-strip b{color:var(--ink);font-weight:600}

@media (max-width:900px){
  .ed-cols{grid-template-columns:1fr;gap:30px}
  .ed-side{position:static}
  .day{grid-template-columns:1fr;gap:8px}
  .day .label{position:static}
}

/* Страница одной новости. Ширина текста намеренно узкая: читают глазами, а не
   сканируют таблицу, и строка длиннее 70 знаков утомляет. */
.news{max-width:44rem;margin:0 auto;padding:2rem 0 4rem}
.news-meta{font-size:.85rem;color:var(--muted);text-transform:uppercase;
  letter-spacing:.06em;margin-bottom:.6rem}
.news h1{font-size:2rem;line-height:1.18;margin:0 0 1.4rem}
.news-card{width:100%;height:auto;border-radius:10px;margin:0 0 1.6rem;display:block}
.news-text p{font-size:1.06rem;line-height:1.65;margin:0 0 1.1rem}
.news-source{font-size:.92rem;color:var(--muted);margin-top:1.8rem}
.news-back{margin-top:2rem}

/* МЕТКА ИСТОРИИ под заметкой: «Сюжет «…»: ещё 4 заметки →».
   Тише заголовка и тише тегов: это не отдельная новость, а вход в хронику.
   Тот же приём, что у PlanetF1 (метка темы под заметкой) и BBC (страница
   истории со списком обновлений). */
.note .syuzhet-link{font-size:13.5px;line-height:1.4;margin-top:2px}
.note .syuzhet-link a{color:var(--ink-3);text-decoration:none;
  border-bottom:1px solid var(--line)}
.note .syuzhet-link a:hover{color:var(--brand);border-bottom-color:var(--brand)}