/* Лонгриды блога на шаблоне: hero, первый экран с источником, главы в карточке, содержание сбоку.
   Компоненты статьи перенесены из старой темы лонгридов в пространство .rd .rd-long:
   стили из push грузятся раньше redesign.css и rd.css, двойной префикс нужен для перевеса. */
.rd .rd-long-hero { gap: 18px; }
.rd .rd-long-hero h1 { font-size: 56px; letter-spacing: -1.8px; max-width: 20ch; }
.rd .rd-long-hero h1 em { font-style: normal; color: #C8412A; }

.rd .rd-long-first { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 24px; align-items: start; padding: 0 var(--gut) 56px; }
.rd .rd-long-dek { margin: 0; max-width: 62ch; font: 400 20px/1.6 var(--f-text); color: var(--ink); }
.rd .rd-long-dek b { font-weight: 600; }
.rd .rd-long-src { background: var(--card); border-radius: 28px; padding: 28px 32px; display: flex; flex-direction: column; gap: 10px; color: var(--ink); text-decoration: none; }
.rd .rd-long-src__t { font: 500 20px/1.25 var(--f-ui); letter-spacing: -.3px; }
.rd .rd-long-src__s { font: 400 14px/1.45 var(--f-text); color: var(--mute); }
.rd a.rd-long-src .rd-long-src__t { color: var(--accent); }
.rd a.rd-long-src:hover { background: var(--accent-soft); }

.rd .rd-long-row { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 24px; align-items: start; padding: 0 var(--gut); }
.rd article.rd-long { background: var(--card); border-radius: 28px; padding: 56px; min-width: 0; font: 400 17px/1.7 var(--f-text); color: var(--ink); container-type: inline-size;
    --paper: #fff; --paper-2: var(--pill); --paper-3: #C9CFD5; --ink-soft: var(--mute); --ink-faint: var(--mute); --line-strong: #B9BEC4;
    --red: #C8412A; --red-deep: #9C2C1B; --blue: #2A4A63; --teal: #3D6657; --ochre: #C0892B; --hot: #B3261E;
    --ease-quint: cubic-bezier(.22,1,.36,1); --ease-expo: cubic-bezier(.16,1,.3,1); }
.rd .rd-long-aside { position: sticky; top: 16px; }
.rd .rd-long-toc ol { margin: 12px 0 0; padding: 0; list-style: none; display: flex; flex-direction: column; }
.rd .rd-long-toc li { margin: 0; padding: 0; list-style: none; }
.rd .rd-long-toc a { display: flex; gap: 10px; align-items: baseline; padding: 7px 0; font: 400 14px/1.35 var(--f-ui); color: var(--ink); text-decoration: none; }
.rd .rd-long-toc a span { flex: none; min-width: 16px; font: 400 11px/1 var(--f-mono); color: var(--mute); }
.rd .rd-long-toc a:hover, .rd .rd-long-toc a.is-active { color: var(--accent); }
.rd .rd-long-toc a.is-active span { color: var(--accent); }

.rd .rd-long-after { display: flex; flex-direction: column; gap: 12px; padding: 24px var(--gut) 96px; }
.rd .rd-long-cta { background: var(--ink); color: #fff; border-radius: 28px; padding: 40px 48px; display: flex; justify-content: space-between; align-items: center; gap: 40px; }
.rd .rd-long-cta .rd-label { color: rgba(255,255,255,.6); }
.rd .rd-long-cta h2 { margin: 10px 0 10px; padding: 0; font: 500 28px/1.2 var(--f-ui); letter-spacing: -.5px; color: #fff; max-width: 30ch; }
.rd .rd-long-cta h2 em { font-style: normal; color: #fff; }
.rd .rd-long-cta p { margin: 0; max-width: 62ch; font: 400 16px/1.5 var(--f-text); color: rgba(255,255,255,.72); }
.rd .rd-long-cta p.rd-long-cta__hint { margin-top: 12px; font: 400 13px/1.45 var(--f-ui); color: rgba(255,255,255,.55); }
.rd .rd-long-cta__hint a { color: inherit; text-decoration: underline; }
.rd .rd-long-cta__btn { flex: none; background: #fff; color: var(--ink); }
.rd .rd-long-cta__btn:hover { background: var(--accent-soft); color: var(--ink); }
.rd .rd-long-support { background: var(--card); border-radius: 24px; padding: 28px 32px; display: flex; justify-content: space-between; align-items: center; gap: 32px; }
.rd .rd-long-support__lead { margin: 0 0 6px; font: 500 18px/1.35 var(--f-ui); color: var(--ink); }
.rd .rd-long-support__fine { margin: 0; font: 400 14px/1.5 var(--f-text); color: var(--mute); max-width: 62ch; }
.rd .rd-long-support__btns { display: flex; flex-wrap: wrap; gap: 8px; flex: none; }
.rd .rd-long-support__note { margin: 10px 0 0; font: 400 13px/1.4 var(--f-ui); }
.rd .rd-long-support__note a { color: var(--accent); }

/* Компоненты статьи из старой темы */
.rd .rd-long .mono{font-family:var(--f-mono);font-weight:500;letter-spacing:.04em;text-transform:uppercase;font-size:.72rem}
.rd .rd-long .chapter__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(30px,4vw,54px)}
.rd .rd-long .chapter__rail{display:none}
.rd .rd-long .chapter__kick{color:var(--ink-faint)}
.rd .rd-long .lede b{color:var(--ink);font-weight:600}
.rd .rd-long .cols{display:grid;grid-template-columns:1fr;gap:clamp(22px,3vw,40px)}
.rd .rd-long .p{max-width:60ch}
.rd .rd-long .figure__cap .figref{color:var(--red-deep);flex:0 0 auto}
.rd .rd-long .manifold{display:block;width:100%;height:auto}
.rd .rd-long .manifold .link{stroke:var(--line-strong);stroke-width:1.3;fill:none;opacity:0}
.rd .rd-long .manifold .node{fill:var(--paper);stroke:var(--blue);stroke-width:1.6}
.rd .rd-long .manifold .node-label{font-family:var(--f-mono);font-size: 12px;fill:var(--ink-soft);text-transform:uppercase;letter-spacing:.03em}
.rd .rd-long .manifold .gcore{fill:var(--red)}
.rd .rd-long .manifold .gtext{font-family:var(--f-text);font-weight:600;font-style:normal;font-size:62px;fill:var(--paper)}
.rd .rd-long .reveal .manifold .link{animation:rl-fade .9s ease forwards}
@keyframes rl-fade{to{opacity:1}}
.rd .rd-long .predicts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-top:8px}
.rd .rd-long .chip .big{font-family:var(--f-ui);font-weight:600;font-size:clamp(2rem,4vw,2.7rem);line-height:1;letter-spacing:-.02em;display:block}
.rd .rd-long .chip .lbl{display:block;margin-top:10px;color:var(--ink-soft);font-size:.95rem;line-height:1.3}
.rd .rd-long .chip .bar{position:absolute;left:0;bottom:0;height:5px;background:var(--red);width:var(--w,60%);transform:scaleX(0);transform-origin:left;transition:transform 1.1s var(--ease-quint)}
.rd .rd-long .reveal .chip .bar{transform:scaleX(1)}
.rd .rd-long .linechart{width:100%;height:auto;display:block;font-family:var(--f-mono)}
.rd .rd-long .linechart .grid{stroke:var(--line);stroke-width:1}
.rd .rd-long .linechart .axis{stroke:var(--ink);stroke-width:1.5}
.rd .rd-long .linechart .lbl{fill:var(--ink-faint);font-size: 12px}
.rd .rd-long .linechart .area{fill:var(--red);opacity:0;transition:opacity 1.1s ease .3s}
.rd .rd-long .linechart .lineH{fill:none;stroke:var(--red);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.rd .rd-long .linechart .lineC{fill:none;stroke:var(--blue);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2 6}
.rd .rd-long .linechart .drawme{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.7s cubic-bezier(.5,0,.2,1)}
.rd .rd-long .reveal .linechart .drawme{stroke-dashoffset:0}
.rd .rd-long .reveal .linechart .area{opacity:.14}
.rd .rd-long .linechart .keyrow text{font-size:12px;fill:var(--ink)}
.rd .rd-long .linechart .endlbl{font-family:var(--f-ui);font-weight:600;font-size:15px}
.rd .rd-long .bars{display:flex;flex-direction:column;gap:20px;margin-top:6px}
.rd .rd-long .bar-row .top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;gap:1rem}
.rd .rd-long .bar-row .name{font-size:.98rem;line-height:1.25;max-width:30ch}
.rd .rd-long .bar-row .name small{display:block;color:var(--ink-faint);font-family:var(--f-mono);font-size:.66rem;letter-spacing:.03em;margin-top:3px;text-transform:uppercase}
.rd .rd-long .bar-row .val{font-family:var(--f-ui);font-weight:600;font-size:1.5rem;font-feature-settings:"tnum"}
.rd .rd-long .bar-fill{position:absolute;left:0;top:0;bottom:0;width:var(--w);transform:scaleX(0);transform-origin:left;transition:transform 1.3s var(--ease-quint)}
.rd .rd-long .bar-fill.red{background:var(--red)}
.rd .rd-long .bar-fill.blue{background:var(--blue)}
.rd .rd-long .bar-fill.faint{background:var(--line-strong)}
.rd .rd-long .reveal .bar-fill{transform:scaleX(1)}
.rd .rd-long .bar-fill::after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,transparent,transparent 9px,rgba(244,244,243,.25) 9px,rgba(244,244,243,.25) 10px)}
.rd .rd-long .matrix-wrap{position:relative}
.rd .rd-long .matrix{display:grid;grid-template-columns:auto 1fr 1fr;grid-template-rows:auto 1fr 1fr;gap:0}
.rd .rd-long .mc{border:1px solid var(--line-strong);padding:clamp(14px,2.4vw,26px);display:flex;flex-direction:column;justify-content:center;min-height:96px;position:relative}
.rd .rd-long .mc.head{background:transparent;border:none;justify-content:flex-end;min-height:0;padding-bottom:14px}
.rd .rd-long .mc.corner{border:none}
.rd .rd-long .mc.rowlabel{border:none;justify-content:center;align-items:flex-end;text-align:right;padding-right:16px}
.rd .rd-long .mc .axislbl{font-family:var(--f-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft)}
.rd .rd-long .mc .axislbl b{color:var(--ink);font-weight:600}
.rd .rd-long .mc.cell .iq{font-family:var(--f-ui);font-weight:600;font-size:clamp(2.2rem,5vw,3.4rem);line-height:1;letter-spacing:-.02em;font-feature-settings:"tnum"}
.rd .rd-long .mc.cell .tag{font-family:var(--f-mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);margin-top:8px}
.rd .rd-long .cell.lvl4{background:#B5371F;color:var(--paper)}
.rd .rd-long .cell.lvl4 .tag{color:rgba(244,244,243,.92)}
.rd .rd-long .cell.lvl3{background:#DC8B6E}
.rd .rd-long .cell.lvl2{background:#E7B79A}
.rd .rd-long .cell.lvl1{background:var(--paper-2)}
.rd .rd-long .matrix-arrows{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}
.rd .rd-long .arrowbox .mono{color:var(--red-deep)}
.rd .rd-long .arrowbox .delta{font-family:var(--f-ui);font-weight:600;font-size:2rem;line-height:1;margin:6px 0 4px;display:block}
.rd .rd-long .arrowbox p{font-size:.92rem;color:var(--ink-soft);line-height:1.4}
.rd .rd-long .brain{width:100%;height:auto;display:block}
.rd .rd-long .brain .blob{fill:var(--paper);stroke:var(--ink);stroke-width:2}
.rd .rd-long .brain .sulci{fill:none;stroke:var(--line-strong);stroke-width:1.4;opacity:.8}
.rd .rd-long .brain .net{stroke:var(--red);stroke-width:2;stroke-dasharray:4 5;opacity:0}
.rd .rd-long .reveal .brain .net{opacity:1;animation:rl-flow 1.3s linear infinite}
@keyframes rl-flow{to{stroke-dashoffset:-18}}
.rd .rd-long .brain .node{fill:var(--paper);stroke:var(--ink);stroke-width:1.8}
.rd .rd-long .brain .node.hot{fill:var(--red);stroke:var(--red-deep)}
.rd .rd-long .reveal .brain .node.hot{animation:rl-pulse 2.4s ease-in-out infinite}
@keyframes rl-pulse{0%,100%{r:9}50%{r:12}}
.rd .rd-long .brain .leader{stroke:var(--ink);stroke-width:1}
.rd .rd-long .brain .reg{font-family:var(--f-mono);font-size:12px;fill:var(--ink);text-transform:uppercase;letter-spacing:.03em;font-weight:500}
.rd .rd-long .eff{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}
.rd .rd-long .eff .e .mono{color:var(--ink-faint)}
.rd .rd-long .eff .e .h{font-family:var(--f-ui);font-size:1.15rem;font-weight:600;margin:8px 0 6px;line-height:1.15}
.rd .rd-long .eff .e p{font-size:.9rem;color:var(--ink-soft);line-height:1.45}
.rd .rd-long .note ul{list-style:none;display:grid;gap:18px}
.rd .rd-long .note li{padding-left:30px;position:relative;max-width:62ch}
.rd .rd-long .note li::before{content:"";position:absolute;left:0;top:.55em;width:14px;height:2px;background:var(--red)}
.rd .rd-long .note li b{font-weight:600}
.rd .rd-long .note li.no::before{background:var(--ink);height:14px;top:.35em;width:2px;left:6px}
.rd .rd-long .note li.no::after{content:"";position:absolute;left:0;top:.35em;width:14px;height:2px;background:var(--ink)}
.rd .rd-long .pull blockquote span{color:var(--red)}
.rd .rd-long .vbar-wrap{max-width:600px;margin:clamp(30px,4.5vw,50px) auto clamp(6px,1.5vw,14px)}
.rd .rd-long .vseg{flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;position:relative}
.rd .rd-long .vseg.s-genes{background:var(--red);color:var(--paper)}
.rd .rd-long .vseg.s-fam{background:var(--paper-3)}
.rd .rd-long .vseg.s-oth{background:var(--paper-2)}
.rd .rd-long .vseg.s-genes b{font-family:var(--f-ui);font-weight:600;font-size:1.55rem;line-height:1;font-feature-settings:"tnum"}
.rd .rd-long .vseg.s-genes span{font-family:var(--f-mono);font-size:.62rem;letter-spacing:.07em;text-transform:uppercase;margin-top:3px}
.rd .rd-long .vlegend{display:flex;flex-wrap:wrap;gap:12px 22px;justify-content:center;margin-top:18px}
.rd .rd-long .vl{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:.72rem;letter-spacing:.02em;text-transform:uppercase;color:var(--ink-soft)}
.rd .rd-long .vl b{color:var(--ink);font-weight:600}
.rd .rd-long .sw.genes{background:var(--red)}
.rd .rd-long .sw.fam{background:var(--paper-3)}
.rd .rd-long .sw.oth{background:var(--paper-2)}
.rd .rd-long .src b{font-weight:600}
.rd .rd-long .r{transition:opacity .7s var(--ease-quint),transform .7s var(--ease-quint)}
html.js .rd .rd-long .r{opacity:0;transform:translateY(16px)}
html.js .rd .rd-long .r.reveal{opacity:1;transform:none}
.rd .rd-long .r.d1{transition-delay:.08s}
.rd .rd-long .r.d2{transition-delay:.16s}
.rd .rd-long .r.d3{transition-delay:.24s}
.rd .rd-long .r.d4{transition-delay:.32s}
html:not(.js) .rd .rd-long .r{opacity:1;transform:none}
html:not(.js) .rd .rd-long .linechart .drawme{stroke-dashoffset:0}
html:not(.js) .rd .rd-long .linechart .area{opacity:.14}
html:not(.js) .rd .rd-long .bar-fill{transform:none}
html:not(.js) .rd .rd-long .chip .bar{transform:none}
html:not(.js) .rd .rd-long .manifold .link{opacity:1}
html:not(.js) .rd .rd-long .brain .net{opacity:1}
@media print{
  .rd .rd-long .r{opacity:1!important;transform:none!important}
  .rd .rd-long .linechart .drawme{stroke-dashoffset:0!important}
  .rd .rd-long .linechart .area{opacity:.14!important}
  .rd .rd-long .bar-fill{transform:none!important}
  .rd .rd-long .chip .bar{transform:none!important}
  .rd .rd-long .manifold .link{opacity:1!important}
  .rd .rd-long .brain .net{opacity:1!important}
}
@media (prefers-reduced-motion:reduce){
  .rd .rd-long *{animation:none!important;transition:none!important}
  .rd .rd-long .r,html.js .rd .rd-long .r{opacity:1;transform:none}
  .rd .rd-long .linechart .drawme{stroke-dashoffset:0}
  .rd .rd-long .linechart .area{opacity:.14}
  .rd .rd-long .bar-fill{transform:none}
  .rd .rd-long .chip .bar{transform:none}
  .rd .rd-long .manifold .link{opacity:1}
  .rd .rd-long .brain .net{opacity:1}
}
@media(max-width:560px){
  .rd .rd-long .matrix-arrows{grid-template-columns:1fr}
  .rd .rd-long .eff{grid-template-columns:1fr}
  .rd .rd-long .matrix{grid-template-columns:minmax(64px,auto) 1fr 1fr}
  .rd .rd-long .mc{padding:11px 9px;min-height:74px}
  .rd .rd-long .mc.head{padding-bottom:8px}
  .rd .rd-long .mc.rowlabel{padding-right:9px}
  .rd .rd-long .mc .axislbl{font-size:.58rem;letter-spacing:.02em}
  .rd .rd-long .mc.cell .iq{font-size:1.85rem}
  .rd .rd-long .mc.cell .tag{font-size:.56rem;margin-top:5px}
}
.rd .rd-long .regress{width:100%;height:auto;display:block}
.rd .rd-long .regress .rl{font-family:var(--f-mono);font-size: 12px;fill:var(--ink-soft);text-transform:uppercase;letter-spacing:.02em}
.rd .rd-long .faq summary::-webkit-details-marker{display:none}
.rd .rd-long .faq[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.rd .rd-long .faq summary:hover{color:var(--red)}
.rd .rd-long .faq[open] .faq__a{animation:rl-faqin .45s ease}
@keyframes rl-faqin{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
.rd .rd-long .faq__a p b{color:var(--ink);font-weight:600}
.rd .rd-long .linechart .lineGf{fill:none;stroke:var(--red);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.rd .rd-long .linechart .lineGc{fill:none;stroke:var(--teal);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.rd .rd-long .chip p,.rd .rd-long .chip b{overflow-wrap:anywhere}
.rd .rd-long .tbl{width:100%;border-collapse:collapse;font-size:.92rem}
.rd .rd-long .tbl th,.rd .rd-long .tbl td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line)}
.rd .rd-long .tbl thead th{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);background:rgba(0,0,0,.02)}
.rd .rd-long .tbl tbody tr:last-child td{border-bottom:none}
.rd .rd-long .tbl td:first-child{font-family:var(--f-mono);font-weight:600}

/* Типографика и сбросы внутри статьи */
.rd .rd-long .mono { font-family: var(--f-mono); font-variant-numeric: tabular-nums; }
.rd .rd-long .wrap { max-width: none; margin: 0; padding: 0; }
.rd .rd-long figure, .rd .rd-long blockquote, .rd .rd-long dl, .rd .rd-long dd, .rd .rd-long h4 { margin: 0; padding: 0; }
.rd .rd-long h3 { padding: 0; margin: 0; font-family: var(--f-ui); font-weight: 500; line-height: 1.2; color: var(--ink); }
.rd .rd-long b, .rd .rd-long strong { font-weight: 600; }
.rd .rd-long a { color: var(--accent); }
.rd .rd-long .chapter { position: relative; padding: 0 0 56px; margin: 0 0 56px; border-bottom: 1px solid var(--line); scroll-margin-top: 16px; }
.rd .rd-long .chapter:last-of-type { margin-bottom: 0; }
.rd .rd-long .chapter__grid { gap: 28px; }
.rd .rd-long .chapter__num { display: block; font: 500 13px/1 var(--f-mono); letter-spacing: .12em; color: var(--accent); margin-bottom: 12px; }
.rd .rd-long .chapter h2 { margin: 0 0 18px; padding: 0; font: 500 30px/1.15 var(--f-ui); letter-spacing: -.6px; color: var(--ink); max-width: 24ch; text-wrap: balance; }
.rd .rd-long h2 em, .rd .rd-long h3 em, .rd .rd-long h4 em { font-style: normal; color: var(--red); }
.rd .rd-long .lede { font: 400 19px/1.6 var(--f-text); color: var(--mute); max-width: 62ch; }
.rd .rd-long .cols { gap: 1em; max-width: 70ch; }
.rd .rd-long .cols > :not(p) { margin-block: .6em; }
.rd .rd-long .p { max-width: 70ch; }
.rd .rd-long .p + .p { margin-top: 1em; }
.rd .rd-long .cols > .p + .p { margin-top: 0; }
.rd .rd-long .cols > *, .rd .rd-long .chapter__grid > * { min-width: 0; }
.rd .rd-long .two, .rd .rd-long .split-text-fig { display: grid; grid-template-columns: minmax(0, 1fr); gap: 28px; }
@container (min-width: 820px) {
  .rd .rd-long .two { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; align-items: start; }
  .rd .rd-long .split-text-fig { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 40px; align-items: center; }
  .rd .rd-long .two .cols, .rd .rd-long .split-text-fig .cols { max-width: none; }
}

/* Рамки старой темы стали плитками шаблона */
.rd .rd-long .figure { position: relative; background: var(--tile); border-radius: 20px; padding: 20px; }
.rd .rd-long .figure::after { content: none; }
.rd .rd-long .figure > svg { display: block; margin-inline: auto; }
.rd .rd-long .figure__cap { display: flex; gap: .8rem; align-items: baseline; margin-top: 12px; color: var(--mute); }
.rd .rd-long .figure__cap p { min-width: 0; font: 400 13px/1.5 var(--f-text); color: var(--mute); }
.rd .rd-long .chip { position: relative; overflow: hidden; background: var(--tile); border-radius: 16px; padding: 18px 18px 16px; }
.rd .rd-long .chip .big { white-space: nowrap; }
.rd .rd-long .chip .big--wide { font-size: clamp(1.6rem, 3.1vw, 2.1rem); }
.rd .rd-long .bar-track { position: relative; overflow: hidden; height: 14px; background: var(--pill); border-radius: 7px; }
.rd .rd-long .mc.cell { border: 0; margin: 2px; border-radius: 12px; }
.rd .rd-long .cell.lvl3 .tag, .rd .rd-long .cell.lvl2 .tag { color: rgba(13, 13, 13, .62); }
.rd .rd-long .arrowbox { background: var(--tile); border-radius: 16px; padding: 16px 18px; }
.rd .rd-long .eff .e { background: var(--tile); border-radius: 16px; padding: 16px; }
.rd .rd-long .figure .chip, .rd .rd-long .figure .arrowbox, .rd .rd-long .figure .eff .e, .rd .rd-long .figure .table-wrap { background: #fff; }
.rd .rd-long .note { position: relative; background: var(--tile); border-radius: 20px; padding: 28px; }
.rd .rd-long .note::before { content: "!"; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; margin-bottom: 14px; border-radius: 50%; background: var(--red); color: #fff; font: 700 18px/1 var(--f-ui); }
.rd .rd-long .chapter h3 { margin: 1.4em 0 .5em; font-size: 20px; letter-spacing: -.3px; }
.rd .rd-long .linechart .endlbl { paint-order: stroke; stroke: var(--tile); stroke-width: 5px; stroke-linejoin: round; }
.rd .rd-long .note h3 { font: 500 22px/1.2 var(--f-ui); letter-spacing: -.3px; margin: 0 0 .6em; }
.rd .rd-long .note ul { margin: 0; padding: 0; }
.rd .rd-long .pull { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 40px 0; text-align: center; }
.rd .rd-long section.pull { margin: 0 0 56px; }
.rd .rd-long .pull blockquote { max-width: 28ch; margin: 0 auto; font: 500 clamp(22px, 2.4vw, 30px)/1.25 var(--f-ui); letter-spacing: -.4px; color: var(--ink); text-wrap: balance; }
.rd .rd-long .pull cite { display: block; margin-top: 1.4em; font-style: normal; color: var(--mute); }
.rd .rd-long .vbar { display: flex; height: 56px; overflow: hidden; background: var(--paper); border-radius: 12px; }
.rd .rd-long .vseg + .vseg { border-left: 2px solid var(--card); }
.rd .rd-long .vl i.sw { width: 13px; height: 13px; border-radius: 3px; flex: 0 0 auto; }
.rd .rd-long .table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; background: var(--tile); border-radius: 16px; }
.rd .rd-long .tbl thead th { background: transparent; color: var(--mute); }
.rd .rd-long .tbl:has(th:nth-child(4)) { min-width: 520px; }
.rd .rd-long .tbl--wide { min-width: 560px; }
.rd .rd-long .bar-row .val { white-space: nowrap; }
.rd .rd-long .predicts { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
.rd .rd-long .predicts:has(> :nth-child(4):last-child) { grid-template-columns: repeat(auto-fit, minmax(max(200px, calc(50% - 7px)), 1fr)); }
.rd .rd-long .chip p, .rd .rd-long .chip b { overflow-wrap: break-word; }

/* Вопросы: шаблонный .faq из rd.css и redesign.css сброшен, остаются линии */
.rd .rd-long .faq-list { margin-top: 10px; border-top: 1px solid var(--line); }
.rd .rd-long .faq { background: none; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; padding: 0; margin: 0; }
.rd .rd-long .faq summary { list-style: none; cursor: pointer; position: relative; padding: 18px 48px 18px 0; font: 500 18px/1.35 var(--f-ui); color: var(--ink); transition: color .2s; }
.rd .rd-long .faq summary::after { content: "+"; position: absolute; right: 4px; top: 50%; transform: translateY(-50%); font: 400 26px/1 var(--f-mono); color: var(--accent); transition: transform .35s; }
.rd .rd-long .faq summary:hover { color: var(--accent); }
.rd .rd-long .faq__a p { padding: 0 48px 20px 0; max-width: 66ch; font: 400 16px/1.6 var(--f-text); color: var(--ink); }
.rd .rd-long .faq__a .tag { display: block; margin-bottom: 8px; font: 500 11px/1.3 var(--f-mono); letter-spacing: .05em; text-transform: uppercase; color: var(--accent); }

/* Источники: светлая плашка вместо тёмного подвала */
.rd .rd-long .foot { margin-top: 56px; padding: 32px; background: var(--tile); border-radius: 20px; font: 400 14px/1.5 var(--f-ui); color: var(--ink); }
.rd .rd-long .foot > .wrap { display: grid; grid-template-columns: minmax(0, 1fr); gap: 28px; }
@container (min-width: 700px) { .rd .rd-long .foot > .wrap { grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: 40px; } }
.rd .rd-long .foot .mono { font: 400 11px/1.2 var(--f-mono); letter-spacing: .07em; text-transform: uppercase; color: var(--mute); }
.rd .rd-long .foot h4 { margin: 12px 0 0; font: 500 24px/1.15 var(--f-ui); letter-spacing: -.4px; color: var(--ink); }
.rd .rd-long .foot h4 em { font-style: normal; color: var(--hot); }
.rd .rd-long .foot .fine { margin-top: 12px; font-size: 13.5px; line-height: 1.6; color: var(--mute); max-width: 60ch; }
.rd .rd-long .sources { display: grid; gap: 12px; margin-top: 6px; }
.rd .rd-long .src { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 14px; padding-bottom: 12px; border-bottom: 1px solid var(--line); font-size: 14px; line-height: 1.45; }
.rd .rd-long .src:last-child { border-bottom: 0; padding-bottom: 0; }
.rd .rd-long .src .yr { font: 500 12px/1.45 var(--f-mono); color: var(--accent); white-space: nowrap; }
.rd .rd-long .src span { color: var(--ink); }
.rd .rd-long .src span span { color: var(--mute); }

/* Ползункам вернуть системный вид: redesign.css снимает с input все свойства */
.rd .rd-long input[type=range] { -webkit-appearance: auto; appearance: auto; display: block; }

@media (max-width: 1280px) {
    .rd article.rd-long { padding: 44px; }
}
@media (max-width: 1024px) {
    .rd .rd-long-hero h1 { font-size: 42px; letter-spacing: -1.2px; }
    .rd .rd-long-first, .rd .rd-long-row { grid-template-columns: minmax(0, 1fr); }
    .rd .rd-long-aside { display: none; }
    .rd .rd-long-cta, .rd .rd-long-support { flex-direction: column; align-items: flex-start; gap: 20px; }
}
@media (max-width: 639px) {
    .rd .rd-long-hero h1 { font-size: 30px; letter-spacing: -.8px; }
    .rd .rd-long-hero h1 br { display: none; }
    .rd .rd-long-first { padding: 0 12px 32px; gap: 16px; }
    .rd .rd-long-dek { font-size: 17px; }
    .rd .rd-long-src { padding: 18px 20px; border-radius: 20px; }
    .rd .rd-long-row { padding: 0 12px; }
    .rd article.rd-long { padding: 22px 16px; border-radius: 20px; font-size: 16px; }
    .rd .rd-long .chapter { padding-bottom: 36px; margin-bottom: 36px; }
    .rd .rd-long .chapter h2 { font-size: 24px; }
    .rd .rd-long .lede { font-size: 17px; }
    .rd .rd-long .figure { padding: 12px; border-radius: 14px; }
    .rd .rd-long .note { padding: 20px 16px; }
    .rd .rd-long .faq summary { font-size: 16px; padding-right: 36px; }
    .rd .rd-long .faq__a p { padding-right: 0; font-size: 15px; }
    .rd .rd-long .foot { padding: 20px 16px; margin-top: 36px; }
    .rd .rd-long .src { grid-template-columns: minmax(0, 1fr); gap: 3px; }
    .rd .rd-long-after { padding: 12px 12px 40px; }
    .rd .rd-long-cta { padding: 24px 20px; border-radius: 20px; }
    .rd .rd-long-cta h2 { font-size: 22px; }
    .rd .rd-long-cta__btn { align-self: stretch; justify-content: center; text-align: center; }
    .rd .rd-long-support { padding: 20px; border-radius: 20px; }
}