@import url("/assets/fonts/site-fonts.css");
/* rd-calm.css — приглушённая палитра сайта (правка Анны 05.10: «все картинки приглушены, никаких ярких цветов, оранжевые кнопки в одном цвете»).
   Один источник: яркость/насыщенность картинок, цвет значков мессенджеров, свечения, единый градиент оранжевых кнопок.
   Подключается на главной и на страницах (через assets/rd-header.js / metrika.js). Не трогает логотип, аватар Люмеи и интерфейсные иконки (svg). */
:root{--calm-amber:linear-gradient(115deg,#E8A768 0%,#D9803F 50%,#C06A30 100%);--calm-img:brightness(.9) saturate(.85)}
/* все фото, обложки, плитки и видео-фоны — единый мягкий фильтр, кроме логотипа и аватара Люмеи */
html body img:not([src*="ar-mono"]):not([src*="ar-logo"]):not([src*="ar-emblem"]):not([src*="lumea"]):not([src*="wechat-qr"]):not([src*="favicon"]):not(.nav-logo-mark img):not(#lumea-wrap img):not(.modal-logo):not(.lg-emblem img),
html body video{filter:var(--calm-img)}
/* где у картинки уже есть свой, более сильный фильтр (серые плитки ленты, обложки витрины), оставляем его: специфичность выше у тех правил */
/* значки мессенджеров: узнаваемы, но тише */
html body .nav-soc,html body .rd-qc-soc,html body .rdcf-ch button .ic,html body #articles .rd-tg-ico{filter:saturate(.72) brightness(.92)}
/* свечения тише */
html body .nav-soc,html body .rd-qc-soc{box-shadow:0 2px 8px rgba(20,19,17,.25)}
/* оранжевые кнопки форм/калькулятора — тот же единый градиент */
html body .rdf-submit,html body .rdf-bbtn,html body .rdf-chip.on,html body .rdf-pchip.active,html body .btn-amber{background:var(--calm-amber)!important;color:#000!important;border-color:transparent!important}
html body .rdf-submit:hover,html body .rdf-bbtn:hover{filter:brightness(1.05)}


/* ═══ Сверка 06.10 (п.9, 38, 48, 49): общие шрифты Tenor Sans/Jost, амбре вместо золота, читалка статьи и WeChat в новом стиле ═══ */
/* Страница, которая подключает только rd-calm.css (статьи), тоже получает объявления Tenor Sans/Jost: файл шрифтов тот же, что на всём сайте */
@keyframes calmShine{0%{background-position:160% 0,0 0}60%,100%{background-position:-60% 0,0 0}}
@keyframes calmGlow{0%,100%{box-shadow:0 0 8px rgba(217,128,63,.22),0 4px 12px rgba(20,19,17,.14)}50%{box-shadow:0 0 16px rgba(232,167,104,.34),0 5px 14px rgba(20,19,17,.16)}}

/* главная: 4 кнопки первого экрана и строки банков калькулятора — были в DM Sans */
html body #hero#hero#hero .hero-act,html body #hero#hero#hero .hero-act *,
html body :is(#rd-form,#articles,#subscribe-widget,#market-news-list) :is(div,span,a,b,label,button,option,select,input,p,li){font-family:'Jost',sans-serif!important}
html body :is(.about-new-content,.about-story,.about-photo-badge,.about-swipe-capsule) :is(div,span,a,p,strong,em){font-family:'Jost',sans-serif!important}

/* статьи (страницы со своей заявкой .zayavka / подвалом .podval): шрифты — Tenor Sans (заголовки) + Jost (текст), золото — амбре, строгие углы */
html:has(.zayavka,.svyaz-blok),html:has(.podval){--gold:#D9803F;--gold2:#E8A768;--zoloto:#D9803F;--zoloto2:#E8A768;--bd:rgba(217,128,63,.2)}
html:has(.zayavka,.svyaz-blok) body *,html:has(.podval) body *{font-family:'Jost',sans-serif!important}
html:has(.zayavka,.svyaz-blok) body :is(h1,h2,h3,h4,.brand,.brand em,.cifra,.cta-h,.stat-n,.num),
html:has(.podval) body :is(h1,h2,h3,h4,.brand,.brand em,.cifra,.cta-h,.stat-n,.num){font-family:'Tenor Sans',Georgia,serif!important;font-weight:400!important}
html:has(.zayavka,.svyaz-blok) body [style*="C9AA7B"],html:has(.podval) body [style*="C9AA7B"],
html:has(.zayavka,.svyaz-blok) body [style*="c9aa7b"],html:has(.podval) body [style*="c9aa7b"]{color:#C06A30!important;border-color:rgba(217,128,63,.35)!important;border-radius:0!important}
/* жёстко прописанные золотые рамки/тени в стилях статей (не через var) */
html:has(.zayavka,.svyaz-blok) body .ogl a{border-bottom-color:rgba(192,106,48,.6)!important}
html:has(.zayavka,.svyaz-blok) body .docs li,html:has(.zayavka,.svyaz-blok) body .cta{border-color:rgba(217,128,63,.2)!important}
html:has(.zayavka,.svyaz-blok) body .docs li{border-bottom-color:rgba(217,128,63,.15)!important}
html:has(.zayavka,.svyaz-blok) body .cta{background:linear-gradient(135deg,rgba(217,128,63,.14),rgba(217,128,63,.05))!important}
html:has(.zayavka,.svyaz-blok) body :is(a.btn,button.btn){background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.26) 50%,transparent 60%),linear-gradient(115deg,#E8A768 0%,#D9803F 50%,#C06A30 100%)!important;background-size:260% 100%,100% 100%!important;background-repeat:no-repeat!important;color:#000!important;border:0!important;border-radius:0!important;animation:calmShine 3.6s ease-in-out infinite,calmGlow 3.6s ease-in-out infinite!important}
html:has(.zayavka,.svyaz-blok) body .btn2:hover{border-color:#D9803F!important;color:#D9803F!important}
html:has(.zayavka,.svyaz-blok) body .top img{filter:drop-shadow(0 3px 16px rgba(217,128,63,.2))!important}
html:has(.zayavka,.svyaz-blok) body :is(.zayavka,.listovka,.zayavka input,.lst-glav,.cta,.cta a,.zayavka button,a.perehvat,[style*="border-radius"]){border-radius:0!important}
html:has(.zayavka,.svyaz-blok) body :is(.zayavka button,.lst-glav,.cta a,.zp-btn,a.perehvat){
  background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.26) 50%,transparent 60%),linear-gradient(115deg,#E8A768 0%,#D9803F 50%,#C06A30 100%)!important;
  background-size:260% 100%,100% 100%!important;background-repeat:no-repeat!important;color:#000!important;border:0!important;font-weight:600!important;
  animation:calmShine 3.6s ease-in-out infinite,calmGlow 3.6s ease-in-out infinite}
html:has(.zayavka,.svyaz-blok) body :is(.zayavka button,.lst-glav,.cta a,a.perehvat):hover{background-color:transparent!important;filter:brightness(1.04)}
@media(prefers-reduced-motion:reduce){html:has(.zayavka,.svyaz-blok) body :is(.zayavka button,.lst-glav,.cta a,a.perehvat){animation:none}}

/* окно WeChat на всех страницах — как остальные служебные формы: молочно-серое, чёрный текст, строгие углы, логотип, амбре */
html body #wechat-modal{background:rgba(20,19,17,.74)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
html body #wechat-modal>div{background:#F4F4F3!important;border:1px solid #CFCFCC!important;border-radius:0!important;box-shadow:0 24px 70px rgba(20,19,17,.45)!important;color:#141311!important;font-family:'Jost',sans-serif!important}
html body #wechat-modal>div::before{content:"";display:block;height:44px;margin:0 auto 14px;background:url(/assets/ar-mono-black.png?v=L2) center/contain no-repeat}
html body #wechat-modal *{font-family:'Jost',sans-serif!important;border-radius:0!important}
html body #wechat-modal :is(div,span,b){color:#141311!important}
html body #wechat-modal [data-i18n="wc_scan"],html body #wechat-modal [data-i18n="wc_howto"],html body #wechat-modal #wc-id-line{color:#4a4a48!important}
html body #wechat-modal [data-i18n="wc_title"],html body #wechat-modal [style*="Cormorant"]{font-family:'Tenor Sans',Georgia,serif!important;font-weight:400!important}
html body #wechat-modal [data-i18n="wc_phone_l"]{color:#6a6a68!important}
html body #wechat-modal svg{color:#C06A30!important}
html body #wechat-modal #wc-copy-btn{background:#fff!important;border:1px solid #141311!important;color:#141311!important}
html body #wechat-modal button[aria-label]{background:#fff!important;border:1px solid #CFCFCC!important;color:#141311!important;width:40px!important;height:40px!important;display:flex!important;align-items:center;justify-content:center;padding:0!important;font-size:20px!important;line-height:1!important;position:absolute!important;top:12px!important;right:12px!important}
html body #wechat-modal button[aria-label]:hover{background:#141311!important;color:#fff!important}

/* читалка статьи на главной (#article-overlay) — в новом стиле: белая плоскость, чёрный текст, Tenor Sans/Jost, амбре, логотип сверху */
#article-overlay{--ink2:#F4F4F3;--ink3:#fff;--cream:#141311;--cream2:#2b2b2b;--muted:#4a4a48;--muted2:#6a6a68;--bd:#CFCFCC;--bd2:#8a8a88;--gold:#C06A30;--gold2:#E8A768;--gold3:#C06A30}
html body #article-overlay{background:rgba(20,19,17,.74)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
html body #article-overlay .article-modal{background:#F4F4F3!important;border:1px solid #CFCFCC!important;border-radius:0!important;color:#141311!important;box-shadow:0 24px 70px rgba(20,19,17,.45)}
html body #article-overlay *{border-radius:0!important;font-family:'Jost',sans-serif!important}
html body #article-overlay :is(#am-title,#am-body h3,.ar-related-title,h2,h3){font-family:'Tenor Sans',Georgia,serif!important;font-weight:400!important;color:#141311!important}
html body #article-overlay #am-body,html body #article-overlay #am-body :is(p,li,strong){color:#2b2b2b!important}
html body #article-overlay #am-meta{color:#4a4a48!important}
html body #article-overlay #am-tag{color:#C06A30!important}
html body #article-overlay #am-tag::before{content:"";display:block;height:40px;margin-bottom:14px;background:url(/assets/ar-mono-black.png?v=L2) left center/contain no-repeat}
html body #article-overlay .article-modal-close{background:#fff!important;border:1px solid #CFCFCC!important;color:#141311!important;width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0;top:12px;right:12px;z-index:3;font-size:20px;line-height:1}
html body #article-overlay .article-modal-close:hover{background:#141311!important;color:#fff!important;border-color:#141311!important}
html body #article-overlay .am-footer{border-top:1px solid #CFCFCC}
html body #article-overlay .am-footer .btn-primary{background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.26) 50%,transparent 60%),linear-gradient(115deg,#E8A768 0%,#D9803F 50%,#C06A30 100%)!important;background-size:260% 100%,100% 100%!important;background-repeat:no-repeat!important;
  color:#000!important;border:0!important;font-weight:600!important;animation:calmShine 3.6s ease-in-out infinite,calmGlow 3.6s ease-in-out infinite}
html body #article-overlay .am-footer .btn-outline{background:transparent!important;color:#141311!important;border:1px solid #141311!important}
html body #article-overlay .am-footer .btn-outline:hover{background:#141311!important;color:#fff!important}
html body #article-overlay :is(.ar-comment-input){background:#fff!important;color:#141311!important;border:1px solid #CFCFCC!important}
html body #article-overlay :is(.ar-like-btn,.ar-comment-submit){color:#141311!important;border-color:#8a8a88!important}
@media(prefers-reduced-motion:reduce){html body #article-overlay .am-footer .btn-primary{animation:none}}

/* настоящая читалка статьи на главной (#article-reader-overlay: «Читать дальше» у карточек) — тот же новый стиль: светлая плоскость, чёрный текст, Tenor Sans/Jost, амбре вместо золота, чёрный логотип */
#article-reader-overlay{--ink:#F4F4F3;--ink2:#fff;--ink3:#fff;--cream:#141311;--cream2:#2b2b2b;--muted:#4a4a48;--muted2:#6a6a68;--bd:#CFCFCC;--bd2:#8a8a88;--gold:#C06A30;--gold2:#E8A768;--gold3:#C06A30}
html body #article-reader-overlay{background:#F4F4F3!important;color:#141311!important}
html body #article-reader-overlay *{border-radius:0!important;font-family:'Jost',sans-serif!important}
html body #article-reader-overlay :is(.ar-title,.ar-body h3,.ar-body .ar-h3,.ar-related-name){font-family:'Tenor Sans',Georgia,serif!important;font-weight:400!important;color:#141311!important}
html body #article-reader-overlay .ar-topbar{background:rgba(244,244,243,.92)!important;border-bottom:1px solid #CFCFCC!important}
html body #article-reader-overlay .ar-header-band{background:none!important;border-bottom:1px solid #CFCFCC!important}
html body #article-reader-overlay .ar-band-logo{content:url(/assets/ar-mono-black.png?v=L2);filter:none!important}
html body #article-reader-overlay .ar-body,html body #article-reader-overlay .ar-body :is(p,li,strong){color:#2b2b2b!important}
html body #article-reader-overlay .ar-body a,html body #article-reader-overlay .ar-tag,html body #article-reader-overlay .ar-related-tag,html body #article-reader-overlay .ar-comments-label{color:#C06A30!important}
html body #article-reader-overlay .ar-body h3,html body #article-reader-overlay .ar-body .ar-h3{border-left:2px solid #D9803F!important}
html body #article-reader-overlay .ar-fixed-back{background:#fff!important;border:1px solid #141311!important;color:#141311!important}
html body #article-reader-overlay .ar-fixed-back:hover{background:#141311!important;color:#fff!important}
html body #article-reader-overlay :is(.ar-topbar-cta,.ar-cta .btn-primary){
  background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.26) 50%,transparent 60%),linear-gradient(115deg,#E8A768 0%,#D9803F 50%,#C06A30 100%)!important;background-size:260% 100%,100% 100%!important;background-repeat:no-repeat!important;
  color:#000!important;border:0!important;font-weight:600!important;animation:calmShine 3.6s ease-in-out infinite,calmGlow 3.6s ease-in-out infinite}
html body #article-reader-overlay :is(.ar-cta-back,.ar-cta-tg,.ar-like-btn,.ar-comment-submit){background:transparent!important;color:#141311!important;border:1px solid #141311!important}
html body #article-reader-overlay :is(.ar-cta-back,.ar-cta-tg,.ar-like-btn,.ar-comment-submit):hover{background:#141311!important;color:#fff!important}
html body #article-reader-overlay .ar-comment-input{background:#fff!important;color:#141311!important;border:1px solid #CFCFCC!important}
html body #article-reader-overlay .ar-related-card{background:#fff!important}
html body #article-reader-overlay .ar-related-card:hover{background:#E4E4E2!important}
html body #article-reader-overlay .ar-related-grid{background:#CFCFCC!important}
@media(prefers-reduced-motion:reduce){html body #article-reader-overlay :is(.ar-topbar-cta,.ar-cta .btn-primary){animation:none}}

/* ═══ 17.10: кнопка «Читайте дополнительную информацию по теме» — пульсирует, со стрелкой, при наведении приподнимается (разметку 56 статей не меняем) ═══ */
@keyframes perePulse{0%,100%{box-shadow:0 0 8px rgba(217,128,63,.30),0 4px 12px rgba(20,19,17,.16);transform:scale(1)}50%{box-shadow:0 0 0 4px rgba(217,128,63,.30),0 0 22px 4px rgba(232,167,104,.55),0 6px 16px rgba(20,19,17,.20);transform:scale(1.035)}}
html body a.perehvat.perehvat{background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.26) 50%,transparent 60%),linear-gradient(115deg,#E8A768 0%,#D9803F 50%,#C06A30 100%)!important;background-size:260% 100%,100% 100%!important;background-repeat:no-repeat!important;color:#000!important;border:0!important;border-radius:0!important;font-weight:600!important;font-size:12px;letter-spacing:.03em;padding:11px 16px;line-height:1.3;text-wrap:balance;
  white-space:normal;max-width:100%;box-sizing:border-box;text-align:center;
  transition:transform .25s ease,box-shadow .25s ease,filter .25s ease;animation:calmShine 3.6s ease-in-out infinite,perePulse 2.6s ease-in-out infinite}
html body a.perehvat.perehvat::after{content:"\00A0\2192";display:inline-block;white-space:nowrap;font-size:1.25em;line-height:1;vertical-align:-.08em;transition:transform .25s ease}
html body a.perehvat.perehvat:hover,html body a.perehvat.perehvat:focus-visible{animation:calmShine 3.6s ease-in-out infinite;transform:translateY(-2px);box-shadow:0 10px 24px rgba(20,19,17,.30),0 0 22px 3px rgba(232,167,104,.55);filter:brightness(1.04)}
html body a.perehvat.perehvat:hover::after,html body a.perehvat.perehvat:focus-visible::after{transform:translateX(4px)}
@media(prefers-reduced-motion:reduce){html body a.perehvat.perehvat{animation:none;box-shadow:0 4px 12px rgba(20,19,17,.16)}html body a.perehvat.perehvat:hover,html body a.perehvat.perehvat:focus-visible{animation:none;transform:none}html body a.perehvat.perehvat::after{transition:none}}