/* Страницы исследований и методики (07.11.2026): /biznes/issledovaniya/<slug>/ и /biznes/issledovaniya/kak-my-meryaem/.
   Подключается после site.css и biznes.css: палитра B, синяя обложка .bp-hero, таблицы .tbl и .tbl--cards (на телефоне строки карточками).
   Полоска доли в ячейке: одна ось 0–100%, один цвет --dv-1 (#0069B4, проверен валидатором dataviz на белом и --tint), значение
   всегда написано текстом рядом, поэтому полоска только помогает глазу. */

.rs-hero .bp-hero__in { gap: 14px; }
.rs-hero h1 { max-width: 18em; font-size: clamp(34px, 4.2vw, 56px); }
.rs-demo { padding: 8px 14px; border-radius: var(--r-sm); background: var(--warn-soft); color: var(--ink); font-size: 14px; font-weight: 600; }
.rs-meta { display: flex; flex-wrap: wrap; gap: 10px 32px; margin-top: 6px; font-size: 14.5px; line-height: 1.4; }
.rs-meta dt { color: var(--on-navy-2); }
.rs-meta dd { margin: 2px 0 0; color: #FFFFFF; font-weight: 600; }
.rs-toc { display: flex; flex-wrap: wrap; gap: 8px 10px; margin-top: 10px; }
.rs-toc a { display: inline-block; padding: 7px 12px; border-radius: var(--r-sm); background: var(--navy-2); color: #FFFFFF; font-size: 14.5px; font-weight: 600; line-height: 1.3; transition: background-color .2s; }
.rs-toc a:hover { background: #1D4378; }

.rs-sec h2, .rs-doc__s h2 { font-size: clamp(26px, 2.8vw, 36px); line-height: 1.08; letter-spacing: -.035em; }
.rs-sec > h2 + * { margin-top: 16px; }
.rs-h3 { margin-top: 22px; font-size: 19px; letter-spacing: -.015em; }
.rs-p { max-width: 62ch; margin-top: 12px; font-size: 16px; line-height: 1.55; color: var(--ink-2); }
.rs-what { max-width: 70ch; font-size: 15px; line-height: 1.5; color: var(--ink-2); }
.rs-what b { color: var(--ink); }
.rs-muted { color: var(--muted); }
.rs-two { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 24px clamp(28px, 4vw, 64px); align-items: start; }

/* главное: выводы списком и числа карточками */
.rs-lead { max-width: 78ch; border-top: 2px solid var(--navy); }
.rs-lead li { padding: 12px 0 12px 22px; position: relative; border-bottom: 1px solid var(--line); font-size: 16.5px; line-height: 1.5; }
.rs-lead li::before { content: ""; position: absolute; left: 2px; top: 21px; width: 8px; height: 8px; border-radius: 50%; background: var(--sea); }
.rs-keys { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 12px; margin-top: 24px; }
.rs-keys li { display: grid; align-content: start; gap: 4px; padding: 18px 20px; border-radius: var(--r-lg); background: var(--tint); }
.rs-keys__v { font: 800 40px/1 var(--display); letter-spacing: -.04em; color: var(--navy); }
.rs-keys__l { font-size: 15px; line-height: 1.4; color: var(--ink); }
.rs-keys__ch { font-size: 13.5px; font-weight: 600; color: var(--sea); }
.rs-keys__n, .rs-keys__note { font-size: 13.5px; line-height: 1.4; color: var(--ink-2); }

.rs-facts { margin-top: 14px; border-top: 1px solid var(--line); }
.rs-facts li { padding: 10px 0; border-bottom: 1px solid var(--line); font-size: 15px; line-height: 1.45; color: var(--ink-2); }
.rs-facts b { color: var(--ink); }

/* таблицы: число «n из d (доля), интервал» и полоска доли под ним */
.rs-tbl td { min-width: 150px; font-size: 14.5px; line-height: 1.4; }
.rs-tbl thead th { white-space: normal; }
.rs-n b { font-weight: 700; color: var(--ink); }
.rs-bar { display: block; height: 6px; margin-top: 6px; border-radius: 3px; background: var(--sea-soft); overflow: hidden; }
.rs-bar i { display: block; width: var(--w); height: 100%; border-radius: 0 3px 3px 0; background: var(--dv-1); }
.rs-fn { margin-top: 10px; padding-left: 22px; list-style: decimal; font-size: 13.5px; line-height: 1.45; color: var(--ink-2); }
.rs-fn li { padding-block: 2px; }
.rs-fn li:target { background: var(--sea-soft); }
.rs-tbl .cite a { color: inherit; }
.rs-big { max-width: 70ch; margin-top: 14px; font-size: 17px; line-height: 1.5; }
.rs-big b { font: 800 32px/1 var(--display); letter-spacing: -.03em; color: var(--navy); margin-right: 4px; }

.rs-src { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 8px 28px; }
.rs-src ul { margin-top: 8px; border-top: 2px solid var(--navy); }
.rs-src li { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--line); font-size: 14.5px; }
.rs-src__d { min-width: 0; overflow-wrap: anywhere; }
.rs-src__n { flex: none; color: var(--ink-2); font-variant-numeric: tabular-nums; }

.rs-lim li { position: relative; padding: 9px 0 9px 20px; border-bottom: 1px solid var(--line); font-size: 15px; line-height: 1.5; color: var(--ink-2); }
.rs-lim li::before { content: ""; position: absolute; left: 2px; top: 18px; width: 7px; height: 2px; background: var(--muted); }
.rs-files { margin-top: 12px; }
.rs-files li { display: grid; gap: 2px; padding: 10px 0; border-bottom: 1px solid var(--line); }
.rs-files a { font-weight: 600; color: var(--sea); text-decoration: underline; text-underline-offset: 3px; }
.rs-files span { font-size: 13.5px; color: var(--ink-2); overflow-wrap: anywhere; }

/* методика: разделы текстом */
.rs-doc { padding-block: clamp(32px, 4vw, 56px) clamp(48px, 6vw, 88px); }
.rs-doc__s { max-width: 820px; padding-block: 18px 22px; border-bottom: 1px solid var(--line); scroll-margin-top: calc(var(--hdr-h) + 16px); }
.rs-md { margin-top: 10px; font-size: 16px; line-height: 1.6; color: var(--ink-2); }
.rs-md > * + * { margin-top: 12px; }
.rs-md ul, .rs-md ol { padding-left: 22px; }
.rs-md ul { list-style: disc; }
.rs-md ol { list-style: decimal; }
.rs-md li + li { margin-top: 6px; }
.rs-md b { color: var(--ink); }
.rs-md a { color: var(--sea); text-decoration: underline; text-underline-offset: 3px; }
.rs-md code { padding: 1px 5px; border-radius: var(--r-xs); background: var(--sunk); font-size: .92em; }
.rs-md h3 { font-size: 19px; color: var(--ink); }
.rs-md .tbl-wrap { margin-top: 14px; }

@media (prefers-reduced-motion: reduce) { .rs-toc a { transition: none; } }
@media (max-width: 1080px) {
  .rs-two { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 760px) {
  .rs-meta { gap: 8px 22px; font-size: 14px; }
  .rs-keys__v { font-size: 34px; }
  .rs-tbl td { min-width: 0; }
  .rs-tbl.tbl--cards td::before { display: block; margin-bottom: 2px; }
  .rs-src li { font-size: 14px; }
}