/* fira-sans-300 - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/fira-sans-v18-cyrillic_latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-300italic - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/fira-sans-v18-cyrillic_latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-regular - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/fira-sans-v18-cyrillic_latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-italic - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/fira-sans-v18-cyrillic_latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-500 - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/fira-sans-v18-cyrillic_latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-500italic - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/fira-sans-v18-cyrillic_latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-600 - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/fira-sans-v18-cyrillic_latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-600italic - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/fira-sans-v18-cyrillic_latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-700 - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/fira-sans-v18-cyrillic_latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-700italic - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/fira-sans-v18-cyrillic_latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root {
    --paper:        #ffffff;
    --paper-2:      #f6f4ef;
    --ink:          #15120d;
    --ink-2:        #4c463d;
    --muted:        #8a8378;
    --line:         #e7e1d6;
    --line-strong:  #cdc5b6;
    --brand:        #8e1b2e;
    --brand-deep:   #6e1424;
    --brand-tint:   #f7e9eb;
    --up:           #1f9d57;
    --down:         #c60006;
    --footer-bg:    #21252b;
    --footer-fg:    #b6b0a4;

    --max: 1180px;
    --font: 'Fira Sans', Helvetica, Arial, sans-serif;
}

html.dark {
    --paper:        #121110;
    --paper-2:      #1b1a17;
    --ink:          #ece7dd;
    --ink-2:        #b4aea4;
    --muted:        #8f897e;
    --line:         #2b2925;
    --line-strong:  #3b3833;
    --brand:        #ff4d57;
    --brand-deep:   #ff6f78;
    --brand-tint:   #2a1715;
    --up:           #3ad27e;
    --down:         #ff5b64;
    --footer-bg:    #0c0b0a;
    --footer-fg:    #9b958a;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
    font-family: var(--font);
    background: var(--paper);
    color: var(--ink);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    transition: background .2s ease, color .2s ease;
}
::selection { background: var(--brand); color: #fff; }
a { color: inherit; text-decoration: none; transition: color .15s ease; }
a:hover { color: var(--brand); }
img { display: block; max-width: 100%; height: auto; }
.container { max-width: var(--max); margin: 0 auto; padding: 0 24px; }

/* ---------- Масткед ---------- */
header { background: var(--paper); border-bottom: 1px solid var(--line); padding: 22px 0; }
header .container { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
header h1 { line-height: 1; }
header h1 a {
    font-weight: 700; font-size: 38px; letter-spacing: -.03em; color: var(--ink);
    display: inline-flex; align-items: baseline;
}
header h1 a:hover { color: var(--ink); }
header h1 a img, header h1 a svg { height: 66px; width: auto; display: block; }
header h1 a:has(img)::after { content: none; }
header > .container > div:first-child > p {
    font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); margin-top: 6px;
}
.masthead-tools { display: flex; align-items: center; gap: 12px; }

/* поиск */
.search-form { display: flex; align-items: stretch; }
.search-form input {
    font-size: 13px; padding: 9px 13px; width: 210px;
    border: 1px solid var(--line-strong); border-right: none;
    background: var(--paper); color: var(--ink); outline: none; transition: border-color .15s ease;
}
.search-form input::placeholder { color: var(--muted); }
.search-form input:focus { border-color: var(--brand); }
.search-form button {
    font-size: 13px; font-weight: 500; background: var(--ink); color: #fff;
    border: 1px solid var(--ink); padding: 0 16px; cursor: pointer; transition: background .15s ease;
}
.search-form button:hover { background: var(--brand); border-color: var(--brand); }

/* ---------- Переключатель темы (плавающий, без слов) ---------- */
.theme-toggle {
    position: fixed; right: 22px; bottom: 22px; z-index: 200;
    width: 48px; height: 48px; border-radius: 50%;
    background: var(--ink); color: #fff; border: none; cursor: pointer;
    font-size: 19px; line-height: 1; display: flex; align-items: center; justify-content: center;
    box-shadow: 0 6px 18px rgba(0,0,0,.20); transition: transform .15s ease, background .15s ease;
}
.theme-toggle:hover { transform: translateY(-2px); background: var(--brand); }
.theme-toggle span { pointer-events: none; }

/* ---------- Биржевой тикер ---------- */
.ticker-wrap { background: var(--paper-2); border-bottom: 1px solid var(--line); overflow: hidden; width: 100%; }
.ticker-inner { display: flex; width: max-content; animation: ticker-scroll 48s linear infinite; }
.ticker-wrap:hover .ticker-inner { animation-play-state: paused; }
.ticker-item {
    display: flex; align-items: center; gap: 6px; padding: 8px 22px; font-size: 12.5px;
    color: var(--ink-2); white-space: nowrap; border-right: 1px solid var(--line);
}
.ticker-item .t-name { color: var(--ink); font-weight: 600; text-transform: uppercase; letter-spacing: .04em; font-size: 11.5px; }
.ticker-item .t-price { font-weight: 600; font-variant-numeric: tabular-nums; }
.ticker-item .up { color: var(--up); font-weight: 600; }
.ticker-item .down { color: var(--down); font-weight: 600; }
@keyframes ticker-scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

/* ---------- Навигация (1 ряд + дропдаун «ещё») ---------- */
nav { background: var(--paper); border-bottom: 1px solid var(--line); }
body > nav { position: sticky; top: 0; z-index: 40; }
nav .container { display: flex; align-items: stretch; padding: 0 24px; }
.nav-row { display: flex; align-items: center; gap: 2px; flex: 1 1 auto; min-width: 0; overflow-x: clip; overflow-y: visible; white-space: nowrap; }
nav a { font-size: 13.5px; font-weight: 500; color: var(--ink); padding: 13px 14px; position: relative; flex-shrink: 0; }
.nav-row > a:first-child { padding-left: 0; }
.nav-row > a::after {
    content: ''; position: absolute; left: 14px; right: 14px; bottom: -2px; height: 2px;
    background: var(--brand); transform: scaleX(0); transform-origin: left; transition: transform .18s ease;
}
.nav-row > a:first-child::after { left: 0; }
.nav-row > a:hover { color: var(--brand); }
.nav-row > a:hover::after { transform: scaleX(1); }

.nav-more { position: relative; flex: 0 0 auto; display: flex; align-items: center; }
.nav-more.hidden { display: none; }
.nav-more-btn {
    font: inherit; font-size: 15px; font-weight: 600; letter-spacing: .04em;
    background: none; border: none; color: var(--ink); cursor: pointer; padding: 13px 12px; line-height: 1;
}
.nav-more-btn:hover, .nav-more.open .nav-more-btn { color: var(--brand); }
.nav-more-menu {
    position: absolute; right: 0; top: 100%; min-width: 210px;
    background: var(--paper); border: 1px solid var(--line); border-top: 2px solid var(--brand);
    box-shadow: 0 12px 28px rgba(0,0,0,.14); display: none; flex-direction: column; z-index: 60;
}
.nav-more.open .nav-more-menu { display: flex; }
.nav-more-menu a { padding: 11px 16px; font-size: 13.5px; border-bottom: 1px solid var(--line); }
.nav-more-menu a:last-child { border-bottom: none; }
.nav-more-menu a:hover { background: var(--paper-2); color: var(--brand); }

/* пункт с подменю в баре */
.nav-item.has-sub { position: relative; flex-shrink: 0; }
.nav-item.has-sub > a { display: inline-flex; align-items: center; }
.nav-item.has-sub > a .caret { font-size: .7em; margin-left: .3em; }
.nav-item.has-sub > a:hover { color: var(--brand); }

.nav-item.has-sub > .submenu {
    position: absolute; left: 0; top: 100%; min-width: 210px;
    background: var(--paper); border: 1px solid var(--line); border-top: 2px solid var(--brand);
    box-shadow: 0 12px 28px rgba(0,0,0,.14); display: none; flex-direction: column; z-index: 60;
}
.nav-item.has-sub:hover > .submenu,
.nav-item.has-sub:focus-within > .submenu { display: flex; }
.nav-item.has-sub .submenu a { padding: 11px 16px; font-size: 13.5px; border-bottom: 1px solid var(--line); }
.nav-item.has-sub .submenu a:last-child { border-bottom: none; }
.nav-item.has-sub .submenu a:hover { background: var(--paper-2); color: var(--brand); }

/* подменю внутри «⋯»: развёрнуто, со сдвигом */
.nav-more-menu .nav-item.has-sub { display: flex; flex-direction: column; }
.nav-more-menu .nav-item.has-sub > .submenu {
    position: static; display: flex; border: none; border-top: none; box-shadow: none; min-width: 0;
}
.nav-more-menu .nav-item.has-sub .submenu a { padding-left: 30px; }
.nav-more-menu .nav-item .caret { display: none; }

/* ---------- Основная сетка ---------- */
.layout { display: grid; grid-template-columns: 1fr 320px; gap: 48px; padding: 32px 0 8px; }
main { min-width: 0; }

/* ---------- Реклама ---------- */
.advert {
	margin-top: 24px;
}
/* ---------- Карточка материала (лента раздела/статьи) ---------- */
.article-card { display: flex; gap: 22px; align-items: flex-start; padding: 24px 0; border-bottom: 1px solid var(--line); }
.article-card:first-of-type { padding-top: 4px; }
.article-card > div { flex: 1; min-width: 0; }
.article-card img, .article-card .no-img { width: 230px; height: 150px; object-fit: cover; flex-shrink: 0; border-radius: 2px; background: var(--paper-2); }
.kicker { font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--brand); margin-bottom: 8px; display: inline-block; }
.kicker:hover { color: var(--brand-deep); }
.article-card h2 { font-weight: 700; font-size: 21px; line-height: 1.26; letter-spacing: -.01em; margin-bottom: 8px; }
.article-card h2 a:hover { color: var(--brand); }
.article-card .lead { font-size: 15px; color: var(--ink-2); line-height: 1.5; }
.article-card .meta, .meta { font-size: 12px; color: var(--muted); margin-top: 10px; display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.article-card .meta a, .meta a { color: var(--muted); }
.article-card .meta a:hover, .meta a:hover { color: var(--brand); }

.article-card--lead { display: block; padding: 0 0 28px; margin-bottom: 4px; border-bottom: 2px solid var(--ink); }
.article-card--lead img, .article-card--lead .no-img { width: 100%; height: 430px; margin-bottom: 18px; border-radius: 2px; }
.article-card--lead h2 { font-weight: 700; font-size: clamp(26px, 3.4vw, 38px); line-height: 1.14; letter-spacing: -.02em; margin-bottom: 12px; }
.article-card--lead .lead { font-size: 17px; line-height: 1.5; }
.article-card--lead .kicker { font-size: 12px; }

/* бейджи */
.badge-urgent, .badge-pr { font-size: 10px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; padding: 3px 7px; margin-right: 7px; display: inline-block; vertical-align: middle; }
.badge-urgent { background: var(--brand); color: #fff; }
.badge-pr { background: transparent; color: var(--muted); border: 1px solid var(--line-strong); }

/* ---------- Блоки главной ---------- */
.home-section { margin-bottom: 44px; }
.section-head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 18px; padding-bottom: 10px; border-bottom: 2px solid var(--ink); }
.section-head h2 { font-size: 22px; font-weight: 700; letter-spacing: -.01em; display: flex; align-items: center; }
.section-head h2 a:hover { color: var(--brand); }
.section-head--cat h2::before { content: ''; display: inline-block; width: 5px; height: 19px; background: var(--brand); margin-right: 11px; }
.section-head .all-link { font-size: 13px; font-weight: 600; color: var(--brand); white-space: nowrap; }
.section-head .all-link:hover { color: var(--brand-deep); }

/* Последние новости */
.latest-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 36px; }
.latest-item { padding: 15px 0; border-bottom: 1px solid var(--line); }
.latest-item .kicker { margin-bottom: 6px; font-size: 10.5px; }
.latest-item h3 { font-size: 16px; font-weight: 600; line-height: 1.32; }
.latest-item h3 a:hover { color: var(--brand); }

/* Общие части блоков категорий */
.feature .feature-body { padding-top: 14px; }
.feature img, .feature picture img { width: 100%; height: 100%; object-fit: cover; border-radius: 2px; }
.feature h3 { font-weight: 700; line-height: 1.2; letter-spacing: -.01em; font-size: 24px; margin-bottom: 10px; }
.feature h3 a:hover { color: var(--brand); }
.feature .lead { font-size: 15px; color: var(--ink-2); line-height: 1.5; }
.mini-list { display: flex; flex-direction: column; }
.mini { padding: 13px 0; border-bottom: 1px solid var(--line); }
.mini:first-child { padding-top: 0; }
.mini:last-child { border-bottom: none; }
.mini h4 { font-size: 15px; font-weight: 600; line-height: 1.34; }
.mini h4 a:hover { color: var(--brand); }

/* Вариация A — крупный слева, 3 ссылки справа */
.cat-grid--a { display: grid; grid-template-columns: 1.45fr 1fr; gap: 36px; align-items: start; }
.cat-grid--a .feature > a, .cat-grid--a .feature picture, .cat-grid--a .feature { display: block; }
.cat-grid--a .feature .img-wrap, .cat-grid--a .feature > a { aspect-ratio: 16 / 10; display: block; }
.cat-grid--a .feature img { aspect-ratio: 16 / 10; }

/* Вариация C — 3 ссылки слева, крупный справа */
.cat-grid--c { display: grid; grid-template-columns: 1fr 1.45fr; gap: 36px; align-items: start; }
.cat-grid--c .feature img { aspect-ratio: 16 / 10; }

/* Вариация B — крупный горизонтально сверху, 3 в ряд снизу */
.cat-grid--b .feature { display: grid; grid-template-columns: 1.25fr 1fr; gap: 28px; align-items: start; margin-bottom: 22px; padding-bottom: 22px; border-bottom: 1px solid var(--line); }
.cat-grid--b .feature .feature-body { padding-top: 0; }
.cat-grid--b .feature img { aspect-ratio: 16 / 10; }
.cat-grid--b .feature h3 { font-size: 22px; }
.cat-grid--b .mini-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }
.cat-grid--b .mini-row .mini { border-bottom: none; border-top: 2px solid var(--ink); padding: 12px 0 0; }

/* ---------- Сайдбар ---------- */
aside { min-width: 0; }
.sidebar-block { margin-bottom: 36px; }
.sidebar-block h3 { font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ink); padding-bottom: 10px; margin-bottom: 6px; border-bottom: 2px solid var(--brand); }
.sidebar-block ul { list-style: none; }
.sidebar-block ul li { padding: 12px 0; border-bottom: 1px solid var(--line); font-size: 15px; line-height: 1.4; display: flex; justify-content: space-between; gap: 10px; }
.sidebar-block ul li:last-child { border-bottom: none; }
.sidebar-block ul li a:hover { color: var(--brand); }
.cat-count { color: var(--muted); font-size: 12.5px; flex-shrink: 0; }
.sidebar-block--popular ul { counter-reset: pop; }
.sidebar-block--popular ul li { counter-increment: pop; position: relative; padding-left: 34px; }
.sidebar-block--popular ul li::before { content: counter(pop); position: absolute; left: 0; top: 12px; font-weight: 700; font-size: 18px; color: var(--brand); line-height: 1; width: 22px; }

/* ---------- Пагинация ---------- */
.pagination { display: flex; gap: 6px; justify-content: center; padding: 28px 0; flex-wrap: wrap; }
.pagination a, .pagination span { padding: 9px 14px; font-size: 14px; color: var(--ink); border: 1px solid var(--line-strong); background: var(--paper); transition: all .15s ease; }
.pagination a:hover { border-color: var(--brand); color: var(--brand); }
.pagination span.active, .pagination .active span, .pagination [aria-current] { background: var(--ink); color: #fff; border-color: var(--ink); }
.pagination .disabled span { color: var(--muted); opacity: .5; }

/* ---------- Хлебные крошки ---------- */
.breadcrumbs { font-size: 12.5px; color: var(--muted); padding: 6px 0 18px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.breadcrumbs a { padding: 0; color: var(--muted); }
.breadcrumbs a:hover { color: var(--brand); }
.breadcrumbs span { color: var(--line-strong); }

/* ---------- Заголовок раздела ---------- */
.section-title { font-size: 30px; font-weight: 700; letter-spacing: -.02em; color: var(--ink); line-height: 1.15; margin-bottom: 20px; padding-bottom: 14px; border-bottom: 2px solid var(--ink); }

/* ---------- Страница материала ---------- */
.article-full { max-width: 760px; }
.article-full .art-kicker { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--brand); display: inline-block; margin-bottom: 14px; }
.article-full h1 { font-weight: 700; font-size: clamp(27px, 3.6vw, 40px); line-height: 1.16; letter-spacing: -.02em; margin-bottom: 18px; color: var(--ink); }
.article-full .meta { font-size: 13px; color: var(--muted); padding: 14px 0; margin-bottom: 22px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.article-full .meta a { color: var(--brand); font-weight: 600; }
.article-full .lead { font-size: 19px; font-weight: 600; color: var(--ink); line-height: 1.5; margin-bottom: 26px; }
.article-full img { border-radius: 2px; margin: 0 0 26px; width: 100%; height: auto; }
.article-full .body { font-size: 17.5px; line-height: 1.75; color: var(--ink); }
.article-full .body p { margin-bottom: 20px; }
.article-full .body h2, .article-full .body h3 { font-weight: 700; line-height: 1.25; margin: 32px 0 14px; }
.article-full .body h2 { font-size: 24px; }
.article-full .body h3 { font-size: 20px; }
.article-full .body a { color: var(--brand); text-decoration: underline; text-underline-offset: 3px; }
.article-full .body blockquote { border-left: 3px solid var(--brand); padding: 4px 0 4px 22px; margin: 26px 0; font-size: 20px; line-height: 1.45; color: var(--ink-2); }
.article-full .body img { margin: 26px 0; }
.article-full .body ul, .article-full .body ol { margin: 0 0 20px 24px; }
.article-full .body li { margin-bottom: 8px; }
.tags { margin-top: 30px; padding-top: 22px; border-top: 1px solid var(--line); display: flex; flex-wrap: wrap; gap: 8px; }
.tag { font-size: 13px; color: var(--ink-2); background: var(--paper-2); border: 1px solid var(--line); padding: 5px 12px; transition: all .15s ease; }
.tag:hover { background: var(--brand); color: #fff; border-color: var(--brand); }
.read-next-label { font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--brand); margin-bottom: 8px; }

/* ---------- Слайдер ---------- */
.slider { position: relative; overflow: hidden; margin-bottom: 36px; background: var(--ink); border-radius: 2px; }
.slider-track { display: flex; transition: transform .45s cubic-bezier(.4,0,.2,1); }
.slide { min-width: 100%; position: relative; height: 440px; overflow: hidden; }
.slide img { width: 100%; height: 100%; object-fit: cover; }
.slide-content { position: absolute; inset: auto 0 0 0; padding: 36px 40px 32px; background: linear-gradient(transparent, rgba(0,0,0,.2) 30%, rgba(0,0,0,.9)); color: #fff; }
.slide-content .kicker { color: #fff; background: var(--brand); padding: 4px 9px; margin-bottom: 12px; }
.slide-content h2 { font-weight: 700; font-size: 30px; line-height: 1.16; letter-spacing: -.01em; margin-bottom: 10px; max-width: 760px; }
.slide-content h2 a { color: #fff; }
.slide-content h2 a:hover { color: #fff; opacity: .85; }
.slide-content p { font-size: 15px; opacity: .9; margin-bottom: 10px; max-width: 640px; }
.slide-content .meta { color: rgba(255,255,255,.8); }
.slide-content .meta a { color: #fff; }
.slider-btn { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0,0,0,.35); color: #fff; border: none; font-size: 28px; width: 46px; height: 46px; cursor: pointer; z-index: 10; display: flex; align-items: center; justify-content: center; transition: background .15s ease; }
.slider-btn:hover { background: var(--brand); }
.slider-btn.prev { left: 14px; }
.slider-btn.next { right: 14px; }

/* ---------- Подвал ---------- */
footer { background: var(--footer-bg); color: var(--footer-fg); text-align: center; padding: 36px 24px; margin-top: 48px; font-size: 13px; border-top: 3px solid var(--brand); }
.footer-socials { display: flex; justify-content: center; gap: 22px; flex-wrap: wrap; margin-bottom: 16px; }
.footer-socials a { color: var(--footer-fg); display: inline-flex; align-items: center; gap: 6px; }
.footer-socials a:hover { color: #fff; }
.footer-meta { margin-bottom: 12px; display: flex; justify-content: center; align-items: center; gap: 12px; font-size: 12.5px; color: var(--footer-fg); }
.footer-meta a:hover { color: #fff; }

/* ---------- Траур ---------- */
body.mourning { filter: grayscale(100%); }
body.mourning .badge-urgent, body.mourning nav { filter: none; }

/* ---------- Адаптив ---------- */
@media (max-width: 980px) {
    .layout { grid-template-columns: 1fr; gap: 0; padding-top: 24px; }
    aside { border-top: 2px solid var(--ink); margin-top: 28px; padding-top: 26px; }
    .article-card--lead img, .article-card--lead .no-img { height: 300px; }
    .slide { height: 340px; }
}
@media (max-width: 760px) {
    .cat-grid--a, .cat-grid--c { grid-template-columns: 1fr; gap: 20px; }
    .cat-grid--b .feature { grid-template-columns: 1fr; gap: 16px; }
    .cat-grid--b .mini-row { grid-template-columns: 1fr; gap: 0; }
    .cat-grid--b .mini-row .mini { border-top: none; border-bottom: 1px solid var(--line); padding: 13px 0; }
    .latest-grid { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
    .container { padding: 0 16px; }
    nav .container { padding: 0 16px; }
    header .container { flex-wrap: wrap; gap: 16px; }
    header h1 a { font-size: 31px; }
    .search-form { flex: 1; }
    .search-form input { width: 100%; }
    .masthead-tools { flex: 1 1 100%; }
    .article-card { flex-direction: column-reverse; gap: 12px; }
    .article-card img, .article-card .no-img { width: 100%; height: 200px; }
    .article-card--lead img, .article-card--lead .no-img { height: 220px; }
    .slide-content { padding: 24px 20px 22px; }
    .slide-content h2 { font-size: 22px; }
}

.footer-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:24px}
.footer-col{display:flex;flex-direction:column;gap:6px}
@media(max-width:768px){.footer-cols{grid-template-columns:repeat(2,1fr)}}
.footer-col a{opacity:.8}
.footer-col a:hover{opacity:1}

@media (max-width: 760px) {
  .article-card { display: block; }
  .article-card > picture,
  .article-card > img,
  .article-card .no-img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 12px;
  }
}

/* ===================== v1.058: новая главная ===================== */
/* Шапка: плавный серый градиент в цвет страницы */
header{padding:12px 0;background:linear-gradient(180deg,#d6d6da 0%,#f3f3f4 100%);border-bottom:1px solid var(--line)}
html.dark header{background:linear-gradient(180deg,#2a292e 0%,#161517 100%)}
header h1 a img, header h1 a svg{height:46px}

/* Навигация: Главная + «Все рубрики» */
nav .nav-bar{align-items:center;gap:8px}
.nav-bar .nav-home{padding-left:0}
.nav-all-btn{font:inherit;font-size:13.5px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;background:none;border:none;color:var(--brand);cursor:pointer;padding:11px 0 11px 14px;margin-left:auto}
.nav-all-btn:hover{color:var(--brand-deep)}
.nav-panel{display:none;background:var(--paper-2);border-top:1px solid var(--line);padding:10px 0 12px;max-height:70vh;overflow-y:auto}
.nav-panel.open{display:block}
.nav-panel .container{display:flex;flex-wrap:wrap;gap:0 4px}
.nav-panel a{padding:7px 14px 7px 0;font-size:14px}
.nav-panel a.sub{font-weight:400;color:var(--ink-2)}
.nav-panel a:hover{color:var(--brand)}

/* Сетка без боковой колонки */
.layout--full{grid-template-columns:minmax(0,1fr);padding:16px 0 0}

/* Общий элемент «фото + заголовок» */
.row-item{display:flex;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}
.row-item:last-child{border-bottom:none}
.row-item .thumb{flex:0 0 96px;width:96px;height:64px;overflow:hidden;border-radius:2px;background:var(--paper-2);display:block}
.row-item .thumb picture,.row-item .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.row-item>div{min-width:0}
.row-item h3{font-size:14.5px;font-weight:600;line-height:1.3}
.row-item h3 a:hover{color:var(--brand)}
.row-item .meta{margin-top:3px;font-size:11.5px}
.row-item--sm .thumb{flex-basis:72px;width:72px;height:50px}
.row-item--sm h3{font-size:13.5px}

.hp-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-bottom:6px;margin-bottom:4px;border-bottom:2px solid var(--brand)}
.hp-head h2{font-size:17px;font-weight:700}
.hp-head--cat h2::before{content:'';display:inline-block;width:4px;height:15px;background:var(--brand);margin-right:8px;vertical-align:-1px}
.hp-head h2 a:hover{color:var(--brand)}
.hp-head .all-link{font-size:12.5px;font-weight:600;color:var(--brand)}

/* Верх главной: 3 колонки, «Последние» тянутся вниз на 2 ряда */
.home-top{display:grid;grid-template-columns:250px minmax(0,1fr) 290px;grid-template-areas:"pop main latest" "cats cats latest";gap:16px 22px;margin-bottom:22px}
.hp-popular{grid-area:pop}
.hp-main{grid-area:main}
.hp-latest{grid-area:latest;position:relative;min-height:460px;background:var(--paper-2);padding:12px 14px 0}
.hp-latest .hp-head{margin-bottom:0}
.hp-latest-scroll{position:absolute;left:14px;right:14px;top:46px;bottom:0;overflow-y:auto;scrollbar-width:thin}
.hp-cats{grid-area:cats;display:grid;grid-template-columns:1fr 1fr;gap:22px}

.hp-main-img{display:block;aspect-ratio:16/9;overflow:hidden;border-radius:2px;background:var(--paper-2);margin-bottom:10px}
.hp-main-img picture,.hp-main-img img{width:100%;height:100%;object-fit:cover;display:block}
.hp-main h2{font-size:25px;font-weight:700;line-height:1.18;letter-spacing:-.015em;margin-bottom:6px}
.hp-main h2 a:hover{color:var(--brand)}
.hp-main .kicker{margin-bottom:4px}
.hp-main .lead{font-size:14.5px;color:var(--ink-2);line-height:1.45}
.hp-main .meta{margin-top:6px}

/* Остальные рубрики — ленты по две в ряд */
.cat-lanes{display:grid;grid-template-columns:1fr 1fr;gap:20px 22px;margin-bottom:8px}

footer{margin-top:28px;padding:28px 24px}

/* Соцсети в подвале: одинаковые круглые кнопки */
.footer-socials{gap:14px;margin-bottom:18px}
.footer-socials a{width:46px;height:46px;border-radius:50%;justify-content:center;background:rgba(255,255,255,.08);color:#fff}
.footer-socials a:hover{background:var(--brand);color:#fff}
.footer-socials svg{width:24px;height:24px}

.tag{display:inline-block}

@media (max-width:1100px){
    .home-top{grid-template-columns:230px minmax(0,1fr);grid-template-areas:"main main" "pop latest" "cats cats"}
    .hp-latest{min-height:0}
    .hp-latest-scroll{position:static;max-height:420px}
}
@media (max-width:760px){
    .home-top{grid-template-columns:1fr;grid-template-areas:"main" "pop" "latest" "cats"}
    .hp-cats,.cat-lanes{grid-template-columns:1fr}
}

/* ===== Мобильная версия: компактно, 3+ новости на экране ===== */
@media (max-width:680px){
    header{padding:8px 0}
    header .container{flex-wrap:nowrap;gap:12px;align-items:center}
    header h1 a img,header h1 a svg{height:30px}
    header h1 a{font-size:24px}
    .masthead-tools{flex:1 1 auto;min-width:0}
    .search-form{width:100%}
    .search-form input{width:100%;min-width:0;padding:7px 10px;font-size:13px}
    .search-form button{padding:0 10px;font-size:12.5px}
    nav a{padding:9px 12px}
    .nav-all-btn{padding:9px 0 9px 12px}
    .nav-panel .container{flex-direction:column}
    .layout{padding-top:8px}
    .ticker-item{padding:5px 14px}

    .feed .article-card{display:flex;flex-direction:row-reverse;gap:10px;padding:9px 0;align-items:flex-start}
    .feed .article-card:first-of-type{padding-top:0}
    .feed .article-card>picture,.feed .article-card>img,.feed .article-card .no-img{flex:0 0 104px;width:104px;height:72px;margin:0;object-fit:cover}
    .feed .article-card picture img{width:104px;height:72px;object-fit:cover}
    .feed .article-card h2{font-size:15px;line-height:1.28;margin-bottom:3px}
    .feed .article-card .lead{display:none}
    .feed .article-card .meta{margin-top:2px;font-size:11.5px}
    .feed .article-card .badge-urgent,.feed .article-card .badge-pr{font-size:9px;padding:2px 5px}
    footer{margin-top:20px;padding:22px 16px}
}

/* ===== v1.059: видео и фоторепортаж в тексте ===== */
.article-full .body .video-embed{position:relative;aspect-ratio:16/9;margin:26px 0;background:#000;border-radius:2px;overflow:hidden}
.article-full .body .video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;margin:0}
.article-full .body .video-embed--tt{aspect-ratio:9/16;max-width:340px;margin-left:auto;margin-right:auto}
.article-full .body .gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin:26px 0}
.article-full .body .gallery img{width:100%;aspect-ratio:3/2;object-fit:cover;margin:0;display:block;border-radius:2px}
.article-full .body figure{margin:26px 0}
.article-full .body figure img{margin:0}
.article-full .body figcaption:empty{display:none}

/* Главная: центральный баннер растягивается на высоту ряда (нет пустоты под ним) */
@media (min-width:1101px){
    .hp-main{display:flex;flex-direction:column}
    .hp-main-img{position:relative;flex:1 0 auto;max-height:640px}
    .hp-main-img picture,.hp-main-img img{position:absolute;inset:0;width:100%;height:100%}
}

/* Главная: компактные заголовки в боковых колонках */
.home-top .row-item h3{font-size:12.5px}
.meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.25rem 1rem}
.meta .meta-author{margin-left:auto;font-weight:600;color:inherit;text-decoration:none}
.meta .meta-author:hover{text-decoration:underline}
@media (max-width:600px){.meta .meta-author{margin-left:0;flex-basis:100%}}

/* Заголовки блоков главной — ссылки */
.hp-head h2 a { color: inherit; text-decoration: none; }
.hp-head h2 a:hover { text-decoration: underline; }

/* Все рубрики в шапке справа от поиска */
.masthead-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px}
.masthead-tools .nav-all-btn{margin-left:0;padding:0;white-space:nowrap}

/* Мобильный поиск: лупа + выезжающая полоса */
.search-toggle{display:none;background:none;border:none;color:var(--ink);cursor:pointer;padding:6px;line-height:0}
.search-toggle:hover{color:var(--brand)}
@media (max-width:760px){
  header{position:relative}
  .search-toggle{display:inline-flex}
  .masthead-tools{flex:0 0 auto;justify-content:flex-end;gap:6px 12px}
  .masthead-tools .search-form{display:none;position:absolute;left:0;right:0;top:100%;z-index:60;width:auto;padding:10px 16px;background:var(--paper-2);border-bottom:1px solid var(--line);box-shadow:0 6px 12px rgba(0,0,0,.08)}
  .masthead-tools .search-form.open{display:flex}
  .masthead-tools .search-form input{flex:1;font-size:16px;padding:9px 10px}
  .masthead-tools .search-form button{padding:0 14px;font-size:14px}
}

/* Уменьшенные размеры: заголовок, фото и инфографика в тексте */
.article-full h1{font-size:clamp(23px,3vw,33px)}
.article-full .body img{width:auto;max-width:min(480px,100%)}
.article-full .body img[src*="infografika"]{max-width:min(560px,100%)}

/* main-photo-size: full width, limited height (cropped) */
.article-full > picture{display:block}
.article-full > picture > img{width:100%;height:auto;max-height:200px;object-fit:cover;object-position:center 30%}
@media (min-width:761px){
  .article-full > picture > img{max-height:320px}
}

/* breadcrumbs-margin */
.breadcrumbs{margin-bottom:18px}

/* ff-tickers-block */
.ff_tickers{display:flex;align-items:center;min-height:60px;border:1px solid #2d7d2f;margin:24px 0}
.ff_tickers .logo{flex:0 0 auto;height:60px;padding:2px;display:block}
.ff_tickers .logo img{height:100%;width:auto;display:block;margin:0}
.ff_tickers .tickers{flex:1 1 auto;min-width:0;overflow-x:auto;padding-left:15px}
.ff_tickers .tickers ul{display:flex;justify-content:space-between;align-items:center;gap:8px;list-style:none;margin:0;padding:0;min-height:58px}
.ff_tickers .tickers li{padding:0 15px;flex:0 0 auto}
.ff_tickers .title{font-weight:800;font-size:15px;white-space:nowrap}
.ff_tickers .data{display:flex;font-size:14px}
.ff_tickers .value{font-weight:500;white-space:nowrap}
.ff_tickers .change{padding-left:6px;white-space:nowrap}
.ff_tickers .change.up{color:#1a7f1a}
.ff_tickers .change.down{color:#d11}
.ff_tickers .change::before{content:"";display:inline-block;width:5px;height:5px;margin-right:5px;vertical-align:middle;border:solid currentColor;border-width:1.5px 0 0 1.5px;transform:translateY(1px) rotate(45deg)}
.ff_tickers .change.down::before{border-width:0 1.5px 1.5px 0;transform:translateY(-2px) rotate(45deg)}
.ff_tickers .change.up::before{transform:translateY(2px) rotate(45deg)}

/* header-logo-size */
@media (min-width:761px){
  header h1 a img, header h1 a svg{height:60px;width:auto}
}

/* nav-stretch */
@media (min-width:761px){
  .nav-panel.open .container {
  }
  .nav-panel.open .container > a {
    padding-left: 0;
    padding-right: 0;
    flex: 1 1 auto;
    text-align: center;
  }
}
/* PAGE-FULL-WIDTH */
.layout--full .page{max-width:820px}
/* HOME-SIDE-ADVERTS */
.cat-lanes>.advert{grid-column:1/-1}
.advert--home-1,.advert--home-2,.advert--home-3,.advert--side-1,.advert--side-2{margin:16px 0}
.advert--home-1 img,.advert--home-2 img,.advert--home-3 img,.advert--side-1 img,.advert--side-2 img{display:block;max-width:100%;height:auto}
/* READ-ALSO */
.read-also{margin-top:12px}
.read-also .article-card{padding:10px 0}
.read-also .article-card h2{font-size:18px;margin-bottom:4px}
.read-also .article-card .meta{margin-top:4px}

/* MOBILE-BAR: закреплённая полоса ссылок внизу экрана, только телефоны */
.mobile-bar,.mobile-bar-spacer{display:none}
@media (max-width:760px){
    .mobile-bar-spacer{display:block;height:calc(44px + env(safe-area-inset-bottom,0px))}
    .mobile-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:150;background:var(--footer-bg);border-top:1px solid rgba(255,255,255,.14);padding-bottom:env(safe-area-inset-bottom,0px)}
    .mobile-bar a{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;height:44px;padding:0 4px;color:#fff;font-size:12.5px;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .mobile-bar a+a{border-left:1px solid rgba(255,255,255,.1)}
    .mobile-bar a:active{background:var(--brand)}
    .mobile-bar~.theme-toggle{bottom:calc(58px + env(safe-area-inset-bottom,0px))}
}