/* ═══════════════════════════════════════════════════════
   «Деловая газета»: каркас (шапка, навигация, подвал) и блоки главной.
   Значения — только через токены (tokens.css). Макет: «Главная — боевые данные».
   ═══════════════════════════════════════════════════════ */

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body.pp {
  margin: 0;
  background: var(--pp-paper);
  color: var(--pp-ink);
  font-family: var(--pp-serif);
  -webkit-font-smoothing: antialiased;
}
.pp a { color: inherit; text-decoration: none; }
.pp a:hover { color: var(--pp-signal); }
.pp :focus-visible { outline: 2px solid var(--pp-signal); outline-offset: 2px; }
.pp h1, .pp h2, .pp h3, .pp p { margin: 0; }
.pp [hidden] { display: none !important; }   /* иначе display из класса перебивает hidden */
.pp-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }   /* только для чтения с экрана */
.pp-skip { position: absolute; left: -10000px; }
.pp-skip:focus { left: var(--pp-s4); top: var(--pp-s4); background: var(--pp-paper); padding: var(--pp-s2) var(--pp-s3); z-index: 10; }
@media (prefers-reduced-motion: reduce) { .pp * { transition: none !important; } }

.pp-wrap { max-width: var(--pp-container); margin: 0 auto; padding-inline: var(--pp-gutter); }

/* ── Служебные подписи ── */
.pp-sans { font-family: var(--pp-sans); }
.pp-kicker {                          /* рубрика: красные прописные */
  font-family: var(--pp-sans); font-size: 12px; font-weight: 600;
  letter-spacing: .08em; text-transform: uppercase; color: var(--pp-signal);
}
.pp-eyebrow { font-family: var(--pp-sans); font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--pp-signal); }
.pp-meta { font-family: var(--pp-sans); font-size: 13px; color: var(--pp-muted); }
.pp-link {                            /* ссылка-действие с красным подчёркиванием */
  font-family: var(--pp-sans); font-size: 14px; font-weight: 600;
  border-bottom: 2px solid var(--pp-signal); padding: 3px 0;
}
.pp-link--start { align-self: flex-start; }   /* отдельной строкой под блоком («Все N материалов») */
.pp-btn {
  display: inline-block; font-family: var(--pp-sans); font-size: 14px; font-weight: 600;
  background: var(--pp-ink); color: var(--pp-paper) !important; padding: 11px 20px; border: 0; cursor: pointer;
}
.pp-btn:hover { background: var(--pp-signal); }
.pp-btn--signal { background: var(--pp-signal); }
.pp-btn--signal:hover { background: var(--pp-signal-dark); }

/* ── Верхняя строка ── */
.pp-topbar {
  display: flex; justify-content: space-between; gap: var(--pp-s2) var(--pp-s4); flex-wrap: wrap;
  padding: 10px 0; font-family: var(--pp-sans); font-size: 13px; color: var(--pp-muted);
}
.pp-topbar-links { display: flex; gap: 20px; }
.pp-topbar-links .pp-cabinet { color: var(--pp-ink); font-weight: 600; }

/* ── Шапка-«марка» ── */
.pp-masthead {
  border-top: 1px solid var(--pp-rule); padding: var(--pp-s5) 0 18px;
  display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center;
}
.pp-masthead-title { font-size: clamp(48px, 7vw, 84px); font-weight: 700; letter-spacing: -.025em; line-height: 1; }
.pp-masthead-tagline { display: block; font-style: italic; font-size: 18px; font-weight: 400; letter-spacing: 0; color: var(--pp-muted); margin-top: 6px; line-height: 1.3; }

/* ── Навигация по рубрикам ── */
.pp-nav {
  display: flex; justify-content: center; flex-wrap: wrap; gap: var(--pp-s2) 26px;
  padding: var(--pp-s3) 0; border-top: var(--pp-rule-head); border-bottom: var(--pp-rule-section);
  font-family: var(--pp-sans); font-size: 14px; font-weight: 600;
}
.pp-nav .pp-nav-accent { color: var(--pp-signal); }

/* ── «Только что» ── */
.pp-ticker {
  display: flex; gap: 10px var(--pp-s4); align-items: baseline; flex-wrap: wrap;
  padding: var(--pp-s3) 0; border-bottom: var(--pp-rule-item); font-family: var(--pp-sans); font-size: 14px;
}
.pp-ticker a { display: flex; gap: var(--pp-s2); align-items: baseline; }
.pp-ticker-date { color: var(--pp-muted); font-size: 13px; }
.pp-ticker-title { font-weight: 500; }

/* ── Главный материал ── */
.pp-lead { display: flex; flex-wrap: wrap; gap: var(--pp-s6) 0; padding: var(--pp-s6) 0; overflow: hidden; }
.pp-lead-main { flex: 2 1 520px; padding-right: var(--pp-s6); display: flex; flex-direction: column; gap: var(--pp-s4); min-width: 0; }
.pp-lead-meta { display: flex; gap: 14px; align-items: baseline; flex-wrap: wrap; }
.pp-lead-title { font-size: clamp(34px, 4.4vw, 58px); line-height: 1.03; font-weight: 700; letter-spacing: -.02em; text-wrap: balance; }
.pp-lead-dek { font-size: 20px; line-height: 1.5; color: var(--pp-body); text-wrap: pretty; max-width: 760px; }
.pp-lead-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: var(--pp-rule-section); border-bottom: var(--pp-rule-item); }
.pp-lead-stat { padding: var(--pp-s4); border-right: var(--pp-rule-item); display: flex; flex-direction: column; gap: 6px; }
.pp-lead-stat:first-child { padding-left: 0; }
.pp-lead-stat:last-child { border-right: 0; padding-right: 0; }
.pp-lead-num { font-size: clamp(24px, 3vw, 40px); font-weight: 700; letter-spacing: -.02em; line-height: 1; }
.pp-lead-stat:first-child .pp-lead-num { color: var(--pp-signal); }
.pp-lead-desc { font-family: var(--pp-sans); font-size: 13px; line-height: 1.4; color: var(--pp-body); }
.pp-actions { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; }
.pp-side { flex: 1 1 280px; padding-left: var(--pp-s6); margin-left: -1px; border-left: var(--pp-rule-item); display: flex; flex-direction: column; min-width: 0; }
.pp-side-item { display: flex; flex-direction: column; gap: var(--pp-s2); padding: 18px 0; border-bottom: var(--pp-rule-item); }
.pp-row { display: flex; justify-content: space-between; gap: 10px; }
.pp-row .pp-meta { font-size: 12px; }
.pp-side-title { font-size: 22px; font-weight: 600; line-height: 1.18; }

/* ── Разделы ── */
.pp-section { padding: 40px 0; border-top: var(--pp-rule-section); display: flex; flex-direction: column; gap: 20px; }
.pp-section-head { display: flex; justify-content: space-between; align-items: baseline; gap: var(--pp-s4); flex-wrap: wrap; }
.pp-h2 { font-size: 36px; font-weight: 700; letter-spacing: -.02em; }
.pp-h2--sm { font-size: 28px; letter-spacing: -.015em; }
.pp-section-note { font-family: var(--pp-sans); font-size: 14px; color: var(--pp-body); max-width: 420px; line-height: 1.5; }

/* ── Цифры, которые мы проверили ── */
.pp-figures-section { padding: 20px 0 28px; gap: var(--pp-s4); }
.pp-figures { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); gap: 0 28px; }
.pp-figure { border-top: var(--pp-rule-head); padding: 14px 0 6px; display: flex; flex-direction: column; gap: 6px; }
.pp-figure-num { font-size: 38px; font-weight: 700; letter-spacing: -.02em; line-height: 1; }
.pp-figure-desc { font-family: var(--pp-sans); font-size: 14px; line-height: 1.4; color: var(--pp-body); }
.pp-figure-src { font-family: var(--pp-sans); font-size: 12px; font-style: italic; color: var(--pp-muted); }

/* ── Свежие материалы ── */
.pp-feed-head { border-bottom: var(--pp-rule-head); padding-bottom: var(--pp-s3); }
.pp-filters { display: flex; gap: var(--pp-s1); flex-wrap: wrap; font-family: var(--pp-sans); }
.pp-filter {
  font: 600 14px var(--pp-sans); padding: 7px 14px; cursor: pointer; border-radius: 0;
  border: 1px solid var(--pp-ink); background: var(--pp-paper); color: var(--pp-ink);
}
.pp-filter[aria-pressed="true"] { background: var(--pp-ink); color: var(--pp-paper); }
.pp-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 290px), 1fr)); gap: 0 var(--pp-s6); }
.pp-card { display: flex; flex-direction: column; gap: 10px; padding: 18px 0 var(--pp-s5); border-top: var(--pp-rule-item); }
.pp-card-title { font-size: 21px; font-weight: 600; line-height: 1.2; text-wrap: pretty; }
.pp-card-lead { font-size: 16px; line-height: 1.5; color: var(--pp-body); }
.pp-card-pdf { font-family: var(--pp-sans); font-size: 12px; font-weight: 600; margin-top: auto; }

/* ── Каталог PDF (обложки) ── */
.pp-shelf { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 190px), 1fr)); gap: var(--pp-s5); }
.pp-shelf-item { display: flex; flex-direction: column; gap: 10px; }
.pp-cover {
  aspect-ratio: 210 / 297; border: 1px solid var(--pp-ink); padding: 14px; background: var(--pp-paper);
  display: flex; flex-direction: column; gap: var(--pp-s2); box-shadow: 4px 4px 0 var(--pp-ink); max-width: 100%;
}
.pp-shelf-item:hover .pp-cover { box-shadow: 4px 4px 0 var(--pp-signal); }
.pp-cover-head { display: flex; justify-content: space-between; align-items: baseline; gap: 6px; border-bottom: 2px solid var(--pp-ink); padding-bottom: 5px; }
.pp-cover-brand { font-size: 13px; font-weight: 700; }
.pp-cover-month, .pp-cover-cat { font-family: var(--pp-sans); font-size: 8px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.pp-cover-cat { color: var(--pp-signal); margin-top: 18px; }
.pp-cover-title { font-size: 16px; font-weight: 700; line-height: 1.1; letter-spacing: -.01em; }
.pp-cover-foot { margin-top: auto; border-top: 2px solid var(--pp-ink); padding-top: 6px; display: flex; flex-direction: column; gap: 2px; }
.pp-cover-num { font-size: 20px; font-weight: 700; line-height: 1; color: var(--pp-signal); }
.pp-cover-numdesc { font-family: var(--pp-sans); font-size: 8px; line-height: 1.3; color: var(--pp-body); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.pp-shelf-title { font-family: var(--pp-sans); font-size: 13px; font-weight: 500; line-height: 1.35; }

/* ── Рубрики ── */
.pp-rubrics { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: 0 var(--pp-s6); }
.pp-rubric { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--pp-s1) var(--pp-s4); padding: var(--pp-s4) 0; border-top: var(--pp-rule-head); align-items: baseline; }
.pp-rubric-name { font-size: 22px; font-weight: 700; }
.pp-rubric-count { font-family: var(--pp-mono); font-size: 13px; color: var(--pp-signal); }
.pp-rubric-desc { grid-column: 1 / -1; font-family: var(--pp-sans); font-size: 14px; color: var(--pp-muted); line-height: 1.4; }

/* ── Серии ── */
.pp-series { flex-direction: row; flex-wrap: wrap; gap: var(--pp-s6) var(--pp-s7); }
.pp-series-intro { flex: 1 1 300px; display: flex; flex-direction: column; gap: 14px; }
.pp-series-intro .pp-h2 { line-height: 1.08; }
.pp-series-text { font-size: 17px; line-height: 1.55; color: var(--pp-body); }
.pp-series-table { flex: 2 1 520px; display: flex; flex-direction: column; font-family: var(--pp-sans); min-width: 0; }
.pp-series-row { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.3fr) 110px; gap: var(--pp-s4); padding: var(--pp-s3) 0; border-bottom: var(--pp-rule-item); align-items: baseline; }
.pp-series-row--head { padding: 0 0 10px; border-bottom: var(--pp-rule-head); font-size: 12px; font-weight: 600; color: var(--pp-muted); }
.pp-series-name { font-family: var(--pp-serif); font-size: 18px; font-weight: 600; }
.pp-series-src { font-size: 13px; color: var(--pp-muted); }
.pp-series-cycle { font-size: 13px; font-weight: 500; }
@media (max-width: 560px) { .pp-series-row { grid-template-columns: minmax(0, 1fr) auto; } .pp-series-src { grid-column: 1 / -1; grid-row: 2; } }

/* ── Принципы и пример ── */
.pp-principles { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); border-top: var(--pp-rule-head); }
.pp-principle { padding: 22px var(--pp-s5) var(--pp-s2); border-right: var(--pp-rule-item); display: flex; flex-direction: column; gap: var(--pp-s2); }
.pp-principle:first-child { padding-left: 0; }
.pp-principle:last-child { border-right: 0; padding-right: 0; }
.pp-principle-name { font-size: 22px; font-weight: 700; }
.pp-principle-text { font-size: 17px; line-height: 1.5; color: var(--pp-body); }
.pp-example { background: var(--pp-tint); border-top: 2px solid var(--pp-ink); padding: 22px 26px; display: flex; flex-direction: column; gap: var(--pp-s3); }
.pp-example-text { font-size: 18px; line-height: 1.55; color: var(--pp-ink); max-width: 920px; }
.pp-chips { display: flex; gap: var(--pp-s2); flex-wrap: wrap; font-family: var(--pp-mono); font-size: 12px; }
.pp-chip { border: 1px solid var(--pp-ink); padding: 3px var(--pp-s2); }

/* ── Регистрация ── */
.pp-subscribe {
  border-top: var(--pp-rule-section); border-bottom: var(--pp-rule-head); padding: 36px 0;
  display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); gap: var(--pp-s5) var(--pp-s7); align-items: center;
}
.pp-subscribe-title { display: block; font-size: 32px; font-weight: 700; line-height: 1.15; letter-spacing: -.015em; }
.pp-subscribe-text { font-size: 17px; color: var(--pp-body); margin-top: var(--pp-s2); }
.pp-subscribe-form { display: flex; flex-wrap: wrap; font-family: var(--pp-sans); }
.pp-subscribe-form input {
  flex: 1; min-width: 200px; border: 1px solid var(--pp-ink); padding: 14px var(--pp-s4); font: 15px var(--pp-sans);
  border-radius: 0; background: var(--pp-paper); color: var(--pp-ink);
}
.pp-subscribe-form .pp-btn { font-size: 15px; padding: 14px var(--pp-s5); border: 1px solid var(--pp-signal); }


/* ═══ Внутренние страницы: контейнер, шапка, подвал (макеты «Шапка» и «Подвал») ═══ */
.pp-container { max-width: var(--pp-container); margin: 0 auto; padding-inline: var(--pp-gutter); }

.ih { position: relative; z-index: 20; background: var(--pp-paper); font-family: var(--pp-sans); }
.ih-mark { font-family: var(--pp-serif); font-size: 30px; font-weight: 700; letter-spacing: -.02em; line-height: 1; white-space: nowrap; color: var(--pp-ink); }
.ih-top { display: flex; align-items: center; justify-content: space-between; gap: var(--pp-s4); padding: 14px 0 12px; }
.ih-brand { display: flex; align-items: baseline; gap: 14px; min-width: 0; }
.ih-tagline { font-family: var(--pp-serif); font-style: italic; font-size: 15px; color: var(--pp-muted); white-space: nowrap; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.ih-links { display: flex; align-items: center; gap: 20px; font-size: 14px; font-weight: 600; flex-shrink: 0; }
.pp .ih-cabinet { background: var(--pp-ink); color: var(--pp-paper); padding: 9px 16px; }
.pp .ih-cabinet:hover { background: var(--pp-signal); color: var(--pp-paper); }
.ih-nav { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 24px; border-top: var(--pp-rule-head); border-bottom: var(--pp-rule-head); font-size: 14px; font-weight: 600; }
.ih-nav a { padding: 11px 0 9px; border-bottom: 2px solid transparent; }
.pp .ih-nav a[aria-current="page"] { color: var(--pp-signal); border-bottom-color: var(--pp-signal); }
.ih-gap { flex: 1; }
.pp .ih-nav .ih-catalog { color: var(--pp-signal); }
.ih-phone { display: none; }
.ih-phone-bar { display: flex; align-items: center; justify-content: space-between; gap: var(--pp-s3); min-height: 60px; padding: 0 var(--pp-s4); border-bottom: var(--pp-rule-head); }
.ih-phone .ih-mark { font-size: 25px; }
.ih-menu-btn { display: flex; align-items: center; gap: 10px; min-height: 44px; min-width: 44px; padding: 0 0 0 12px; border: 0; background: none; font-family: inherit; font-size: 15px; font-weight: 600; color: var(--pp-ink); cursor: pointer; }
.ih-burger { display: flex; flex-direction: column; gap: 5px; width: 22px; }
.ih-burger span { height: 2px; background: var(--pp-ink); }
.ih-menu { position: absolute; top: 100%; left: 0; right: 0; height: calc(100vh - 61px); overflow-y: auto; background: var(--pp-paper); border-bottom: var(--pp-rule-section); display: flex; flex-direction: column; padding: 8px 16px 28px; }
.ih-menu-head { font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--pp-muted); padding: 22px 0 6px; }
.ih-menu-head--red { color: var(--pp-signal); padding-top: 14px; }
.ih-menu-rubric { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; min-height: 48px; padding: 12px 0; border-bottom: var(--pp-rule-item); font-family: var(--pp-serif); font-size: 20px; font-weight: 600; line-height: 1.2; }
.ih-menu-count { font-family: var(--pp-sans); font-size: 13px; font-weight: 400; color: var(--pp-muted); font-variant-numeric: tabular-nums; }
.ih-menu-link { min-height: 48px; display: flex; align-items: center; border-bottom: var(--pp-rule-item); font-size: 16px; font-weight: 500; }
.pp .ih-menu-link--red { font-weight: 600; color: var(--pp-signal); }
.ih-menu-actions { display: flex; gap: 10px; margin-top: 24px; }
.pp .ih-menu-cabinet { flex: 1; display: flex; align-items: center; justify-content: center; min-height: 48px; background: var(--pp-ink); color: var(--pp-paper); font-size: 15px; font-weight: 600; }
.ih--float { display: none; }
@media (max-width: 1023px) {
  .ih-desk { display: none; }
  .ih-phone { display: block; }
  /* Полоса с маркой и «Меню» всегда сверху (просьба владельца 28.10.2026) */
  .ih { position: sticky; top: 0; }
  .ih--float { display: block; position: fixed; left: 0; right: 0; top: 0; transform: translateY(-100%); visibility: hidden; transition: transform .2s ease, visibility 0s .2s; }
  .ih--float.is-shown { transform: none; visibility: visible; transition: transform .2s ease; }
  html { scroll-padding-top: 72px; }
}

.if { font-family: var(--pp-sans); font-size: 14px; color: var(--pp-body); }
.if-cols { border-top: var(--pp-rule-section); padding: 28px 0 24px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: 28px 32px; }
.if-col { display: flex; flex-direction: column; gap: var(--pp-s2); }
.if-brand { font-family: var(--pp-serif); font-size: 26px; font-weight: 700; letter-spacing: -.02em; color: var(--pp-ink); line-height: 1; margin-bottom: 2px; }
.if-head { font-weight: 600; color: var(--pp-ink); }
.if-muted { color: var(--pp-muted); line-height: 1.5; }
.if-bottom { border-top: var(--pp-rule-item); padding: 14px 0 36px; display: flex; justify-content: space-between; gap: 8px 24px; flex-wrap: wrap; font-size: 13px; color: var(--pp-muted); }

/* Хлебные крошки внутренних страниц */
.ar-crumbs { padding: 14px 0 0; font-family: var(--pp-sans); font-size: 13px; line-height: 1.5; color: var(--pp-muted); }
.ar-crumbs ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 2px 8px; }
.ar-crumbs li { display: flex; gap: 8px; }
.ar-crumbs li[aria-current] { color: var(--pp-ink); }