/* AI Lenta поверх стилей kaufmanlab.ru: только то, чего на основном сайте нет. */

/* Оглавление выпуска: разделы с числом сюжетов, на компьютере прилипает к верху */
.oglav{display:flex; flex-wrap:wrap; gap:var(--sp-2) var(--sp-5); margin:var(--sp-6) 0 0; padding:var(--sp-3) 0;
  border-top:1px solid var(--color-line); border-bottom:1px solid var(--color-line); background:var(--color-bg);
  font-family:var(--f-mono); font-size:0.725rem; letter-spacing:.08em; text-transform:uppercase; z-index:5}
.oglav a{color:var(--color-text-muted); white-space:nowrap}
.oglav a:hover{color:var(--color-text)}
.oglav b{color:var(--color-accent); font-weight:500; font-variant-numeric:tabular-nums}
@media (min-width:900px){ .oglav{position:sticky; top:0} }

.vypusk section, .vypusk .syuzhet, .vypusk .lenta li{scroll-margin-top:96px}
.vypusk .oglav + section{border-top:0}

/* Сюжет «Главного» */
.vypusk .syuzhet{padding:var(--sp-5) 0; border-top:1px solid var(--color-line)}
.vypusk .syuzhet:first-of-type{border-top:0; padding-top:0}
.vypusk .syuzhet h3{margin:0 0 var(--sp-3)}
.vypusk .syuzhet p + p, .vypusk .syuzhet ul + p{margin-top:var(--sp-3)}
.vypusk .punkty{max-width:var(--measure); margin:var(--sp-3) 0 0; padding-left:1.2em; line-height:1.65}
.vypusk .punkty li + li{margin-top:var(--sp-2)}

/* Строка источников под сюжетом */
.vypusk p.ist{max-width:none; font-family:var(--f-mono); font-size:0.788rem; color:var(--color-text-muted); line-height:1.8}

/* Короткие сюжеты разделов */
.vypusk .lenta{max-width:var(--measure); margin:0; padding:0; list-style:none}
.vypusk .lenta li{padding:var(--sp-4) 0; border-top:1px solid var(--color-line); line-height:1.65}
.vypusk .lenta li:first-child{border-top:0; padding-top:var(--sp-2)}

/* Подвал: у страниц статей основного сайта нет отступов между ссылками */
.foot-meta{display:flex; flex-wrap:wrap; gap:var(--sp-5)}

/* ── Главная «Газета дня» (вариант выбран Романом 12.10.2026) ──────────── */
.g-mast{padding:var(--sp-5) 0 var(--sp-7)}
.g-name{display:flex; flex-wrap:wrap; align-items:baseline; gap:var(--sp-2) var(--sp-5); font-size:inherit; line-height:1}
.g-name b{font-weight:800; font-size:clamp(2.6rem, 10vw, 5.5rem); line-height:.95; letter-spacing:-.03em}
.g-name b em{font-style:normal; color:var(--color-accent)}
.g-name span{font-weight:700; font-size:var(--step-1); letter-spacing:-.01em; color:var(--color-text-muted)}
.g-dateline{display:flex; flex-wrap:wrap; justify-content:space-between; gap:var(--sp-2) var(--sp-5); margin-top:var(--sp-5);
  padding:var(--sp-3) 0; border-top:1px solid var(--color-text); border-bottom:1px solid var(--color-line);
  font-family:var(--f-mono); font-size:0.725rem; letter-spacing:.12em; text-transform:uppercase; color:var(--color-text-muted)}
.g-dateline time{color:var(--color-text)}
.g-dateline .nums{font-variant-numeric:tabular-nums}
.g-sut{margin-top:var(--sp-6)}
.g-kick{display:block; font-family:var(--f-mono); font-size:0.725rem; letter-spacing:.16em; text-transform:uppercase; color:var(--color-accent)}
.g-sut p{margin-top:var(--sp-3); font-family:var(--f-display); font-weight:700; font-size:clamp(1.15rem, 2.4vw, 1.5rem); line-height:1.3; letter-spacing:-.01em; max-width:46ch}

.g-head{display:flex; justify-content:space-between; align-items:flex-end; gap:var(--sp-3) var(--sp-5); flex-wrap:wrap}
.g-head h2{margin-top:var(--sp-2); max-width:24ch}
.g-more{font-family:var(--f-mono); font-size:0.788rem; color:var(--color-text-muted); padding:3px 0; border-bottom:1px solid var(--color-line)}
.g-more:hover{color:var(--color-accent); border-color:var(--color-accent)}

/* Первая полоса: главный сюжет на две колонки, остальные четыре вокруг */
.g-front{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:1px; background:var(--color-line);
  border:1px solid var(--color-line); border-radius:10px; overflow:hidden}
.g-front article{background:var(--color-surface); padding:var(--sp-5); display:flex; flex-direction:column; gap:var(--sp-3); min-width:0; overflow-wrap:anywhere}
.g-front .g-lead{grid-column:span 2; padding:var(--sp-6)}
.g-n{font-family:var(--f-mono); font-size:0.663rem; letter-spacing:.14em; text-transform:uppercase; color:var(--color-accent)}
.g-front h3{font-size:1.15rem; line-height:1.25}
.g-front .g-lead h3{font-size:var(--step-3); line-height:1.08; max-width:22ch}
.g-front h3 a:hover{color:var(--color-accent)}
.g-front p{font-size:0.925rem; line-height:1.55}
.g-front .g-lead p{font-size:1.06rem; line-height:1.6; max-width:var(--measure)}
.g-front p.g-ist{margin-top:auto; padding-top:var(--sp-2); font-family:var(--f-mono); font-size:0.725rem; line-height:1.9; color:var(--color-text-muted)}

/* Разделы выпуска: газетные колонки без пустот; заголовок раздела - жирная линия сверху и крупный шрифт */
.g-razd{columns:3 18rem; column-gap:0; column-rule:1px solid var(--color-line); background:var(--color-surface);
  border:1px solid var(--color-line); border-radius:10px; overflow:hidden}
.g-r{padding:var(--sp-5) var(--sp-5) var(--sp-6); min-width:0; overflow-wrap:anywhere; break-inside:avoid}
.g-r header{padding:var(--sp-3) 0; border-top:2px solid var(--color-text); break-after:avoid}
.g-r h3{display:inline; font-weight:800; font-size:var(--step-1); letter-spacing:-.01em; line-height:1.2}
.g-r header span{margin-left:var(--sp-2); font-family:var(--f-mono); font-size:0.725rem; color:var(--color-text-muted); white-space:nowrap}
.g-r header span::before{content:"· "}
.g-r ol{margin:0; padding:0; list-style:none}
.g-r li{padding:var(--sp-3) 0; border-top:1px solid var(--color-line); break-inside:avoid}
.g-r li:first-child{border-top:0}
.g-r li p{margin:0; font-size:0.925rem; line-height:1.5; color:var(--color-text-muted)}
.g-r li strong{color:var(--color-text); font-weight:600}
.g-r .g-src{margin-top:4px; font-family:var(--f-mono); font-size:0.725rem}
.g-r .g-src a{color:var(--color-text-muted); border-bottom:1px solid var(--color-line)}
.g-r .g-src a:hover{color:var(--color-accent); border-color:var(--color-accent)}
.g-r-more, .g-dalee{display:inline-block; margin-top:var(--sp-3); font-family:var(--f-mono); font-size:0.788rem;
  color:var(--color-text-muted); border-bottom:1px solid var(--color-line); align-self:flex-start}
.g-r-more:hover, .g-dalee:hover{color:var(--color-accent); border-color:var(--color-accent)}
:root[data-theme="dark"] .g-r header{border-top-color:color-mix(in srgb, var(--color-text) 70%, transparent)}
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]) .g-r header{border-top-color:color-mix(in srgb, var(--color-text) 70%, transparent)} }

/* Прошлые выпуски: компактная лента */
.g-arhiv{margin:0; padding:0; list-style:none; display:grid; gap:1px; background:var(--color-line);
  border:1px solid var(--color-line); border-radius:10px; overflow:hidden}
.g-arhiv a{display:grid; grid-template-columns:7.5rem minmax(0,1fr) auto auto; align-items:baseline; gap:var(--sp-3) var(--sp-5);
  padding:var(--sp-4) var(--sp-5); background:var(--color-surface)}
.g-arhiv a:hover{background:var(--color-bg)}
.g-arhiv time{font-family:var(--f-mono); font-size:0.788rem; color:var(--color-text); font-variant-numeric:tabular-nums; white-space:nowrap}
.g-arhiv time small{display:block; font-size:0.663rem; letter-spacing:.12em; text-transform:uppercase; color:var(--color-text-muted)}
.g-arhiv .t{font-size:0.95rem; line-height:1.5}
.g-arhiv .c{font-family:var(--f-mono); font-size:0.725rem; color:var(--color-text-muted); font-variant-numeric:tabular-nums; white-space:nowrap}
.g-arhiv .s{color:var(--color-text-muted)}
.g-arhiv a:hover .s{color:var(--color-accent)}

@media (max-width:900px){
  .g-front{grid-template-columns:repeat(2, minmax(0,1fr))}
}
@media (max-width:600px){
  .g-front{grid-template-columns:minmax(0,1fr)}
  .g-front .g-lead{grid-column:auto; padding:var(--sp-5)}
  .g-arhiv a{grid-template-columns:minmax(0,1fr) auto; padding:var(--sp-4)}
  .g-arhiv time small{display:inline; margin-left:var(--sp-2)}
  .g-arhiv .t{grid-column:1 / -1; grid-row:2}
  .g-arhiv .s{display:none}
}

/* Поиск по прошлым выпускам */
.filtr{display:flex; align-items:center; gap:var(--sp-3); font-family:var(--f-mono); font-size:0.725rem;
  letter-spacing:.08em; text-transform:uppercase; color:var(--color-text-muted)}
.filtr input{font:inherit; text-transform:none; letter-spacing:0; font-size:0.85rem; width:15rem; max-width:55vw; padding:8px 12px;
  border:1px solid var(--color-line); border-radius:10px; background:var(--color-surface); color:var(--color-text)}
.filtr input:focus{outline:none; border-color:var(--color-accent)}

/* Колонка Романа под сутью дня */
.g-kolonka{margin-top:var(--sp-4); max-width:var(--measure); font-size:1rem; line-height:1.6}

/* Комментарий редакции «Что это значит»: короткая черта, метка, курсив */
.kom{margin:var(--sp-4) 0 var(--sp-3); max-width:var(--measure)}
.kom::before{content:""; display:block; width:32px; height:2px; background:var(--color-accent); margin-bottom:var(--sp-3)}
.kom-k{display:block; font-family:var(--f-mono); font-size:0.663rem; letter-spacing:.14em; text-transform:uppercase; color:var(--color-accent); margin-bottom:var(--sp-2)}
.kom p{margin:0; font-style:italic; line-height:1.6; color:var(--color-text)}
.g-front .kom p{font-size:0.925rem}
.g-front .g-lead .kom p{font-size:1rem}
.g-front .punkty{margin:0; padding-left:1.2em; font-size:1rem; line-height:1.6; max-width:var(--measure)}
.g-front .punkty li + li{margin-top:var(--sp-2)}

/* Меньше розового: метки и подчёркивания источников серые, акцент - черта комментария и метки секций */
.kom-k{color:var(--color-text-muted)}
.g-front .g-ist .link{border-bottom-color:var(--color-line)}
.g-front .g-ist .link:hover{border-bottom-color:var(--color-accent)}
.g-front p.g-ist{margin-top:auto}
.g-front .g-dalee{margin-top:0}

/* Суть дня - подводка, а не второй заголовок */
.g-sut p{font-family:var(--f-body); font-weight:400; font-size:clamp(1.06rem,1.8vw,1.25rem); line-height:1.5; letter-spacing:0; max-width:60ch}

/* «Другие выпуски» на странице выпуска - заголовок h2 видом служебной метки */
.dalshe h2.dalshe-head{margin:0 0 var(--sp-4); font-size:0.725rem; font-weight:500}

@media (max-width:600px){
  body:has(.g-mast) .top .mark{visibility:hidden}  /* на главной название уже стоит крупно */
  .g-mast{padding:0 0 var(--sp-5)}
  .g-name b{font-size:2.4rem}
  .g-name span{font-size:0.925rem}
  .g-dateline span:last-child{display:none}
  .g-sut{margin-top:var(--sp-4)}
  /* разделы - отдельные карточки по три новости, остальное по ссылке */
  .g-razd{columns:auto; column-rule:0; background:none; border:0; border-radius:0; overflow:visible}
  .g-r{border:1px solid var(--color-line); border-radius:10px; margin-top:var(--sp-4); background:var(--color-surface)}
  .g-r li:nth-child(n+4){display:none}
}
