/* ═══════════════════════════════════════════════════════════════════════════
   Провод — агрегатор сети MAIR. Отдельный продукт, живёт на общей системе.

   Правило категории, снятое замерами с AP Newsroom и Reuters Agency: заголовок
   несёт цвет чернил и вес 700, подчёркивается только под курсором; служебная
   строка — мелкий приглушённый регистр; полосы разделены волосяной, а не
   плашкой. Синяя подчёркнутая ссылка во всю ширину — это оформление документа,
   и на ленте новостей она читается как список файлов.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── шапка: языки новостей ── */
.mast .langs{gap:var(--s1)}
.chip{font-family:var(--font);font-size:11.5px;font-weight:600;letter-spacing:.045em;
      height:26px;padding:0 9px;border-radius:var(--r-sm);cursor:pointer;
      color:var(--ink-3);background:transparent;border:1px solid transparent;
      transition:background .12s var(--ease),color .12s var(--ease)}
.chip:hover{background:var(--sunken);color:var(--ink)}
.chip[aria-pressed="true"]{background:var(--accent-soft);color:var(--accent-ink);
                           border-color:transparent;font-weight:700}
.acct{margin-left:var(--s2)}

/* ── рубрики: одна каталка под шапкой ── */
.topics-track{gap:var(--s1);padding:var(--s2) var(--s6);scrollbar-width:none}
.topics-track::-webkit-scrollbar{display:none}
.topic-chip,.site-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;
  font-family:var(--font);font-size:13px;font-weight:500;height:30px;padding:0 var(--s3);
  border-radius:var(--r);cursor:pointer;white-space:nowrap;
  color:var(--ink-2);background:transparent;border:1px solid transparent;
  transition:background .12s var(--ease),color .12s var(--ease)}
.topic-chip:hover,.site-chip:hover{background:var(--soft);color:var(--ink)}
.topic-chip .n{font-size:11px;font-weight:600;color:var(--ink-4);font-variant-numeric:tabular-nums}
.topic-chip[aria-pressed="true"]{color:var(--ink);font-weight:600;
  box-shadow:inset 0 -2px 0 var(--accent);border-radius:var(--r) var(--r) 0 0}
.topic-chip[aria-pressed="true"] .n{color:var(--accent)}
.site-chip{background:var(--accent-soft);color:var(--accent-ink);font-weight:600}
.site-chip .x{font-size:11px;opacity:.7}
.site-chip:hover{background:var(--accent-soft);color:var(--accent-ink)}

/* ── полотно ленты ── */
.wire{padding-top:var(--s8)}
.state{font-size:15px;color:var(--ink-3);padding:var(--s16) 0;text-align:center}

/* Заголовок в ленте: чернила и вес, а не цвет ссылки. */
.wire a.tl{color:var(--ink);text-decoration:none}
.wire a.tl:hover{color:var(--accent-ink);text-decoration:underline;text-decoration-thickness:1.5px}

/* ── служебная строка ──
   Точка ставится псевдоэлементом слева от соседа: внутрь кнопки источника её
   класть нельзя, иначе разделитель попадает в зону нажатия. */
.meta,.rmeta,.cov{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s1) var(--s4);
  font-size:12.5px;color:var(--ink-3);line-height:1.5}
.meta > * + *,.rmeta > * + *{position:relative}
.meta > * + *::before,.rmeta > * + *::before{content:"·";position:absolute;left:-11px;color:var(--ink-4)}
.cat{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--accent)}
.meta time,.rmeta time{font-variant-numeric:tabular-nums;white-space:nowrap}
.more{font-size:11.5px;font-weight:600;color:var(--ink-4);font-variant-numeric:tabular-nums}

/* Источник — кнопка отбора, а не ссылка наружу. Выглядеть должна как кнопка. */
.src{font-family:var(--font);font-size:12.5px;font-weight:600;color:var(--ink-2);
     background:none;border:0;padding:0;cursor:pointer;text-align:left}
.src:hover{color:var(--accent-ink);text-decoration:underline}

/* ── передовица ── */
.front{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);
       gap:var(--s10);padding-bottom:var(--s8);margin-bottom:var(--s8);
       border-bottom:1px solid var(--line-2)}
@media (max-width:900px){.front{grid-template-columns:1fr;gap:var(--s8)}}
.front .lead h2{font-size:clamp(26px,3.1vw,38px);font-weight:700;letter-spacing:-.022em;
                line-height:1.1;margin:var(--s2) 0 var(--s3)}
.front .sum{font-size:15.5px;line-height:1.55;color:var(--ink-2);margin:0 0 var(--s3);max-width:44em}
.second{display:flex;flex-direction:column;gap:var(--s5)}
.second .sec{padding-bottom:var(--s5);border-bottom:1px solid var(--line)}
.second .sec:last-child{padding-bottom:0;border-bottom:0}
.second .sec h2{font-size:18px;font-weight:700;letter-spacing:-.014em;line-height:1.28;
                margin:var(--s1) 0 var(--s2)}
.second .sec .sum{font-size:13.5px;line-height:1.5;margin:0 0 var(--s2);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* Полоса охвата: какие издания взяли ту же историю. Это наш главный довод —
   одна новость, подтверждённая несколькими редакциями сети. */
.cov{gap:var(--s1) var(--s3);margin-top:var(--s2)}
.cov-src{font-size:12px;font-weight:500;color:var(--ink-3);text-decoration:none;
         padding:2px 7px;border:1px solid var(--line);border-radius:var(--r-sm);white-space:nowrap}
.cov-src:hover{color:var(--accent-ink);border-color:var(--line-2);background:var(--soft)}
.cov-more{font-size:12px;font-weight:600;color:var(--ink-4);font-variant-numeric:tabular-nums}

/* ── день и строки ── */
.day-h{font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;
       color:var(--ink-3);margin:var(--s10) 0 var(--s4);padding-bottom:var(--s2);
       border-bottom:1px solid var(--line-2)}
.wire > .day-h:first-child{margin-top:0}

/* Две колонки на широком экране: одна колонка на 1232px оставляет половину
   страницы пустой, а лента от этого не становится читаемее. */
.rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--s10)}
@media (max-width:860px){.rows{grid-template-columns:1fr}}
.row{padding:var(--s4) 0;border-bottom:1px solid var(--line)}
.row h4{font-size:15.5px;font-weight:600;letter-spacing:-.011em;line-height:1.35;margin:0 0 var(--s2)}
.rmeta{font-size:12px}

/* ── кнопка «есть новое» ── */
.fresh{font-family:var(--font);font-size:13px;font-weight:600;height:38px;padding:0 var(--s5);
  border-radius:999px;cursor:pointer;color:var(--on-accent);background:var(--accent);
  border:1px solid var(--accent);box-shadow:var(--pop)}
.fresh:hover{background:var(--accent-ink);border-color:var(--accent-ink)}

/* ── подвал провода ── */
#foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
      gap:var(--s3) var(--s6);padding:var(--s10) var(--s6);font-size:13px;
      color:rgba(255,255,255,.7)}
#foot img{height:24px;width:auto;display:block}

@media (max-width:640px){
  .wire{padding-top:var(--s5)}
  .topics-track{padding-left:var(--s4);padding-right:var(--s4)}
  .front .lead h2{font-size:26px}
}


/* Заголовок ленты: страница обязана называть себя. Держим тихим — провод
   вторичный продукт, и его заголовок не должен спорить с самой лентой. */
.wire-h1{
  max-width:1232px;margin:22px auto 0;padding:0 24px;
  font-size:15px;font-weight:600;letter-spacing:.01em;color:var(--ink-3,#697386);
}
@media(max-width:560px){ .wire-h1{padding:0 18px;margin-top:16px} }