/* rd-mob.css — правки Анны по мобильной версии, 06.10.2026 (п.1, 2, 6–11) + единый стиль заголовков разделов (п.8).
   Подключается ПОСЛЕДНИМ (главная — после rd-calm.css, страницы — из metrika.js), поэтому правила с `html body:not(#a):not(#b)` перебивают прежние !important.
   Один источник для: заголовков разделов, витрины «Полезное по теме», подборок «Топ 10» на телефоне, ленты Instagram, шапки «Экспертизы», шрифтов телефона.
   Анимации включает assets/rd-mob.js (класс html.rd-mob-js); без скрипта и при «уменьшить движение» всё видно сразу. */

/* ═══ 8. Заголовки разделов — один стиль: надстрочник (линия + КАПС мелко) + заголовок Tenor Sans одного размера ═══ */
html body:not(#rdm1):not(#rdm2) :is(.section-label,.vt-tag,.rd-ig-lbl,.rdf-tag){
  display:flex!important;align-items:center;gap:12px;margin:0 0 12px!important;font-family:'Jost','DM Sans',sans-serif!important;font-size:12px!important;font-weight:400!important;
  letter-spacing:.22em!important;text-transform:uppercase!important;line-height:1.2!important;color:#4a4a48;text-align:left}
html body:not(#rdm1):not(#rdm2) :is(.section-label,.vt-tag,.rd-ig-lbl,.rdf-tag)::before{content:'';display:block;flex:none;width:30px;height:1px;background:currentColor!important;opacity:1}
html body:not(#rdm1):not(#rdm2) :is(.section-label,.vt-tag,.rd-ig-lbl,.rdf-tag)::after{display:none!important}
html body:not(#rdm1):not(#rdm2) :is(.section-h,.vt-h,.rd-ig-h,.rdf-h2,.rd-faq-h){
  font-family:'Tenor Sans',Georgia,serif!important;font-weight:400!important;font-size:clamp(25px,2.9vw,38px)!important;line-height:1.18!important;letter-spacing:0!important;text-align:left;margin-top:0}
html body:not(#rdm1):not(#rdm2) :is(.section-h,.vt-h,.rd-ig-h,.rdf-h2,.rd-faq-h) em{font:inherit!important;font-style:normal!important;letter-spacing:inherit!important}
/* витрина на страницах-разделах: надстрочник был скрыт — возвращаем, как на главной */
html body .rd-vitrina--compact .vt-tag{display:flex!important}
html body .rd-vitrina .vt-head{margin-bottom:22px}

/* ═══ 6–7. Витрина «Полезное по теме»: обложка → точное название документа → кнопка «скачать» (квадрат в амбре-рамке, стрелка вниз) ═══ */
html body .rd-vitrina .vt-card{flex-direction:column!important;gap:12px!important;flex:0 0 clamp(242px,18.7vw,330px)!important;padding:12px!important}
html body .rd-vitrina .vt-cover{width:100%!important;height:auto!important;aspect-ratio:9/16}
html body .rd-vitrina .vt-kick,html body .rd-vitrina .vt-sub,html body .rd-vitrina .vt-go{display:none!important}
html body .rd-vitrina .vt-body{flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-start;gap:12px}
html body .rd-vitrina .vt-title{display:block;font-family:'Tenor Sans',Georgia,serif;font-weight:400;font-size:clamp(16px,1.15vw,19px);line-height:1.25;color:#F4F4F3;text-decoration:none;margin:0;overflow-wrap:break-word}
html body .rd-vitrina .vt-title:hover{color:#F4CFA0}
/* п.16 (06.10 вечер): название по центру; «скачать» — без рамки, по центру под названием: стрелка вниз с чертой, амбре, мягко подпрыгивает */
html body .rd-vitrina .vt-body{align-items:center;text-align:center}
html body .rd-vitrina .vt-title{text-align:center}
html body .rd-vitrina .vt-dl{margin-top:auto;align-self:center;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border:0;border-radius:0;color:#E8A768;background:transparent;text-decoration:none}
html body .rd-vitrina .vt-dl svg{width:28px;height:28px;animation:vtBounce 1.4s ease-in-out infinite}
html body .rd-vitrina .vt-dl:hover{background:transparent;color:#F4CFA0}
@keyframes vtBounce{0%,100%{transform:translateY(-3px)}50%{transform:translateY(5px)}}
@media(prefers-reduced-motion:reduce){html body .rd-vitrina .vt-dl svg{animation:none}}
html body .rd-vitrina--compact .vt-card{flex:0 0 clamp(209px,15.4vw,264px)!important;padding:8px!important}
html body .rd-vitrina--compact .vt-cover{height:auto!important}
html body .rd-vitrina--compact .vt-title{font-size:clamp(14px,1vw,16px)}
@media(max-width:560px){
  html body .rd-vitrina .vt-card,html body .rd-vitrina--compact .vt-card{flex:0 0 50.6vw!important;padding:8px!important;gap:10px!important}
  html body .rd-vitrina .vt-title,html body .rd-vitrina--compact .vt-title{font-size:14px;line-height:1.25}
  html body .rd-vitrina .vt-dl{width:42px;height:42px}
}

/* ═══ 1. Подборки «Топ 10» на телефоне: карточки друг под другом на всю ширину; на ПК и планшете — как было (лента листается сама) ═══ */
@media(max-width:767px){
  html body section#rd-tops .rd-tops-track{display:flex!important;flex-direction:column!important;overflow:visible!important;gap:18px;cursor:auto;padding:0}
  html body section#rd-tops .rd-tops-track>.rd-top[data-rd-clone]{display:none!important}
  html body section#rd-tops .rd-top{flex:0 0 auto!important;width:100%!important;min-height:0!important;margin:0!important}
  html body section#rd-tops .rd-top-body{padding:24px 18px 18px}
  html body section#rd-tops .rd-top-kicker{font-size:34px}
  html body section#rd-tops .rd-top h3.rd-top-h{font-size:21px;min-height:0;margin:0 0 16px}
  html body section#rd-tops .rd-top-cta{width:100%!important;max-width:none}
  html body section#rd-tops .rd-top-art{height:190px;overflow:hidden}
  html body section#rd-tops .rd-top-art img{transform-origin:50% 60%}
  /* выплывание: карточки по очереди поднимаются снизу, фото медленно приближается */
  html.rd-mob-js section#rd-tops .rd-top{opacity:0;transform:translateY(54px);transition:opacity .8s ease var(--dl,0s),transform .9s cubic-bezier(.2,.7,.2,1) var(--dl,0s)}
  html.rd-mob-js section#rd-tops .rd-top.rd-in{opacity:1;transform:none}
  html.rd-mob-js section#rd-tops .rd-top.rd-in .rd-top-art img{transform:scale(1.14);transition:transform 9s ease-out}
}
@media(max-width:767px) and (prefers-reduced-motion:reduce){
  html.rd-mob-js section#rd-tops .rd-top{opacity:1;transform:none;transition:none}
  html.rd-mob-js section#rd-tops .rd-top.rd-in .rd-top-art img{transform:none;transition:none}
}

/* ═══ 2. Лента Instagram: справа выезжает значок Instagram (родной градиент, приглушённый), за ним заголовок, затем плитки проявляются по очереди ═══ */
html body section#rd-ig-wide{text-align:left}
html body section#rd-ig-wide .rd-ig-lbl{padding:0 clamp(6px,1vw,14px)}
html body section#rd-ig-wide .rd-ig-head{display:flex;align-items:center;gap:clamp(12px,1.6vw,20px);margin:0 0 clamp(18px,2.4vw,28px);padding:0 clamp(6px,1vw,14px);overflow:hidden}
html body section#rd-ig-wide .rd-ig-ico{flex:none;display:flex;align-items:center;justify-content:center;width:clamp(44px,4vw,56px);height:clamp(44px,4vw,56px);border-radius:50%;
  background:linear-gradient(45deg,#E8A768 0%,#D9803F 30%,#B84D6C 65%,#7A4A9B 100%);filter:saturate(.72) brightness(.94);box-shadow:0 4px 12px rgba(20,19,17,.22)}
html body section#rd-ig-wide .rd-ig-ico svg{width:56%;height:56%}
html body section#rd-ig-wide .rd-ig-h{margin:0!important;padding:0!important}
html.rd-mob-js section#rd-ig-wide:not(.rd-ig-go) .rd-ig-ico{opacity:0;transform:translateX(140px)}
html.rd-mob-js section#rd-ig-wide:not(.rd-ig-go) .rd-ig-h{opacity:0;transform:translateX(120px)}
html.rd-mob-js section#rd-ig-wide.rd-ig-go .rd-ig-ico{animation:rdmIgIco .85s cubic-bezier(.2,.7,.2,1) both}
html.rd-mob-js section#rd-ig-wide.rd-ig-go .rd-ig-h{animation:rdmIgH .9s cubic-bezier(.2,.7,.2,1) .4s both}
@keyframes rdmIgIco{0%{opacity:0;transform:translateX(140px) rotate(90deg)}100%{opacity:1;transform:none}}
@keyframes rdmIgH{0%{opacity:0;transform:translateX(120px)}100%{opacity:1;transform:none}}
/* плитки: проявляются по очереди (transition, чтобы не мешать их «дыханию» и подъёму при прокрутке) */
html.rd-mob-js section#rd-ig-wide #ig-lenta a{opacity:0;scale:.94;transition:opacity .7s ease calc(1.1s + var(--k,0)*.14s),scale .8s cubic-bezier(.2,.7,.2,1) calc(1.1s + var(--k,0)*.14s)}
html.rd-mob-js section#rd-ig-wide.rd-ig-go #ig-lenta a{opacity:1;scale:1}
html body section#rd-ig-wide #ig-lenta a:nth-child(1){--k:0}html body section#rd-ig-wide #ig-lenta a:nth-child(2){--k:1}html body section#rd-ig-wide #ig-lenta a:nth-child(3){--k:2}
html body section#rd-ig-wide #ig-lenta a:nth-child(4){--k:3}html body section#rd-ig-wide #ig-lenta a:nth-child(5){--k:4}html body section#rd-ig-wide #ig-lenta a:nth-child(6){--k:5}
@media(prefers-reduced-motion:reduce){
  html.rd-mob-js section#rd-ig-wide .rd-ig-ico,html.rd-mob-js section#rd-ig-wide .rd-ig-h{opacity:1!important;transform:none!important;animation:none!important}
  html.rd-mob-js section#rd-ig-wide #ig-lenta a{opacity:1;scale:1;transition:none}
}

/* ═══ 9. «Экспертиза»: блок выше; слева «Аналитика и инсайды рынка Москвы», справа значок Telegram с подписью — в одну строку (и на телефоне) ═══ */
html body section#articles{padding-top:clamp(26px,3.4vw,44px)!important}
html body section#articles .section-header{display:flex!important;flex-wrap:nowrap!important;justify-content:space-between!important;align-items:flex-end!important;gap:16px!important;margin-bottom:clamp(22px,3vw,32px)}
html body section#articles .section-header>div:first-child{flex:1 1 auto;min-width:0}
html body section#articles .section-header .rd-tg-cta{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:8px;margin:0!important}
html body section#articles .section-h br{display:none}

/* ═══ 10–11. Телефон: шрифты меньше, чем на ПК; блок главной помещается в один экран 390×844; калькулятор ═══ */
@media(max-width:767px){
  html body{font-size:15px}
  html body #articles .rd-tg-ico{width:46px!important;height:46px!important}
  html body #articles .rd-tg-txt{font-size:9.5px;letter-spacing:.1em;padding:4px 7px;white-space:nowrap}
  html body section#articles{padding-bottom:28px!important}
  html body #articles .archive-card{flex-basis:80vw!important}
  html body #articles .archive-card-title,html body #articles .archive-card:first-child .archive-card-title,html body #articles .archive-card[data-idx="0"] .archive-card-title{font-size:18px!important;line-height:1.25!important}
  html body #articles .archive-card .archive-card-img{aspect-ratio:16/8!important}
  html body #articles .archive-card-body{padding:14px 16px 16px!important;gap:8px}
  html body #articles .archive-card-excerpt{font-size:14px!important;-webkit-line-clamp:2!important}
  html body #articles .articles-tabs{margin:14px 0!important}
  html body #articles .art-tab{padding:10px 12px!important}
  html body #articles .rd-arrows{margin:0 0 10px!important}
  html body #articles .rd-search input{padding:12px 16px 12px 44px!important}
}

/* пустой надстрочник калькулятора (текст подставляет скрипт не всегда) — не оставляем одинокую линию */
html body:not(#rdm1):not(#rdm2) #calculator .rdf-tag:empty::after{content:'Ипотечный калькулятор';display:block!important}
html body:not(#rdm1):not(#rdm2) .rdf-tag:empty:not(#calculator .rdf-tag){display:none!important}

/* блоки главной на телефоне помещаются в экран 390×844 (замер — в отчёте) */
@media(max-width:767px){
  html body section#calculator{padding:26px 14px!important}
  html body #calculator .rdf-h2{margin-bottom:6px!important}
  html body section#rd-ig-wide{padding-top:28px!important;padding-bottom:18px!important}
  html body section#rd-ig-wide .rd-ig-note{font-size:12px;margin-top:14px}
  html body section#articles{padding-top:24px!important}
  html body section#okruga{padding-top:30px!important;padding-bottom:30px!important}
  html body section#rd-vitrina{padding-top:30px}
}
@media(max-width:767px){
  html body #site-content section#calculator.rd-calc-vid{padding:18px 12px!important}
  html body #site-content section#rd-ig-wide{padding:26px 6px 14px!important}
  html body #calculator .rdf-brow{padding:7px 10px!important;min-height:0!important;gap:8px}
  html body #calculator .rdf-brow .rdf-brank{width:24px!important;height:24px!important;font-size:13px}
  html body #calculator .rdf-brate,html body #calculator .rdf-bq{margin-bottom:2px!important;font-size:15px}
  html body #calculator .rdf-bname{font-size:13px;line-height:1.2}
  html body #calculator .rdf-desc{display:none}
}
@media(max-width:767px){
  html body section#okruga#okruga{padding-top:22px!important;padding-bottom:22px!important}
  html body section#rd-ig-wide#rd-ig-wide{padding-top:20px!important;padding-bottom:10px!important}
  html body section#rd-ig-wide .rd-ig-note{margin-top:10px;line-height:1.4}
}

/* ═══ п.13 (06.10 вечер): подборки на ПК и планшет-масштабе (≥768) компактнее — три карточки в ряд целиком, вместе с заголовком, в одном экране 1440×900 и 1280×800; без автолистания (три видны сразу) ═══ */
@media(min-width:768px){
  html body section#rd-tops{padding-top:22px!important;padding-bottom:26px!important}
  html body section#rd-tops .section-label{margin-bottom:6px!important}
  html body section#rd-tops .section-h{margin-bottom:14px!important}
  html body section#rd-tops .rd-tops-track{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,24px);overflow:visible!important;cursor:auto;padding:0}
  html body section#rd-tops .rd-tops-track>.rd-top[data-rd-clone]{display:none!important}
  html body section#rd-tops .rd-top{flex:none!important;width:auto!important;min-height:0!important}
  html body section#rd-tops .rd-top-body{padding:18px 18px 14px}
  html body section#rd-tops .rd-top-kicker{font-size:clamp(30px,2.6vw,38px)}
  html body section#rd-tops .rd-top h3.rd-top-h{font-size:clamp(18px,1.6vw,22px);min-height:2.6em;margin:0 0 12px}
  html body section#rd-tops .rd-top-art{height:clamp(120px,12vw,160px)}
}

/* п.14 (06.10 вечер): юридическая строка про Meta под лентой Instagram — очень мелко, серым, минимум отступов (текст не удалён) */
html body section#rd-ig-wide#rd-ig-wide .rd-ig-note{font-size:9.5px!important;line-height:1.25!important;letter-spacing:0!important;color:#707070!important;margin:6px auto 0!important;padding:0 8px!important;max-width:none!important}

/* п.18 (решение Анны 06.10 вечер): обложки мини-продуктов срезаны снизу ровно до низа заголовка (логотип и подзаголовок не видны), окна всех карточек ОДНОЙ пропорции 540:466.
   Срез у каждой свой: --cb — снизу, --ct — сверху, в % высоты файла (недостающее до пропорции добирается срезом сверху). Заголовок обложки виден целиком. Телефон и ПК. */
html body .rd-vitrina .vt-cover,html body .rd-vitrina--compact .vt-cover{aspect-ratio:540/466!important;height:auto!important;overflow:hidden;position:relative}
html body .rd-vitrina .vt-cover img{display:block;width:100%!important;height:auto!important;object-fit:fill!important;transform:translateY(calc(var(--ct,0%) * -1))}
html body .rd-vitrina .vt-cover img[src*="proverka-nedvizhimost"],html body .rd-vitrina .vt-cover img[src*="dogovor-proverka"],html body .rd-vitrina .vt-cover img[src*="obremenenie"],html body .rd-vitrina .vt-cover img[src*="zapret-registracia"],html body .rd-vitrina .vt-cover img[src*="formula-otdelki"],html body .rd-vitrina .vt-cover img[src*="formula-kuhni"],html body .rd-vitrina .vt-cover img[src*="etapy-remonta"]{--cb:17.5%;--ct:34%}
html body .rd-vitrina .vt-cover img[src*="dizayn-proekt"]{--cb:13.7%;--ct:0%}
html body .rd-vitrina .vt-cover img[src*="metod-prioritetov"]{--cb:25.5%;--ct:13.4%}
/* п.18б (07.10, Анна: «остались точки от подзаголовка — закрась чёрным»): у нижнего края окна верхушки букв подзаголовка — чёрная полоса, % высоты окна (масштабируется с обложкой). У «Кухни» выносная «у» заголовка почти касается края — полоса тоньше; у «Дизайна» и «Метода» подзаголовка в окне нет. */
html body .rd-vitrina .vt-cover::after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--sb,.9%);background:#000;pointer-events:none}
html body .rd-vitrina .vt-cover:has(img[src*="formula-kuhni"]){--sb:.7%}
html body .rd-vitrina .vt-cover:has(img[src*="formula-kuhni"])::after{background:linear-gradient(#000,#000) 0 100%/100% 72% no-repeat,linear-gradient(#000,#000) 100% 100%/68% 100% no-repeat}
html body .rd-vitrina .vt-cover:has(img[src*="dizayn-proekt"]),html body .rd-vitrina .vt-cover:has(img[src*="metod-prioritetov"]){--sb:0%}

/* А (06.10 вечер): подборки на телефоне — три карточки и заголовок раздела в одном экране 390×844 / 360×780: без лишних отступов, картинка срезана до полосы */
@media(max-width:767px){
  html body section#rd-tops{padding-top:14px!important;padding-bottom:14px!important}
  html body section#rd-tops .section-label{margin-bottom:4px!important}
  html body section#rd-tops .section-h{margin-bottom:10px!important;font-size:22px!important;line-height:1.15!important}
  html body section#rd-tops .rd-tops-track{gap:8px}
  html body section#rd-tops .rd-top-body{padding:10px 14px 8px}
  html body section#rd-tops .rd-top-kicker{font-size:24px;line-height:1.1;margin:0 0 2px}
  html body section#rd-tops .rd-top h3.rd-top-h{font-size:16px;margin:0 0 8px}
  html body section#rd-tops .rd-top-cta{min-height:42px!important;padding:0 10px!important}
  /* п.34 (06.10 поздний вечер): рубрика = ровно один экран. Картинка добирает высоту до экрана: (высота экрана − всё остальное в рубрике) / 3; «остальное» замерено: 390 — 499 px, 360 — 513 px */
  html body section#rd-tops{--tops-rest:499px}
  html body section#rd-tops .rd-top-art{height:max(34px,calc((100svh - 66px - var(--tops-rest)) / 3))}
}
@media(max-width:374px){html body section#rd-tops{--tops-rest:513px}}

/* ═══ «Аналитика и инсайды» (06.10 вечер): в покое — обложка, рубрика, заголовок, кнопка; первый абзац скрыт. ПК: при наведении абзац раскрывается (высота + проявление 0,45 с), обложка слегка приближается.
   Телефон (наведения нет): абзац раскрыт у карточки в центре ленты (rd-mob.js, IntersectionObserver по горизонтали). Кнопка «Читать дальше» и клик по карточке работают как раньше.
   Высота ленты зарезервирована под раскрытый абзац (padding-bottom у .archive-grid), поэтому блок не прыгает. ═══ */
html body #articles{--an-gap:10px;--an-res:78px}
html body #articles .archive-grid{padding-bottom:var(--an-res)!important}
html body #articles .archive-card .archive-card-excerpt{display:block!important;-webkit-line-clamp:unset!important;overflow:hidden!important;max-height:0!important;opacity:0!important;margin-top:calc(var(--an-gap) * -1)!important;
  transition:max-height .45s cubic-bezier(.22,.9,.28,1),opacity .45s ease,margin-top .45s ease}
html body #articles .archive-card.rd-an-open .archive-card-excerpt{max-height:72px!important;opacity:1!important;margin-top:0!important}
html body #articles .archive-card .archive-card-img img{transition:transform .5s ease}
@media(hover:hover) and (min-width:768px){
  html body #articles .archive-card:hover .archive-card-excerpt{max-height:72px!important;opacity:1!important;margin-top:0!important}
  html body #articles .archive-card:hover .archive-card-img img{transform:scale(1.06)}
}
html body #articles .archive-card.rd-an-open .archive-card-img img{transform:scale(1.04)}
html body #articles .archive-card .archive-card-excerpt{font-size:14px!important;line-height:1.5!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical}
@media(max-width:767px){
  html body #articles{--an-gap:8px;--an-res:74px}
}
@media(prefers-reduced-motion:reduce){html body #articles .archive-card .archive-card-excerpt,html body #articles .archive-card .archive-card-img img{transition:none}}

/* п.10 (находка ревизора 5, 06.10): «Экспертиза» и «Калькулятор» на телефоне ≤ 800 px высотой (390×844: было 880 и 865) — только отступы и интервалы, состав, тексты, шрифты и порядок те же */
@media(max-width:767px){
  html body section#articles{padding-top:12px!important;padding-bottom:12px!important}
  html body #articles > div[style*="border-top"]{padding-top:8px!important}
  html body #articles .articles-top-search{margin-bottom:8px!important}
  html body #articles .articles-tabs{margin:8px 0!important}
  html body #articles .rd-arrows{margin:0 0 4px!important}
  html body #articles .section-label{margin-bottom:6px!important}
  html body #articles .tab-content{padding-bottom:8px!important}
  html body #articles{--an-res:24px}
  html body #site-content section#calculator.rd-calc-vid{padding:8px 12px!important}
  html body #calculator .rdf-wrap{padding:8px 10px!important}
  html body #calculator .rdf-tag{margin-bottom:6px!important}
  html body #calculator .rdf-tool{padding-top:4px!important;padding-bottom:4px!important}
  html body #calculator .rdf-pchip{min-height:32px!important;padding-top:5px!important;padding-bottom:5px!important}
  html body #calculator .rdf-cresults{margin-top:6px!important;padding-top:8px!important;padding-bottom:8px!important}
  html body #calculator .rdf-brow{padding-top:5px!important;padding-bottom:5px!important}
  html body #calculator .rdf-bridge{margin-top:6px!important;padding-top:8px!important;padding-bottom:8px!important}
  html body #calculator .rdf-bbtn{margin-top:6px!important}
}

/* п.36 (06.10 поздний вечер): белое поле между «Полезное по теме» и «Экспертизой» — 58 px вместо 29. Причина (замер): правило ритма
   `#site-content section > *:last-child{margin-bottom:0}` не видит чёрную ленту последней — после неё в разделе стоит <script>, и у ленты остаётся нижний отступ 29 px
   поверх нижнего поля раздела 29 px. Отступ ленты снимаем: остаётся одно поле раздела. */
html body #site-content section#rd-vitrina .vt-strip{margin-bottom:0!important}

/* п.32 + калькулятор (06.10 поздний вечер): рубрика = один экран телефона. На 360×780 калькулятор был 818 px (выше экрана на 38): заголовок 25→21 px (одна строка вместо двух), поля блока «Хотите записаться» чуть уже; текст не убран. Не ниже экрана: min-height */
@media(max-width:767px){html body #site-content section#calculator.rd-calc-vid{min-height:calc(100svh - 66px)}}
@media(max-width:374px){
  html body:not(#rdm1):not(#rdm2) #calculator .rdf-h2{font-size:21px!important;line-height:1.15!important}
  html body #calculator .rdf-bridge{padding-top:6px!important;padding-bottom:6px!important}
}

/* п.30 (06.10 поздний вечер): «Аналитика» на телефоне — лента выплывает снизу при появлении блока, абзац у центральной карточки раскрывается следом (классы ставит rd-mob.js). Без скрипта и при «уменьшить движение» всё сразу раскрыто */
@media(max-width:767px){
  html.rd-mob-js body #articles .archive-grid{transition:opacity .8s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
  html.rd-mob-js body #articles:not(.rd-an-in) .archive-grid{opacity:0;transform:translateY(34px)}
  html.rd-mob-js body #articles:not(.rd-an-live) .archive-card.rd-an-open .archive-card-excerpt{max-height:0!important;opacity:0!important;margin-top:calc(var(--an-gap) * -1)!important}
  html.rd-mob-js body #articles .archive-card .archive-card-excerpt{transition-duration:.7s,.7s,.7s}
}

/* п.36 (Анна: «мне нужно, чтобы его не было»): белого поля между витриной и «Экспертизой» нет — нижнее поле раздела снято */
html body #site-content section#rd-vitrina,html body #site-content section.rd-vitrina{padding-bottom:0!important}

/* ═══ п.32 (06.10, уточнение Анны): рубрика = один экран = высота экрана минус шапка 66 px (390×844 → 778, 360×780 → 714), не больше и не меньше. Размер картинок считается от высоты экрана:
   (экран − 66 − всё остальное в рубрике) / число рядов; «остальное» замерено на 390 и 360. Текст не убирается, пустого фона нет. Только телефон. ═══ */
@media(max-width:767px){
  /* Instagram: плитки 2 в ряд × 3 ряда; остальное 245 px (390) / 284 px (360) */
  html body #site-content section#rd-ig-wide{--ig-rest:212px}
  html body #site-content section#rd-ig-wide #ig-lenta a{aspect-ratio:auto!important;height:max(110px,calc((100svh - 66px - var(--ig-rest)) / 3))!important}
  /* Аналитика: обложка карточки; остальное 564 px */
  html body #articles .archive-card .archive-card-img{aspect-ratio:auto!important;height:max(120px,calc(100svh - 66px - 564px))!important}
  /* Подбор по Москве: карта ужимается/растёт по высоте, пропорции сохраняются; остальное 545 px (390) / 543 px (360) */
  html body #site-content section#okruga .ao-map-wrap{height:calc(100svh - 66px - 525px)}
  html body #site-content section#okruga .ao-map-wrap svg{height:100%}
}
/* калькулятор: «Программа» в один ряд (шрифт 11 px) — на 390 было 789 px, на 360 — 740 px; тексты те же */
@media(max-width:430px){
  html body #calculator .rdf-pchip{font-size:11px!important;padding:5px 6px!important;min-height:30px!important}
  html body #calculator .rdf-progchips{gap:6px!important}
}
@media(max-width:374px){
  html body #calculator .rdf-bbtn{height:44px!important;min-height:0!important}
  html body #calculator .rdf-csum{padding-bottom:4px!important}
  html body #calculator .rdf-field:not(:last-child){margin-bottom:3px!important}
  html body #calculator .rdf-cresults{margin-top:2px!important}
  html body #calculator .rdf-bridge{padding-top:4px!important;padding-bottom:4px!important}
}
@media(max-width:374px){html body #site-content section#rd-ig-wide{--ig-rest:254px}html body #site-content section#okruga .ao-map-wrap{height:calc(100svh - 66px - 523px)}}

/* п.32: «Полезное по теме» на главной (телефон) — карточки и обложки крупнее: 50,6 → 80 vw ширины (следующая карточка выглядывает). Дотянуть рубрику до экрана одной шириной нельзя: обложки одной пропорции 540:466 (решение Анны п.18/27), при 90 vw рубрика 604 из 778 px */
@media(max-width:560px){html body #site-content section#rd-vitrina .vt-grid .vt-card{flex:0 0 80vw!important;width:80vw!important;max-width:none!important}}

/* п.75 (Анна 07.10): пульсация плиток ленты Instagram не работала на главной — rd-pr1.css (п.6) гасил animation у плиток и картинок `!important`. Возвращаем: плитка мягко покачивается, картинка «дышит» (те же ключи, что на странице «Об эксперте»); у каждой свой сдвиг фазы. Клики и ссылки не менялись */
html body #site-content section#rd-ig-wide #ig-lenta a{animation:rdIgBob 8s ease-in-out infinite!important}
html body #site-content section#rd-ig-wide #ig-lenta a img{animation:rdIgBreath 7s ease-in-out infinite!important;object-fit:cover!important}
html body #site-content section#rd-ig-wide #ig-lenta a:nth-child(2){animation-delay:-1.4s!important}html body #site-content section#rd-ig-wide #ig-lenta a:nth-child(3){animation-delay:-2.8s!important}
html body #site-content section#rd-ig-wide #ig-lenta a:nth-child(4){animation-delay:-4.2s!important}html body #site-content section#rd-ig-wide #ig-lenta a:nth-child(5){animation-delay:-5.6s!important}html body #site-content section#rd-ig-wide #ig-lenta a:nth-child(6){animation-delay:-7s!important}
html body #site-content section#rd-ig-wide #ig-lenta a:nth-child(2) img{animation-delay:-1.2s!important}html body #site-content section#rd-ig-wide #ig-lenta a:nth-child(3) img{animation-delay:-2.4s!important}
html body #site-content section#rd-ig-wide #ig-lenta a:nth-child(4) img{animation-delay:-3.6s!important}html body #site-content section#rd-ig-wide #ig-lenta a:nth-child(5) img{animation-delay:-4.8s!important}html body #site-content section#rd-ig-wide #ig-lenta a:nth-child(6) img{animation-delay:-6s!important}
html body #site-content section#rd-ig-wide #ig-lenta a:active{transform:scale(.97)}
@media(prefers-reduced-motion:reduce){html body #site-content section#rd-ig-wide #ig-lenta a,html body #site-content section#rd-ig-wide #ig-lenta a img{animation:none!important}}