/* токены тем — генерирует _redesign-v2/build.py, руками не править */
:root{color-scheme:light;--c-t-paper:#F3EEE4;--c-t-paper-rgb:243 238 228;--c-t-card:#EFE8DA;--c-t-card-rgb:239 232 218;--c-t-row:#E0D6C4;--c-t-row-rgb:224 214 196;--c-t-line:#D8CFBF;--c-t-line-rgb:216 207 191;--c-t-line2:#C9BDA8;--c-t-line2-rgb:201 189 168;--c-t-ink:#191512;--c-t-ink-rgb:25 21 18;--c-t-muted:#4E453B;--c-t-muted-rgb:78 69 59;--c-t-soft:#665B4E;--c-t-soft-rgb:102 91 78;--c-t-quiet:#8C8073;--c-t-quiet-rgb:140 128 115;--c-t-wine:#7E2A24;--c-t-wine-rgb:126 42 36;--c-t-deep:#3C1210;--c-t-deep-rgb:60 18 16;--c-t-bronze:#A98A55;--c-t-bronze-rgb:169 138 85;--c-t-bronzed:#6E5A36;--c-t-bronzed-rgb:110 90 54;--c-t-onacc:#E6DBC9;--c-t-onacc-rgb:230 219 201;--c-b-paper:#F3EEE4;--c-b-paper-rgb:243 238 228;--c-b-card:#EFE8DA;--c-b-card-rgb:239 232 218;--c-b-row:#E0D6C4;--c-b-row-rgb:224 214 196;--c-b-line:#D8CFBF;--c-b-line-rgb:216 207 191;--c-b-line2:#C9BDA8;--c-b-line2-rgb:201 189 168;--c-b-ink:#191512;--c-b-ink-rgb:25 21 18;--c-b-muted:#4E453B;--c-b-muted-rgb:78 69 59;--c-b-soft:#665B4E;--c-b-soft-rgb:102 91 78;--c-b-quiet:#8C8073;--c-b-quiet-rgb:140 128 115;--c-b-wine:#7E2A24;--c-b-wine-rgb:126 42 36;--c-b-deep:#3C1210;--c-b-deep-rgb:60 18 16;--c-b-bronze:#A98A55;--c-b-bronze-rgb:169 138 85;--c-b-bronzed:#6E5A36;--c-b-bronzed-rgb:110 90 54;--c-b-onacc:#E6DBC9;--c-b-onacc-rgb:230 219 201;--c-l-paper:#F3EEE4;--c-l-paper-rgb:243 238 228;--c-l-card:#EFE8DA;--c-l-card-rgb:239 232 218;--c-l-row:#E0D6C4;--c-l-row-rgb:224 214 196;--c-l-line:#D8CFBF;--c-l-line-rgb:216 207 191;--c-l-line2:#C9BDA8;--c-l-line2-rgb:201 189 168;--c-l-ink:#191512;--c-l-ink-rgb:25 21 18;--c-l-muted:#4E453B;--c-l-muted-rgb:78 69 59;--c-l-soft:#665B4E;--c-l-soft-rgb:102 91 78;--c-l-quiet:#8C8073;--c-l-quiet-rgb:140 128 115;--c-l-wine:#7E2A24;--c-l-wine-rgb:126 42 36;--c-l-deep:#3C1210;--c-l-deep-rgb:60 18 16;--c-l-bronze:#A98A55;--c-l-bronze-rgb:169 138 85;--c-l-bronzed:#6E5A36;--c-l-bronzed-rgb:110 90 54;--c-l-onacc:#E6DBC9;--c-l-onacc-rgb:230 219 201;--bg:#F3EEE4;--bg-2:#EFE8DA;--bg-3:#EFE8DA;--gold:#7E2A24;--gold-dim:#4E453B;--gold-hot:#3C1210;--gold-pale:#191512;--text:#191512;--muted:#4E453B;--muted-2:#665B4E;--border:#D8CFBF;--border-2:#C9BDA8;--s-page:#F3EEE4;--s-card:#EFE8DA;--s-row:#E0D6C4;--s-line:#D8CFBF;--s-line2:#C9BDA8;--s-text:#191512;--s-muted:#4E453B;--s-soft:#665B4E;--s-quiet:#8C8073;--s-acc:#7E2A24;--s-acc-deep:#3C1210;--s-acc-line:#7E2A24;--s-bronze:#A98A55;--s-bronzed:#6E5A36;--s-fill:#7E2A24;--s-fill-hover:#3C1210;--s-on-fill:#F3EEE4;--s-rule:#191512;--s-panel:#3C1210;--s-on-panel:#EDE3D2;--s-on-panel-title:#F0E7D6;--s-on-panel-2:#B9A88E;--s-panel-acc:#C9A96B;--s-nav-bg:rgba(243,238,228,.96);--s-sel-bg:#7E2A24;--s-sel-text:#F3EEE4;}
:root[data-theme="dark"]{color-scheme:dark;--c-t-paper:#EDE3D2;--c-t-paper-rgb:237 227 210;--c-t-card:#EDE3D2;--c-t-card-rgb:237 227 210;--c-t-row:#EDE3D2;--c-t-row-rgb:237 227 210;--c-t-line:#6B5D4F;--c-t-line-rgb:107 93 79;--c-t-line2:#7A6A58;--c-t-line2-rgb:122 106 88;--c-t-ink:#EDE3D2;--c-t-ink-rgb:237 227 210;--c-t-muted:#B9A88E;--c-t-muted-rgb:185 168 142;--c-t-soft:#A8977F;--c-t-soft-rgb:168 151 127;--c-t-quiet:#8A7A66;--c-t-quiet-rgb:138 122 102;--c-t-wine:#C9A96B;--c-t-wine-rgb:201 169 107;--c-t-deep:#E0C48F;--c-t-deep-rgb:224 196 143;--c-t-bronze:#C9A96B;--c-t-bronze-rgb:201 169 107;--c-t-bronzed:#C2A878;--c-t-bronzed-rgb:194 168 120;--c-t-onacc:#E6DBC9;--c-t-onacc-rgb:230 219 201;--c-b-paper:#191512;--c-b-paper-rgb:25 21 18;--c-b-card:#231D19;--c-b-card-rgb:35 29 25;--c-b-row:#2B241F;--c-b-row-rgb:43 36 31;--c-b-line:#332B25;--c-b-line-rgb:51 43 37;--c-b-line2:#45392F;--c-b-line2-rgb:69 57 47;--c-b-ink:#EDE3D2;--c-b-ink-rgb:237 227 210;--c-b-muted:#B9A88E;--c-b-muted-rgb:185 168 142;--c-b-soft:#9C8564;--c-b-soft-rgb:156 133 100;--c-b-quiet:#7A6A58;--c-b-quiet-rgb:122 106 88;--c-b-wine:#7E2A24;--c-b-wine-rgb:126 42 36;--c-b-deep:#943A31;--c-b-deep-rgb:148 58 49;--c-b-bronze:#A98A55;--c-b-bronze-rgb:169 138 85;--c-b-bronzed:#6E5A36;--c-b-bronzed-rgb:110 90 54;--c-b-onacc:#E6DBC9;--c-b-onacc-rgb:230 219 201;--c-l-paper:#191512;--c-l-paper-rgb:25 21 18;--c-l-card:#231D19;--c-l-card-rgb:35 29 25;--c-l-row:#2B241F;--c-l-row-rgb:43 36 31;--c-l-line:#332B25;--c-l-line-rgb:51 43 37;--c-l-line2:#45392F;--c-l-line2-rgb:69 57 47;--c-l-ink:#EDE3D2;--c-l-ink-rgb:237 227 210;--c-l-muted:#B9A88E;--c-l-muted-rgb:185 168 142;--c-l-soft:#9C8564;--c-l-soft-rgb:156 133 100;--c-l-quiet:#7A6A58;--c-l-quiet-rgb:122 106 88;--c-l-wine:#A98A55;--c-l-wine-rgb:169 138 85;--c-l-deep:#C9A96B;--c-l-deep-rgb:201 169 107;--c-l-bronze:#A98A55;--c-l-bronze-rgb:169 138 85;--c-l-bronzed:#8C7348;--c-l-bronzed-rgb:140 115 72;--c-l-onacc:#E6DBC9;--c-l-onacc-rgb:230 219 201;--bg:#191512;--bg-2:#231D19;--bg-3:#231D19;--gold:#C9A96B;--gold-dim:#B9A88E;--gold-hot:#E0C48F;--gold-pale:#EDE3D2;--text:#EDE3D2;--muted:#B9A88E;--muted-2:#A8977F;--border:#332B25;--border-2:#45392F;--s-page:#191512;--s-card:#231D19;--s-row:#2B241F;--s-line:#332B25;--s-line2:#45392F;--s-text:#EDE3D2;--s-muted:#B9A88E;--s-soft:#A8977F;--s-quiet:#7A6A58;--s-acc:#C9A96B;--s-acc-deep:#E0C48F;--s-acc-line:#A98A55;--s-bronze:#A98A55;--s-bronzed:#C2A878;--s-fill:#7E2A24;--s-fill-hover:#943A31;--s-on-fill:#F0E7D6;--s-rule:#5A4C3F;--s-panel:#3C1210;--s-on-panel:#EDE3D2;--s-on-panel-title:#F0E7D6;--s-on-panel-2:#B9A88E;--s-panel-acc:#C9A96B;--s-nav-bg:rgba(25,21,18,.94);--s-sel-bg:#C9A96B;--s-sel-text:#191512;}
/* dvorny.com — дизайн-код v2, светлый регистр. 29.09.2026
   Источник правды по оформлению: 30 Producer-TG/CORE/ДИЗАЙН-КОД.md + макет
   _metrics/design-v2-light-preview.html (выбор Влада 09.09).
   Бумага #F3EEE4 · чернила #191512 · вино #7E2A24 · бронза #A98A55 (только линии).
   Lora — заголовки, цифры, цитаты; Carlito — текст и интерфейс.
   Файл грузится ПОСЛЕДНИМ в <head>: при равной специфичности выигрывает у инлайна. */


:root{--f-serif:'Lora',Georgia,'Times New Roman',serif;
  --f-sans:'Carlito','Calibri','Liberation Sans',system-ui,-apple-system,'Segoe UI',sans-serif}

/* ───────────── база ───────────── */
html{background:var(--s-page)}
body{background:var(--s-page) !important;color:var(--s-text);font-family:var(--f-sans);font-weight:400;
     -webkit-font-smoothing:auto;text-rendering:optimizeLegibility}
::selection{background:var(--s-sel-bg);color:var(--s-sel-text)}
a,button,summary{cursor:pointer}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--s-acc-line);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none !important;animation:none !important;scroll-behavior:auto !important}}
p,li{text-wrap:pretty}
h1,h2,h3{text-wrap:balance}

/* ───────────── шапка ───────────── */
.nav{background:var(--s-nav-bg) !important;border-bottom:1px solid var(--s-line) !important;
     backdrop-filter:none !important;-webkit-backdrop-filter:none !important}
.nav-logo{display:inline-flex !important;flex-direction:column;justify-content:center;gap:3px;line-height:1 !important;
          text-decoration:none !important;color:var(--s-text) !important;min-height:44px}
.nav-logo-name{font-family:var(--f-serif);font-size:15px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--s-text);white-space:nowrap}
.nav-logo-sub{font-family:var(--f-sans);font-size:10px;font-weight:400;letter-spacing:.24em;text-transform:uppercase;color:var(--s-soft);white-space:nowrap}
.nav-logo .nav-logo-name{color:var(--s-text) !important}
.nav-logo .nav-logo-sub{color:var(--s-soft) !important}
.nav-logo:hover .nav-logo-name{color:var(--s-acc) !important}
.nav-links a{font-family:var(--f-sans) !important;font-size:15px !important;font-weight:400 !important;letter-spacing:.02em !important;
             color:var(--s-muted) !important;text-decoration:none;border-bottom:1px solid transparent;padding-bottom:2px}
.nav-links a:hover,.nav-links a.active{color:var(--s-text) !important;border-bottom-color:var(--s-acc-line)}
.nav-cta,.nav .btn,.nav .btn-primary{background:var(--s-fill) !important;color:var(--s-on-fill) !important;border:1px solid var(--s-fill) !important;
         border-radius:0 !important;box-shadow:none !important;font-family:var(--f-sans) !important;font-size:12px !important;font-weight:700 !important;
         letter-spacing:.14em !important;text-transform:uppercase;text-decoration:none !important}
.nav-cta:hover,.nav .btn:hover,.nav .btn-primary:hover{background:var(--s-fill-hover) !important;border-color:var(--s-fill-hover) !important}

/* каналы в шапке (бывший инлайн-блок soc-links v1) */
.soc-nav{display:flex;align-items:center;gap:6px;flex-shrink:0}
.soc-nav-a{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 10px;font-family:var(--f-sans);font-size:14px;font-weight:400;
           letter-spacing:.02em;color:var(--s-text) !important;text-decoration:none !important;transition:color .18s}
.soc-nav-a:hover{color:var(--s-acc) !important}
.soc-nav-a svg{width:18px;height:18px;flex-shrink:0;color:var(--s-acc)}

/* ───────────── подвал ───────────── */
.site-footer,.footer{background:var(--s-page) !important;border-top:1px solid var(--s-line) !important}
.soc-foot{display:flex;flex-direction:column;gap:14px;padding-bottom:24px;border-bottom:1px solid var(--s-line)}
.soc-foot-t{margin:0;font-size:16px;line-height:1.5;color:var(--s-text)}
.soc-foot-row{display:flex;flex-wrap:wrap;gap:12px}
.soc-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 22px;
         border:1px solid var(--s-bronze);border-radius:0;font-family:var(--f-sans);font-size:13px;font-weight:700;letter-spacing:.14em;
         text-transform:uppercase;color:var(--s-text) !important;text-decoration:none !important;background:transparent;transition:background .18s,border-color .18s,color .18s}
.soc-btn:hover{background:var(--s-card);border-color:var(--s-fill)}
.soc-btn svg{width:19px;height:19px;flex-shrink:0;color:var(--s-acc)}
.soc-btn-main{background:var(--s-fill);border-color:var(--s-fill);color:var(--s-on-fill) !important}
.soc-btn-main:hover{background:var(--s-fill-hover);border-color:var(--s-fill-hover)}
.soc-btn-main svg{color:var(--s-on-fill)}
.footer .soc-foot{margin-bottom:28px}
.footer .container>.soc-foot{align-items:center;text-align:center}
.footer .container>.soc-foot .soc-foot-row{justify-content:center}
.footer-nav a{color:var(--s-muted) !important;font-size:14px !important}
.footer-nav a:hover{color:var(--s-acc) !important}
.footer-bottom,.footer-bottom a{color:var(--s-soft) !important;font-size:13px !important}
.footer-bottom a:hover{color:var(--s-acc) !important}

/* ───────────── статья: каркас ───────────── */
.reading-progress{background:var(--s-line) !important;height:2px !important}
.reading-progress-fill{background:var(--s-fill) !important;border-radius:0 !important}
.page-wrap{grid-template-columns:1fr min(680px,100%) 260px}
@media (max-width:1000px){.page-wrap{grid-template-columns:1fr min(680px,100%)}}

.article-header{border-bottom:1px solid var(--s-line) !important}
.article-breadcrumb,.article-breadcrumb a{font-size:13px !important;color:var(--s-soft) !important}
.article-breadcrumb a:hover{color:var(--s-acc) !important}
.article-breadcrumb span{color:var(--s-soft) !important}
.article-tag{background:none !important;border:0 !important;border-radius:0 !important;padding:0 !important;
             font-family:var(--f-sans);font-size:12px !important;font-weight:400 !important;letter-spacing:.24em !important;
             text-transform:uppercase;color:var(--s-acc) !important}
.article-header h1{font-family:var(--f-serif) !important;font-weight:400 !important;text-transform:uppercase;
                   letter-spacing:.06em;font-size:clamp(25px,3.4vw,34px) !important;line-height:1.24 !important;color:var(--s-text) !important}
.article-header h1 em{color:var(--s-acc) !important;font-style:normal !important}
.article-lead{font-size:clamp(17px,2vw,19px) !important;line-height:1.6 !important;color:var(--s-muted) !important;font-weight:400 !important}
.meta-avatar{border-radius:50% !important;background:var(--s-row) !important;border:1px solid var(--s-line) !important}
.meta-name{color:var(--s-text) !important;font-weight:700 !important;font-size:14px !important}
.meta-date,.meta-time,.meta-sep,.meta-note,.meta-reads,.meta-views{color:var(--s-soft) !important;font-size:13px !important}

/* оглавление */
.toc-inner{border-left:1px solid var(--s-line) !important}
.toc-label{font-size:11px !important;font-weight:400 !important;letter-spacing:.24em !important;color:var(--s-soft) !important}
.toc-list li a{font-size:13px !important;color:var(--s-muted) !important}
.toc-list li a:hover{color:var(--s-text) !important}
.toc-list li a.toc-active{color:var(--s-acc) !important;border-left-color:var(--s-acc-line) !important}
.toc-toggle{background:var(--s-card) !important;border:1px solid var(--s-line) !important;border-radius:0 !important;
            color:var(--s-text) !important;font-family:var(--f-sans) !important;font-size:15px !important;min-height:48px}
.toc-mobile-list{background:var(--s-card) !important;border:1px solid var(--s-line) !important;border-top:none !important;border-radius:0 !important}
.toc-mobile-list a{color:var(--s-muted) !important;font-size:15px !important;padding:10px 16px !important}
.toc-mobile-list a:hover{color:var(--s-acc) !important}

/* ───────────── статья: текст ───────────── */
.article-body{counter-reset:sec}
.article-body p{font-size:18px !important;line-height:1.66 !important;color:var(--s-text);font-weight:400 !important}
.article-body > h2{counter-increment:sec}
.article-body h2{font-family:var(--f-serif) !important;font-weight:400 !important;text-transform:uppercase;letter-spacing:.07em;
                 font-size:clamp(19px,2.3vw,23px) !important;line-height:1.3 !important;color:var(--s-text) !important;
                 margin:60px 0 22px !important;padding-bottom:12px;border-bottom:1px solid var(--s-rule)}
.article-body > h2::before{content:counter(sec,decimal-leading-zero);display:block;font-family:var(--f-sans);font-size:12px;
                 letter-spacing:.2em;color:var(--s-acc);margin-bottom:10px}
.article-body h3{font-family:var(--f-serif) !important;font-weight:500 !important;font-size:20px !important;line-height:1.35 !important;
                 color:var(--s-text) !important;margin:38px 0 14px !important;text-transform:none;letter-spacing:0}
.article-body li{font-size:18px !important;line-height:1.62 !important;color:var(--s-text) !important;font-weight:400 !important}
.article-body ul li::before{content:'—' !important;color:var(--s-bronze) !important}
.article-body ol li::before{color:var(--s-acc) !important;font-family:var(--f-sans);font-weight:700 !important}
.article-body strong{color:var(--s-text) !important;font-weight:700 !important}
.article-body em{color:inherit !important}
.article-body a{color:var(--s-text);text-decoration:underline;text-decoration-color:var(--s-bronze);text-decoration-thickness:1px;text-underline-offset:3px}
.article-body a:hover{color:var(--s-acc) !important;text-decoration-color:var(--s-acc-line)}

/* «Главное» */
.key-takeaways{background:var(--s-card) !important;border:0 !important;border-left:2px solid var(--s-acc-line) !important;border-radius:0 !important}
.kt-label,.cc-label,.rc-label,.def-label,.callout-label,.related-label{font-family:var(--f-sans) !important;font-size:12px !important;
         font-weight:400 !important;letter-spacing:.24em !important;text-transform:uppercase;color:var(--s-acc) !important}
.kt-list li{font-size:16px !important;color:var(--s-text) !important}
.kt-list li::before{content:'—' !important;color:var(--s-bronze) !important;font-size:16px !important;top:0 !important}

/* цифры */
.stat-callout{background:var(--s-card) !important;border:0 !important;border-left:2px solid var(--s-acc-line) !important;border-radius:0 !important}
.stat-number{font-family:var(--f-serif) !important;font-weight:400 !important;color:var(--s-acc) !important;font-variant-numeric:lining-nums tabular-nums}
.stat-label{color:var(--s-text) !important;font-size:16px !important;font-weight:400 !important}
.stat-source{color:var(--s-soft) !important;font-size:13px !important}

/* слова автора (pull-quote) — гротеск на врезке; цитаты со ссылкой на клиента — антиква курсивом */
.pull-quote,blockquote.pull-quote{background:var(--s-card) !important;border:0 !important;border-left:2px solid var(--s-acc-line) !important;
            border-radius:0 !important;padding:22px 26px !important}
.pull-quote::before{display:none !important}
.pull-quote p{font-family:var(--f-sans) !important;font-style:normal !important;font-size:20px !important;line-height:1.5 !important;color:var(--s-text) !important}
.pull-quote cite{color:var(--s-soft) !important;font-size:13px !important}
.article-body blockquote:not(.pull-quote){font-family:var(--f-serif);font-style:italic;background:none !important;border:0 !important;
            border-left:1px solid var(--s-bronze) !important;border-radius:0 !important;padding:4px 0 4px 18px !important;color:var(--s-text)}
.article-body blockquote:not(.pull-quote) p{font-family:var(--f-serif) !important;font-style:italic;font-size:19px !important}
.article-body blockquote cite{font-family:var(--f-sans);font-style:normal;color:var(--s-soft) !important;font-size:13px !important}

/* врезки */
.citation-capsule,.research-cite{background:var(--s-card) !important;border:0 !important;border-left:2px solid var(--s-bronze) !important;border-radius:0 !important}
.cc-text,.rc-finding,.citation-capsule p{color:var(--s-text) !important;font-size:16px !important}
.cc-source,.rc-source,.rc-authors{color:var(--s-soft) !important;font-size:13px !important}
.callout{background:var(--s-card) !important;border:0 !important;border-left:2px solid var(--s-bronze) !important;border-radius:0 !important}
.callout.warning{border-left-color:var(--s-acc-line) !important}
.callout.note .callout-label{color:var(--s-bronzed) !important}
.callout p,.callout li{font-size:16px !important;color:var(--s-text) !important}
.definition-block{background:var(--s-card) !important;border-left:2px solid var(--s-acc-line) !important;border-radius:0 !important}
.definition-block p,.definition-block dfn{color:var(--s-text) !important;font-size:17px !important}
.when-to-seek{background:var(--s-card) !important;border:1px solid var(--s-line) !important;border-left:2px solid var(--s-acc-line) !important;border-radius:0 !important}
.when-to-seek h2,.when-to-seek h3{border:0 !important;padding:0 !important;margin-top:0 !important}
.when-to-seek h2::before{content:none !important}
.when-to-seek p,.when-to-seek li{font-size:16px !important;color:var(--s-text) !important}

/* таблицы: шапка капсом, линии без заливок */
.compare-table,.domain-table{background:none !important;border:0 !important;border-radius:0 !important}
.compare-table th,.domain-table th{background:none !important;font-family:var(--f-sans) !important;font-size:12px !important;font-weight:400 !important;
         letter-spacing:.14em;text-transform:uppercase;color:var(--s-muted) !important;border-bottom:1px solid var(--s-rule) !important}
.compare-table td,.domain-table td{background:none !important;color:var(--s-text) !important;border-bottom:1px solid var(--s-line) !important;font-size:16px !important}
.compare-table td:first-child,.domain-table td:first-child{color:var(--s-text) !important;font-weight:700 !important}
.compare-table tr:hover td{background:var(--s-card) !important}
.compare-table-caption,.domain-table-caption,.chart-caption,.bar-chart-caption{color:var(--s-soft) !important;font-size:13px !important;font-style:normal !important}
.compare-table-wrap{border:0 !important;border-radius:0 !important;background:none !important}

/* картинки и схемы */
.article-img{border-radius:0 !important}
.article-img img,.article-img:hover img{filter:none !important}
.article-img figcaption{color:var(--s-soft) !important;font-size:13px !important;font-style:normal !important}
.chart-wrap{background:var(--s-card) !important;border:1px solid var(--s-line) !important;border-radius:0 !important}

/* шкалы и графики из блоков */
.bar-track,.speed-bar-wrap,.timeline-bar-wrap{background:var(--s-row) !important;border-radius:0 !important}
.bar-fill,.speed-bar,.timeline-bar{background:var(--s-fill) !important;border-radius:0 !important}
.bar-val,.speed-val,.timeline-val{font-family:var(--f-serif) !important;font-weight:400 !important;color:var(--s-acc) !important}
.bar-name,.speed-label,.timeline-label{color:var(--s-text) !important}
.stage-item,.type-card,.speed-row,.timeline-row{border-radius:0 !important}
.stage-num{font-family:var(--f-sans) !important;color:var(--s-acc) !important}
.stage-title,.type-name{font-family:var(--f-serif) !important;font-weight:500 !important;color:var(--s-text) !important}
.stage-desc,.stage-signal,.type-desc{color:var(--s-muted) !important}

/* ───────────── CTA в конце статьи: винная панель ───────────── */
.article-cta{background:var(--s-panel) !important;border:0 !important;border-radius:0 !important;padding:40px 32px !important}
.article-cta .cta-title,.article-cta h3{font-family:var(--f-serif) !important;font-weight:400 !important;text-transform:uppercase;letter-spacing:.07em;
            font-size:22px !important;color:var(--s-on-panel-title) !important}
.article-cta p{color:var(--s-on-panel-2) !important;font-size:16px !important}
.article-cta-btn{background:var(--s-panel-acc) !important;color:var(--s-panel) !important;border:1px solid var(--s-panel-acc) !important;border-radius:0 !important;
            font-family:var(--f-sans) !important;font-size:13px !important;font-weight:700 !important;letter-spacing:.14em !important;text-transform:uppercase;
            min-height:48px;padding:14px 26px !important;box-shadow:none !important}
.article-cta-btn:hover{background:var(--s-on-panel) !important;border-color:var(--s-on-panel) !important}
.article-cta .cta-alt{border:1px solid var(--s-panel-acc) !important;border-radius:0 !important;color:var(--s-on-panel) !important;font-family:var(--f-sans);
            font-size:13px !important;font-weight:700 !important;letter-spacing:.14em !important;text-transform:uppercase;min-height:48px;background:none}
.article-cta .cta-alt:hover{background:rgba(237,227,210,.08) !important}
.article-cta .cta-small{color:var(--s-on-panel-2) !important;font-size:14px !important}
.article-cta .cta-small a{color:var(--s-on-panel) !important;text-decoration-color:var(--s-panel-acc) !important}
.article-cta .cta-small a:hover{color:var(--s-panel-acc) !important}
.article-cta .cta-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center}
.article-cta .cta-alt{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;text-decoration:none !important}
.article-cta .cta-small{line-height:1.6 !important;margin:18px 0 0 !important}
.article-cta .cta-small a{text-decoration:underline !important;text-underline-offset:3px}
.article-cta .cta-title{line-height:1.3 !important;margin:0 0 12px !important}

/* ───────────── автор, FAQ, «читай также» ───────────── */
.author-bio{background:var(--s-card) !important;border:0 !important;border-left:2px solid var(--s-bronze) !important;border-radius:0 !important}
.author-bio img{border-radius:50% !important}
.author-bio .bio-name{font-family:var(--f-serif) !important;font-weight:400 !important;text-transform:uppercase;letter-spacing:.08em;color:var(--s-text) !important}
.author-bio .bio-desc{color:var(--s-muted) !important;font-size:15px !important}
.author-bio .bio-link{color:var(--s-acc) !important;text-decoration:underline;text-decoration-color:var(--s-bronze);text-underline-offset:3px}
.author-bio .bio-link:hover{color:var(--s-acc-deep) !important}

.faq-list{border:0 !important;border-top:1px solid var(--s-rule) !important;border-radius:0 !important}
details.faq-item,.faq-item{border-bottom:1px solid var(--s-line) !important}
details.faq-item summary,.faq-q,.faq-question{font-family:var(--f-sans);font-weight:700 !important;font-size:17px !important;color:var(--s-text) !important;min-height:44px}
details.faq-item summary::before{color:var(--s-acc) !important}
details.faq-item .faq-answer,.faq-a,.faq-answer{color:var(--s-muted) !important;font-size:16px !important}

.related-section{border-top:1px solid var(--s-line) !important}
.related-card{background:none !important;border:1px solid var(--s-line) !important;border-radius:0 !important;transition:border-color .18s}
.related-card:hover{border-color:var(--s-acc-line) !important}
.related-tag{font-size:11px !important;font-weight:400 !important;letter-spacing:.2em !important;color:var(--s-acc) !important}
.related-card h4{font-family:var(--f-serif) !important;font-weight:500 !important;font-size:17px !important;color:var(--s-text) !important}
.related-card:hover h4{color:var(--s-acc) !important}

.scroll-top{background:var(--s-page) !important;border:1px solid var(--s-line2) !important;border-radius:0 !important}
.scroll-top svg{color:var(--s-text) !important}

/* ───────────── мобильный ───────────── */
@media (max-width:680px){
  .page-wrap{grid-template-columns:minmax(0,1fr) !important}
  .page-wrap>.author-bio{grid-column:1 / -1}
  .compare-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .scroll-top{display:none !important}
  .article-body p,.article-body li{font-size:17px !important}
  .article-body h2{margin-top:48px !important}
  .article-cta{padding:32px 20px !important}
}
@media (max-width:560px){
  .soc-btn{flex:1 1 100%}
  .article-cta .cta-row a{flex:1 1 100%;justify-content:center;text-align:center}
}

/* ═════════════ главная, лендинги, служебные разделы ═════════════ */
.hero::before,.hero::after{display:none !important}
.hero{background:var(--s-page) !important}
.label,.hero-label,.hero-tag{font-family:var(--f-sans) !important;font-size:12px !important;font-weight:400 !important;letter-spacing:.24em !important;
        text-transform:uppercase;color:var(--s-acc) !important}
.h-display,.h-serif{font-family:var(--f-serif) !important;font-weight:400 !important;color:var(--s-text)}
h1.h-display{text-transform:uppercase;letter-spacing:.05em !important;line-height:1.16 !important;font-size:clamp(30px,4.6vw,46px) !important}
h2.h-display{text-transform:uppercase;letter-spacing:.06em !important;line-height:1.2 !important;font-size:clamp(24px,3.4vw,36px) !important}
h2.h-serif{text-transform:uppercase;letter-spacing:.07em !important;line-height:1.25 !important;font-size:clamp(22px,2.8vw,30px) !important}
h3.h-serif{font-weight:500 !important;line-height:1.3 !important;text-transform:none;letter-spacing:0}
.h-display .italic-accent,.h-serif .italic-accent,.h-display em,.h-serif em,h1 .italic-accent,h2 .italic-accent,h1 em,h2 em{
        font-family:var(--f-serif) !important;font-style:normal !important;font-weight:400 !important;color:var(--s-acc) !important}
.italic-accent{font-family:var(--f-serif);color:var(--s-muted)}
.divider,.divider-center{background:var(--s-bronze) !important;height:1px !important;width:48px}

/* кнопки: вино с бумажным текстом; вторичная — рамка бронзой */
.btn{border-radius:0 !important;box-shadow:none !important;font-family:var(--f-sans) !important;font-size:13px !important;font-weight:700 !important;
     letter-spacing:.14em !important;text-transform:uppercase;transform:none !important;text-decoration:none !important}
.btn-primary,.btn-gold{background:var(--s-fill) !important;color:var(--s-on-fill) !important;border:1px solid var(--s-fill) !important}
.btn-primary:hover,.btn-gold:hover{background:var(--s-fill-hover) !important;border-color:var(--s-fill-hover) !important}
.btn-primary svg,.btn-gold svg{color:var(--s-on-fill)}
.btn-tg,.btn-ghost,.btn-line{background:transparent !important;color:var(--s-text) !important;border:1px solid var(--s-bronze) !important}
.btn-tg:hover,.btn-ghost:hover,.btn-line:hover{background:var(--s-card) !important;border-color:var(--s-fill) !important;color:var(--s-text) !important}
.btn-tg svg,.btn-ghost svg,.btn-line svg,.tg-icon{color:var(--s-acc)}
.btn:disabled,.btn[disabled]{opacity:.45 !important}

/* карточки: поверхность без теней и скруглений */
.card,.niche-card,.symptom-item,.micro-case,.quiz-wrap,.method-card,.step-card,.stat-card,.format-card,.subpage-card,.pain-item,
.blog-card,.podcast-card,.video-card,.tg-audio-card,.screenshot-card,.compare-col,.about-mini{border-radius:0 !important;box-shadow:none !important}
.niche-card:hover,.subpage-card:hover,.blog-card:hover{transform:none !important;border-color:var(--s-acc-line) !important}
.niche-card-icon{background:none !important;border:0 !important;width:auto !important;height:auto !important;justify-content:flex-start !important;border-radius:0 !important}
.niche-card-icon svg{color:var(--s-acc)}
.niche-card-title{font-family:var(--f-serif) !important;font-weight:500 !important}
.niche-card-cta,.card-read-link{color:var(--s-acc) !important;font-weight:700 !important}
.method-num,.step-num,.step-number,.subpage-num,.podcast-num{font-family:var(--f-sans) !important;font-size:13px !important;font-weight:400 !important;
        letter-spacing:.14em;color:var(--s-acc) !important;opacity:1 !important}
.symptom-dot{background:var(--s-fill) !important}
.mc-label{letter-spacing:.2em !important;color:var(--s-acc) !important}
.mc-arrow{color:var(--s-acc) !important}
.mc-meta{font-style:normal !important;color:var(--s-soft) !important}

/* квиз */
.quiz-progress,.qr-track{background:var(--s-line) !important}
.quiz-progress-bar,.qr-fill{background:var(--s-fill) !important;border-radius:0 !important}
.quiz-option{background:var(--s-page) !important;border:1px solid var(--s-line) !important;border-radius:0 !important;color:var(--s-text) !important;min-height:48px}
.quiz-option:hover{border-color:var(--s-bronze) !important;background:var(--s-page) !important}
.quiz-option.selected{border-color:var(--s-acc-line) !important;background:var(--s-page) !important}
.quiz-radio{border-color:var(--s-bronze) !important}
.quiz-option.selected .quiz-radio{border-color:var(--s-acc-line) !important;background:var(--s-fill) !important}
.quiz-option.selected .quiz-radio::after{background:var(--s-page) !important}
.quiz-reward-bar,.quiz-gift-unlocked{background:var(--s-page) !important;border:1px solid var(--s-line) !important;border-radius:0 !important}
.result-type{background:none !important;border:1px solid var(--s-fill) !important;border-radius:0 !important;color:var(--s-acc) !important;
        letter-spacing:.14em;text-transform:uppercase;font-size:12px !important}

/* финальный CTA — винная панель (макет: «тёмный CTA») */
.cta-section{background:var(--s-panel) !important;border-color:var(--s-panel) !important;color:var(--s-on-panel)}
.cta-section .h-serif,.cta-section .h-display,.cta-section h2{color:var(--s-on-panel-title) !important}
.cta-section .italic-accent,.cta-section h2 em{color:var(--s-panel-acc) !important}
.cta-section .label{color:var(--s-panel-acc) !important}
.cta-section p{color:var(--s-on-panel-2) !important}
.cta-section p a{color:var(--s-on-panel) !important}
.cta-section .divider,.cta-section .divider-center{background:var(--s-panel-acc) !important}
.cta-section .btn-primary{background:var(--s-panel-acc) !important;border-color:var(--s-panel-acc) !important;color:var(--s-panel) !important}
.cta-section .btn-primary:hover{background:var(--s-on-panel) !important;border-color:var(--s-on-panel) !important}
.cta-section .btn-primary svg{color:var(--s-panel)}
.cta-section .btn-tg,.cta-section .btn-ghost{border-color:var(--s-panel-acc) !important;color:var(--s-on-panel) !important}
.cta-section .btn-tg:hover,.cta-section .btn-ghost:hover{background:rgb(237 227 210 / .08) !important;border-color:var(--s-on-panel) !important}
.cta-section .btn-tg svg,.cta-section .btn-ghost svg,.cta-section .tg-icon{color:var(--s-panel-acc)}

/* аватары-заглушки с инициалами */
.tg-avatar,.video-client-avatar,.avatar,.researcher-initial{background:var(--s-fill) !important;color:var(--s-on-fill) !important}
.avatar-initials,.researcher-initial{color:var(--s-on-fill) !important}
.cross{color:var(--s-soft) !important}

/* фильтры, теги, счётчики — без «таблеток» */
.filter-btn,.card-tag,.format-badge,.cluster-count,.tg-tag,.video-client-tag,.coming-soon{border-radius:0 !important}
.filter-btn.active,.filter-btn:hover{background:var(--s-fill) !important;border-color:var(--s-fill) !important;color:var(--s-on-fill) !important}
.foot-logo{min-height:0}

/* ═════════════ шапка: адаптив по ступеням ═════════════
   Проверка: header_check.py (320–1280 px, ни один элемент .nav не за экраном и не режет текст). */
.nav-logo{flex:0 1 auto;min-width:min-content}
.soc-nav{flex:0 1 auto;min-width:min-content}
.nav .nav-cta,.soc-nav .btn,.nav-end .btn{flex:0 1 auto;white-space:nowrap;min-width:min-content !important}
.nav-inner{gap:16px}
@media (max-width:1180px){
  .soc-nav-t{display:none !important}                    /* «Канал», «YouTube» — только иконки */
  .soc-nav-a{padding:0 8px;min-width:40px;justify-content:center}
  .nav-inner .nav-links{display:none !important}          /* лендинги: 6–7 пунктов не помещаются, они в подвале */
}
@media (max-width:1180px){
  .nav-links:has(> a:nth-child(6)){display:none !important} /* 6+ пунктов — в подвал */
}
@media (max-width:900px){
  .nav-links{display:none !important}                     /* статьи: 4 пункта — тоже в подвал */
}
@media (max-width:560px){
  .soc-nav-yt{display:none !important}
  .soc-nav{gap:0}
}
@media (max-width:480px){
  .nav,.nav-inner{padding-left:14px !important;padding-right:14px !important}
  .nav-inner{gap:8px}
  .nav{gap:8px}
  .nav-logo-sub{display:none}
  .nav-logo-name{white-space:normal;font-size:12.5px;letter-spacing:.07em;line-height:1.15}
  .theme-toggle{width:40px;margin:0}
  .soc-nav-a{min-width:38px;padding:0 5px}
  .nav .nav-cta,.soc-nav .btn,.nav-end .btn{font-size:11px !important;letter-spacing:.08em !important;padding:9px 10px !important;min-height:40px !important;
    white-space:normal;line-height:1.2;text-align:center;max-width:136px}
}

@media (max-width:374px){
  .nav,.nav-inner{padding-left:12px !important;padding-right:12px !important}
  .nav-inner,.nav{gap:6px}
  .nav-logo-name{font-size:11.5px;letter-spacing:.06em}
  .theme-toggle{width:36px}
  .soc-nav-a{min-width:34px;padding:0 4px}
  .nav .nav-cta,.soc-nav .btn,.nav-end .btn{font-size:10.5px !important;letter-spacing:.04em !important;padding:8px 8px !important}
}
/* старые страницы без блока каналов: переключатель и кнопка в одной группе справа */
.nav-end{display:flex;align-items:center;gap:4px;flex:0 0 auto}

/* ═════════════ переключатель темы: диск «бумага/чернила» ═════════════
   Клик — новая тема растекается кругом от кнопки (View Transitions API; без него — мгновенно).
   Подсказка: на первом визите диск один раз покачивается через 2 с (флаг dv-hint в скрипте темы). */
.theme-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 auto;
  margin:0 2px;padding:0;background:none;border:0;border-radius:0;color:var(--s-text);cursor:pointer;-webkit-tap-highlight-color:transparent}
.tt-disc{position:relative;display:block;width:18px;height:18px;border-radius:50%;border:1.5px solid currentColor;overflow:hidden;
  transition:transform .6s cubic-bezier(.65,0,.35,1)}
.tt-disc::after{content:'';position:absolute;top:0;bottom:0;left:50%;right:0;background:currentColor}
:root[data-theme="dark"] .tt-disc{transform:rotate(180deg)}
@media (hover:hover){
  .theme-toggle:hover{color:var(--s-acc)}
  .theme-toggle:hover .tt-disc{transform:rotate(-40deg)}
  :root[data-theme="dark"] .theme-toggle:hover .tt-disc{transform:rotate(140deg)}
}
:root:not([data-tc]) .tt-disc{animation:tt-hint 1.1s cubic-bezier(.45,0,.2,1) 2s 1}
@keyframes tt-hint{0%{transform:rotate(0)}30%{transform:rotate(-55deg)}60%{transform:rotate(25deg)}100%{transform:rotate(0)}}
:root[data-theme="dark"]:not([data-tc]) .tt-disc{animation-name:tt-hint-d}
@keyframes tt-hint-d{0%{transform:rotate(180deg)}30%{transform:rotate(125deg)}60%{transform:rotate(205deg)}100%{transform:rotate(180deg)}}
:root:not([data-theme]) .theme-toggle{display:none}        /* без JS переключатель бесполезен */
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
::view-transition-old(root){z-index:1}
::view-transition-new(root){z-index:2}

/* тёмная тема: картинки чуть приглушить, чтобы не слепили на чернилах */
:root[data-theme="dark"] .article-img img{filter:brightness(.92) !important}

/* ═════════════ тест в статье (.aq) — quizzes.py + /js/quiz.js ═════════════
   Живёт внутри .article-body, поэтому перебивает её правила для p/a. */
.article-body .aq{margin:48px 0;padding:30px 30px 26px;background:var(--s-card);border:0;border-left:2px solid var(--s-acc-line);scroll-margin-top:80px}
.article-body .aq p{margin:0 !important;font-weight:400 !important}
.article-body .aq .aq-over{font-size:12px !important;letter-spacing:.24em;text-transform:uppercase;color:var(--s-acc) !important}
.article-body .aq .aq-title{font-family:var(--f-serif);font-size:clamp(20px,2.4vw,24px) !important;line-height:1.3 !important;text-transform:uppercase;
  letter-spacing:.06em;color:var(--s-text);margin-top:12px !important;text-wrap:balance}
.article-body .aq .aq-lead{font-size:16px !important;line-height:1.55 !important;color:var(--s-muted) !important;margin-top:10px !important}
.aq-qs{margin-top:24px}
.aq-q + .aq-q{margin-top:26px}
.article-body .aq .aq-qt{font-size:18px !important;line-height:1.45 !important;color:var(--s-text);font-weight:700 !important;margin-bottom:14px !important}
.aq-opts{display:grid;gap:8px}
.aq-opt{display:block;width:100%;min-height:48px;padding:12px 16px;text-align:left;font:inherit;font-size:16px;line-height:1.35;color:var(--s-text);
  background:var(--s-page);border:1px solid var(--s-line);border-radius:0;cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.aq-opt:hover{border-color:var(--s-bronze)}
.aq-opt[aria-pressed="true"]{border-color:var(--s-fill);background:var(--s-fill);color:var(--s-on-fill)}
.aq-nav{display:none}
.aq-js .aq-nav:not([hidden]){display:flex;align-items:center;gap:14px;margin-top:20px;min-height:44px}
.aq-count{font-size:13px;color:var(--s-soft);white-space:nowrap;font-variant-numeric:tabular-nums}
.aq-bar{flex:1;height:2px;background:var(--s-line);position:relative;overflow:hidden}
.aq-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--s-acc);transition:width .3s ease}
.aq-back{order:-1;min-height:44px;padding:0 4px;background:none;border:0;font:inherit;font-size:14px;color:var(--s-muted);cursor:pointer;
  text-decoration:underline;text-decoration-color:var(--s-bronze);text-underline-offset:3px}
.aq-back:hover{color:var(--s-acc)}
.aq-back[hidden]{display:inline-block;visibility:hidden}
.aq-res{margin-top:24px}
.aq-js .aq-res:not([hidden]){animation:aq-in .35s ease}
@keyframes aq-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.article-body .aq .aq-rl{font-size:12px !important;letter-spacing:.24em;text-transform:uppercase;color:var(--s-soft) !important}
.article-body .aq .aq-rt{font-family:var(--f-serif);font-size:24px !important;line-height:1.25 !important;color:var(--s-acc) !important;margin-top:8px !important}
.article-body .aq .aq-rx{font-size:17px !important;line-height:1.6 !important;color:var(--s-text);margin-top:10px !important}
.article-body .aq .aq-safe{font-size:15px !important;line-height:1.55 !important;color:var(--s-text) !important;margin-top:16px !important;padding:12px 14px;border-left:2px solid var(--s-acc-line);background:var(--s-page)}
.aq-cta{margin-top:24px;padding-top:22px;border-top:1px solid var(--s-line)}
.article-body .aq .aq-ct{font-size:16px !important;line-height:1.6 !important;color:var(--s-text)}
.aq-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;margin-top:18px}
.article-body .aq .aq-bot{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 26px;background:var(--s-fill);
  color:var(--s-on-fill) !important;border:1px solid var(--s-fill);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  text-decoration:none !important}
.article-body .aq .aq-bot:hover{background:var(--s-fill-hover);border-color:var(--s-fill-hover);color:var(--s-on-fill) !important}
.aq-again{min-height:44px;padding:0;background:none;border:0;font:inherit;font-size:15px;color:var(--s-muted);cursor:pointer;
  text-decoration:underline;text-decoration-color:var(--s-bronze);text-underline-offset:3px}
.aq-again:hover{color:var(--s-acc)}
.article-body .aq .aq-small{font-size:13px !important;line-height:1.5 !important;color:var(--s-soft) !important;margin-top:14px !important}
@media (max-width:560px){
  .article-body .aq{padding:24px 18px 20px;margin:40px -4px}
  .article-body .aq .aq-bot{flex:1 1 100%}
}


/* ═════════════ правки по визуальному ревью 29.09 (review/visual.md) ═════════════ */
/* 1. иконка Telegram в кнопках: обводка цветом кнопки, а не фона */
.btn .tg-icon path,.btn-tg svg path,.btn-ghost svg path,.btn-primary svg path{stroke:currentColor !important}

/* 2. ссылки без класса в тексте лендингов — без браузерного синего */
.evidence-list a,.section p > a:not([class]),.section li > a:not([class]){color:var(--s-text) !important;text-decoration:underline;
  text-decoration-color:var(--s-bronze);text-decoration-thickness:1px;text-underline-offset:3px}
.evidence-list a:hover,.section p > a:not([class]):hover,.section li > a:not([class]):hover{color:var(--s-acc) !important}

/* 3. статьи: подписи и метки своего размера (правило .article-body p их не трогает) */
.article-body .kt-label,.article-body .cc-label,.article-body .rc-label,.article-body .def-label,
.article-body .callout-label,.article-body .type-label{font-size:12px !important;line-height:1.5 !important}
.article-body .stat-source,.article-body .rc-source,.article-body .rc-authors,.article-body .cc-source,
.article-body .chart-caption,.article-body .bar-chart-caption,.article-body .compare-table-caption,
.article-body .domain-table-caption,.article-body .timeline-note,.article-body .meta-note{font-size:13px !important;line-height:1.5 !important}
.article-body .stat-label,.article-body .rc-finding,.article-body .cc-text,.article-body .type-desc{font-size:16px !important;line-height:1.55 !important}
.article-body .type-label{color:var(--s-acc) !important;letter-spacing:.2em !important}

/* 4. тёмная тема: мелкая графика — бронзой (вино на чернилах 1,3–1,9:1) */
:root[data-theme="dark"] .faq-q-icon::before,:root[data-theme="dark"] .faq-q-icon::after,
:root[data-theme="dark"] .symptom-dot,:root[data-theme="dark"] .bar-fill,:root[data-theme="dark"] .speed-bar,
:root[data-theme="dark"] .timeline-bar,:root[data-theme="dark"] .tg-bar.played,
:root[data-theme="dark"] .quiz-progress-bar,:root[data-theme="dark"] .qr-fill,:root[data-theme="dark"] .reading-progress-fill{background:var(--s-bronze) !important}
/* только сплошные винные полосы без подписи поверх: плашки с текстом остаются вином (текст на вине 12,8:1) */
:root[data-theme="dark"] :is(.chart-wrap,.article-chart) :is(rect,path,circle,polygon):is([style*="fill:var(--c-b-wine)"],[style*="fill:var(--c-b-deep)"]):not(:has(+ text)){fill:var(--s-bronze) !important}
:root[data-theme="dark"] .quiz-option.selected .quiz-radio{background:var(--s-acc) !important;border-color:var(--s-acc) !important}
:root[data-theme="dark"] .tg-play-btn{background:transparent !important;border:1px solid var(--s-bronze) !important}
:root[data-theme="dark"] .tg-play-btn svg,:root[data-theme="dark"] .tg-play-btn svg path{fill:var(--s-acc) !important}
:root[data-theme="dark"] .card li::before,:root[data-theme="dark"] .format-list li::before{color:var(--s-acc) !important;background-color:var(--s-bronze)}

/* 5. /otzivi/: кнопки Play на фото не зависят от темы — это кадр видео */
.video-poster-play rect,.podcast-play-btn rect,.circle-overlay svg circle{fill:rgb(25 21 18 / .72) !important;rx:1px}
.video-poster-play path,.podcast-play-btn path,.circle-overlay svg path{fill:#EDE3D2 !important}
.video-poster-play svg,.podcast-play-btn svg,.circle-overlay svg{filter:none !important}
/* 6. волна голосовых */
.tg-bar{background:var(--s-quiet) !important}
.tg-bar.played{background:var(--s-acc) !important}
/* 9. кружочки без постера */
.circle-box{background:#191512 !important;box-shadow:none !important;outline:1px solid var(--s-line);outline-offset:1px}
.circle-overlay{background:rgb(25 21 18 / .3) !important}

/* 7. заголовки /otzivi/ и /blog/ — как везде: Lora 400 капсом */
h2.section-title,.blog-hero h1,.cluster > h2,.cluster-head h2{font-family:var(--f-serif) !important;font-weight:400 !important;text-transform:uppercase;letter-spacing:.07em !important}
.blog-hero h1{font-size:clamp(30px,4.6vw,46px) !important;letter-spacing:.05em !important;line-height:1.16 !important}
.blog-hero h1 em{font-style:normal !important;color:var(--s-acc) !important}
.cluster > h2,.cluster-head h2{font-size:clamp(20px,2.4vw,24px) !important}
h2.section-title{font-size:clamp(22px,2.8vw,30px) !important}

/* 10. квиз лендинга */
.quiz-result .btn-tg{background:var(--s-fill) !important;border-color:var(--s-fill) !important;color:var(--s-on-fill) !important}
.quiz-result .btn-tg svg{color:var(--s-on-fill) !important}
.btn:disabled,.btn[disabled]{opacity:1 !important;background:transparent !important;border:1px solid var(--s-line2) !important;color:var(--s-soft) !important}
.quiz-gift-unlocked > span:first-child{display:none}
.quiz-wrap{scroll-margin-top:80px}

/* 11. схемы в статьях на телефоне: листаются вбок, а не сжимаются до 5 px */
@media (max-width:560px){
  .chart-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .chart-wrap svg{min-width:520px}
}

/* POLISH */
.italic-accent:not(h1 *):not(h2 *){font-family:var(--f-sans) !important;font-style:normal !important;color:var(--s-soft) !important}
.article-meta .meta-sep:has(+ .meta-views:empty){display:none}
.compare-item svg{color:var(--s-quiet)}
.compare-item svg [style*="stroke:var(--c-l-line)"]{stroke:var(--s-quiet) !important}
@media (max-width:480px){
  .about-mini{flex-direction:column}
}

/* SEO-ревью 29.09: длинные слова капсом не вылезают за экран на 320–393 px (B1) */
h1,h2,h3,.aq-title,.cta-title{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
/* дисклеймер теста — до ответов (S4) */
.article-body .aq .aq-disc{display:block;margin-top:6px;font-size:14px;color:var(--s-soft)}
/* /blog/: фильтр не перестраивается при подмене шрифта (CLS 0,073 → ~0) */
@media (max-width:680px){.filter-bar{flex-wrap:nowrap !important;overflow-x:auto;-webkit-overflow-scrolling:touch}}
/* тест в середине статьи (шаг 2, 05.10): тот же блок, что в конце, внутри текста */
.article-cta.article-cta-mid{margin:40px 0 48px !important;padding:32px 28px !important}
@media (max-width:680px){.article-cta.article-cta-mid{padding:28px 20px !important}}