/* Передовица — оформление в духе обычного новостного издания:
   узкая колонка чтения, крупный главный материал, лента заметок сбоку. */

:root{
  --ink:#14161a;
  --muted:#5b6470;
  --line:#e3e6ea;
  --bg:#fff;
  --soft:#f6f7f9;
  --accent:#b2560f;      /* красный, как у большинства газет */
  --accent-soft:#fdf3ea;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font:17px/1.55 Tahoma,Verdana,sans-serif;
}
a{color:inherit}
img{max-width:100%;height:auto;display:block}

/* ── шапка ─────────────────────────────────────────── */
header.site{
  border-bottom:2px solid var(--ink);
  background:var(--bg);
}
.head-in{
  max-width:1080px;margin:0 auto;padding:14px 20px 10px;
  display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;
}
.brand{
  font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1;
  text-decoration:none;
}
.brand .dot{color:var(--accent)}
.tagline{color:var(--muted);font-size:13px}
.today{margin-left:auto;color:var(--muted);font-size:13px;white-space:nowrap}

nav.site{border-bottom:1px solid var(--line);background:var(--bg)}
.nav-in{
  max-width:1080px;margin:0 auto;padding:0 20px;
  display:flex;gap:22px;overflow-x:auto;
}
nav.site a{
  color:var(--ink);text-decoration:none;font-size:14px;font-weight:600;
  padding:11px 0;border-bottom:2px solid transparent;white-space:nowrap;
}
nav.site a:hover{color:var(--accent)}
nav.site a[aria-current]{border-bottom-color:var(--accent);color:var(--accent)}

/* ── каркас страницы ───────────────────────────────── */
main.wrap{max-width:1080px;margin:0 auto;padding:26px 20px 10px}
.layout{display:grid;grid-template-columns:1fr 300px;gap:38px;align-items:start}

/* ── шапка выпуска ─────────────────────────────────── */
.issue-num{
  display:inline-block;font-size:12px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:var(--accent);
  background:var(--accent-soft);padding:5px 10px;border-radius:3px;margin-bottom:14px;
}
main h1{
  font-size:38px;line-height:1.15;letter-spacing:-.02em;
  margin:0 0 12px;font-weight:800;
}
.dek{font-size:19px;line-height:1.5;color:var(--muted);margin:0 0 22px;max-width:44em}

/* ── фотография ────────────────────────────────────── */
figure{margin:0 0 26px}
figure img{width:100%;border-radius:2px}
figcaption{font-size:12.5px;color:var(--muted);padding-top:7px;border-top:1px solid var(--line);margin-top:8px}

/* ── материалы ─────────────────────────────────────── */
article.item{padding:22px 0;border-top:1px solid var(--line)}
article.item:first-of-type{border-top:2px solid var(--ink)}
.rubric{
  font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;
  color:var(--accent);margin-bottom:7px;
}
article.item h2{font-size:22px;line-height:1.3;margin:0 0 9px;font-weight:700;letter-spacing:-.01em}
article.item h2 a{text-decoration:none}
article.item h2 a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
article.item p{margin:0 0 8px;color:#2c3138}
.source{font-size:13px;color:var(--muted)}
.source a{color:var(--muted)}

/* Источник главной темы — сразу под ней, без повтора заголовка */
.lead-source{font-size:13.5px;color:var(--muted);margin:0 0 6px}
.lead-source a{color:var(--muted)}
.more-head{
  font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  color:var(--ink);margin:30px 0 0;padding-bottom:9px;border-bottom:2px solid var(--ink);
}
.more-head + article.item{border-top:0}

/* ── боковая колонка ───────────────────────────────── */
aside.rail{position:sticky;top:20px}
.card{border:1px solid var(--line);border-radius:2px;padding:16px 16px 18px;margin-bottom:18px;background:var(--bg)}
.card h3{
  font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  margin:0 0 12px;padding-bottom:9px;border-bottom:2px solid var(--ink);
}
.card.chart{background:var(--soft)}
/* Если чисел в выпуске не нашлось — блок не показываем, чтобы не висела пустая рамка */
.card.chart:not(:has(svg)){display:none}
.rail-list{list-style:none;margin:0;padding:0}
.rail-list li{padding:9px 0;border-top:1px solid var(--line);font-size:14.5px;line-height:1.4}
.rail-list li:first-child{border-top:0;padding-top:0}
.rail-list a{text-decoration:none}
.rail-list a:hover{color:var(--accent)}
.rail-list .when{display:block;color:var(--muted);font-size:12px;margin-top:3px}

/* Подписка в боковой колонке — второй шанс подписаться, не доскроллив до низа */
.card.sub-side{background:var(--accent-soft);border-color:var(--line)}
.card.sub-side p{margin:0 0 12px;font-size:14px;color:var(--muted)}
.sub-form.vertical{flex-direction:column;gap:8px;max-width:none}
.sub-form.vertical input[type=email]{min-width:0;width:100%}
.sub-form.vertical button{width:100%}
.card.sub-side .sub-note{margin:10px 0 0;font-size:12px}

/* ── подписка ──────────────────────────────────────── */
section.subscribe{
  margin:34px 0 10px;padding:24px;border-radius:2px;
  background:var(--soft);border:1px solid var(--line);
}
section.subscribe h2{margin:0 0 7px;font-size:21px;letter-spacing:-.01em}
section.subscribe p{margin:0 0 15px;color:var(--muted);font-size:15px}
.sub-form{display:flex;gap:9px;flex-wrap:wrap;max-width:460px}
.sub-form input[type=email]{
  flex:1;min-width:210px;padding:11px 13px;font-size:15px;
  border:1px solid #c9ced6;border-radius:2px;background:#fff;font-family:inherit;
}
.sub-form button{
  padding:11px 20px;font-size:15px;font-weight:600;font-family:inherit;
  color:#fff;background:var(--accent);border:0;border-radius:2px;cursor:pointer;
}
.sub-form button:hover{filter:brightness(.85)}
.sub-note{font-size:12.5px;color:var(--muted);margin-top:11px}

/* ── прошлые выпуски ───────────────────────────────── */
.prev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:18px 0 6px}
.prev-card{display:block;text-decoration:none}
.prev-card .cover{display:block;aspect-ratio:16/10;overflow:hidden;border-radius:2px;background:var(--soft)}
.prev-card .cover img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.prev-card:hover .cover img{transform:scale(1.04)}
.prev-card .cover.empty{border:1px solid var(--line)}
.prev-meta{
  display:block;margin:9px 0 4px;font-size:11.5px;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;color:var(--accent);
}
.prev-title{display:block;font-size:15.5px;line-height:1.35;font-weight:600;color:var(--ink)}
.prev-card:hover .prev-title{color:var(--accent)}
@media (max-width:820px){
  .prev-grid{grid-template-columns:1fr;gap:16px}
  .prev-card{display:grid;grid-template-columns:112px 1fr;gap:12px;align-items:start}
  .prev-card .cover{aspect-ratio:1/1}
  .prev-meta{margin:0 0 4px}
}

/* ── лента новостей ────────────────────────────────── */
ul.feed{list-style:none;margin:22px 0 0;padding:0;border-top:2px solid var(--ink)}
.feed-day{
  font-size:11.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;
  color:var(--accent);padding:20px 0 7px;
}
.feed-day:first-child{padding-top:14px}
.feed-item{padding:11px 0;border-top:1px solid var(--line);display:flex;gap:14px;align-items:baseline}
.feed-item a{text-decoration:none;font-size:16.5px;line-height:1.4;flex:1}
.feed-item a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.feed-src{color:var(--muted);font-size:12.5px;white-space:nowrap}
@media (max-width:820px){
  .feed-item{flex-direction:column;gap:3px}
  .feed-src{white-space:normal}
}

/* ── подвал ────────────────────────────────────────── */
footer.site{margin-top:44px;border-top:1px solid var(--line);background:var(--soft)}
.foot-in{
  max-width:1080px;margin:0 auto;padding:22px 20px 30px;
  display:flex;gap:18px;flex-wrap:wrap;align-items:baseline;
  font-size:13.5px;color:var(--muted);
}
.foot-in a{color:var(--muted)}
.foot-in .spacer{margin-left:auto}

/* ── телефон ───────────────────────────────────────── */
@media (max-width:820px){
  body{font-size:16px}
  .layout{grid-template-columns:1fr;gap:26px}
  aside.rail{position:static}
  main h1{font-size:29px}
  .dek{font-size:17px}
  article.item h2{font-size:20px}
  .brand{font-size:26px}
  .today{width:100%;margin:4px 0 0}
}

/* гарнитура заголовков */
.brand, main h1, article.item h2, .prev-title, .card h3, .more-head, .feed-item a{font-family:"Segoe UI Semibold","Segoe UI",Tahoma,sans-serif}