/* base.css — общие стили нового сайта «Тихого тона» (2026-10-24): шрифт Inter со своего сервера, токены Thelos (светлая тема, акцент красный), кнопки, форма, служебные страницы. Блоки главной — в sections.css. */
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-cyrillic-400.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-latin-400.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-cyrillic-500.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-latin-500.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-cyrillic-600.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-latin-600.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-cyrillic-700.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-latin-700.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{--c-dark:var(--tt-color-dark);--c-bg:var(--tt-color-white);--c-text:var(--tt-color-black);--c-text-2:var(--tt-color-secondary);--c-muted:var(--tt-color-muted);--c-surface:var(--tt-color-surface);--c-stroke:var(--tt-color-stroke);--c-accent:var(--tt-color-red);--c-accent-text:var(--tt-color-white);--r-s:var(--tt-dimension-8);--r-m:var(--tt-dimension-12);--r-l:var(--tt-dimension-24);--font:var(--tt-font)}
*,::before,::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--tt-sticky-height, 72px) + var(--tt-space-16))}
body{margin:0;background:var(--c-bg);color:var(--c-text);font-family:var(--font);font-size:var(--tt-type-20);line-height:1.4;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3,p,ul,ol,figure{margin:0}
:focus-visible{outline:var(--tt-dimension-3) solid var(--c-accent);outline-offset:var(--tt-dimension-3)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tt-dimension-56);padding:0 var(--tt-space-32);border:0;border-radius:var(--r-m);background:var(--c-accent);color:var(--c-accent-text);font:600 var(--tt-type-24)/1.2 var(--font);letter-spacing:-0.04em;text-decoration:none;cursor:pointer}
.btn:hover{filter:brightness(1.08)}
.btn--wide{width:100%}
.mock-note{display:none!important}
body.show-mocks .mock-note{display:block!important;border:var(--tt-dimension-2) solid var(--c-accent);color:var(--c-accent);padding:var(--tt-space-4) var(--tt-space-8);border-radius:var(--r-s);font-size:var(--tt-type-16);background:var(--tt-color-white)}
/* форма заказа */
.s-order{padding:var(--tt-space-64) var(--tt-space-16);background:var(--c-surface)}
.s-order__in{max-width:var(--tt-dimension-640);margin:0 auto}
.s-order h2{font-size:var(--tt-type-48);font-weight:600;letter-spacing:var(--tt-heading-tracking);line-height:.9;margin-bottom:var(--tt-space-16)}
.s-order__lead{color:var(--c-text-2);margin-bottom:var(--tt-space-24)}
.s-order__plan{font-weight:600;margin-bottom:var(--tt-space-16)}
.s-order .field{margin-bottom:var(--tt-space-16)}
.s-order label{display:block;font-weight:600;margin-bottom:var(--tt-space-4)}
.s-order .hint{display:block;color:var(--c-muted);font-size:var(--tt-type-16);margin-bottom:var(--tt-space-4)}
.s-order input[type=text],.s-order input[type=tel]{width:100%;min-height:var(--tt-dimension-56);padding:0 var(--tt-space-16);font:400 var(--tt-type-20) var(--font);border:var(--tt-dimension-2) solid var(--c-stroke);border-radius:var(--r-m);background:var(--tt-color-white)}
.s-order input:focus{border-color:var(--c-text);outline:none}
.s-order .consent{display:flex;gap:var(--tt-space-12);align-items:flex-start;margin:var(--tt-space-8) 0}
.s-order .consent input{width:var(--tt-dimension-28);height:var(--tt-dimension-28);flex:none;margin:0;accent-color:var(--c-accent)}
.s-order .consent label{font-weight:400;font-size:var(--tt-type-16);color:var(--c-text-2)}
.s-order .err{color:var(--c-accent);font-size:var(--tt-type-16);min-height:0;margin-top:var(--tt-space-4)}
.s-order .err:empty{display:none}
.s-order__call{margin-top:var(--tt-space-16);color:var(--c-text-2)}
.s-order .form-result{margin-top:var(--tt-space-16);font-weight:600}
@media (min-width:768px){.s-order{padding:var(--tt-space-96) var(--tt-space-48)}.s-order h2{font-size:var(--tt-type-64)}}
/* служебные страницы */
.mini-head{display:flex;justify-content:space-between;align-items:center;max-width:var(--tt-dimension-1440);margin:0 auto;padding:var(--tt-space-24) var(--tt-space-16)}
.mini-head__logo{font-weight:700;font-size:var(--tt-type-24);letter-spacing:-0.04em;text-decoration:none}
.mini-head__phone{font-weight:600;text-decoration:none}
.doc{max-width:var(--tt-dimension-760);margin:0 auto;padding:var(--tt-space-16) var(--tt-space-16) var(--tt-space-96)}
.doc h1{font-size:var(--tt-type-48);font-weight:600;letter-spacing:var(--tt-heading-tracking);line-height:.95;margin:var(--tt-space-24) 0}
.doc h2{font-size:var(--tt-type-24);font-weight:600;letter-spacing:var(--tt-heading-tracking);margin:var(--tt-space-32) 0 var(--tt-space-12)}
.doc p,.doc ul{margin-bottom:var(--tt-space-12)}
.doc .lead{font-size:var(--tt-type-20)}
.doc__back{margin-top:var(--tt-space-48)}
@media (min-width:768px){.mini-head{padding:var(--tt-space-32) var(--tt-space-48)}.doc h1{font-size:var(--tt-type-64)}}
/* шапка внутренних страниц */
.site-head{border-bottom:var(--tt-dimension-1) solid var(--c-stroke);background:var(--tt-color-white);position:sticky;top:0;z-index:20}
.site-head__in{max-width:var(--tt-dimension-1440);margin:0 auto;padding:var(--tt-space-16);display:flex;align-items:center;justify-content:space-between;gap:var(--tt-space-24)}
.site-head__logo{font-weight:700;font-size:var(--tt-type-24);letter-spacing:-0.04em;text-decoration:none}
.site-head__nav{display:none}
.site-head ul{list-style:none;margin:0;padding:0}
.site-head__nav ul{display:flex;gap:var(--tt-space-32)}
.site-head__nav a,.site-head__burger a{text-decoration:none;font-weight:500;font-size:var(--tt-type-20)}
.site-head__burger summary{list-style:none;cursor:pointer;display:flex;padding:var(--tt-space-4)}
.site-head__burger summary::-webkit-details-marker{display:none}
.site-head__burger nav{position:absolute;left:0;right:0;top:100%;background:var(--tt-color-white);border-bottom:var(--tt-dimension-1) solid var(--c-stroke);padding:var(--tt-space-8) var(--tt-space-16) var(--tt-space-16)}
.site-head__burger li a{display:block;padding:var(--tt-space-12) 0;font-size:var(--tt-type-24)}
@media (min-width:1200px){.site-head__in{padding:var(--tt-space-16) var(--tt-space-64)}.site-head__nav{display:block}.site-head__burger{display:none}}
/* внутренние страницы */
.page-hero{max-width:var(--tt-dimension-1440);margin:0 auto;padding:var(--tt-space-48) var(--tt-space-16) var(--tt-space-24)}
.page-hero h1{font-size:var(--tt-type-48);font-weight:600;letter-spacing:var(--tt-heading-tracking);line-height:.95;max-width:20ch}
.page-hero__lead{font-size:var(--tt-type-20);color:var(--c-text-2);margin-top:var(--tt-space-16);max-width:46ch}
.inner__body>.block,.inner__body>.prose,.inner__body>.cards,.inner__body>.steps,.inner__body>.faq,.inner__body>.callout,.inner__body>.table-wrap,.inner__body>p,.inner__body>ul{max-width:var(--tt-dimension-1440);margin-left:auto;margin-right:auto;padding-left:var(--tt-space-16);padding-right:var(--tt-space-16)}
.block{padding-top:var(--tt-space-32);padding-bottom:var(--tt-space-32)}
.block>*+*{margin-top:var(--tt-space-16)}
.block h2,.prose h2{font-size:var(--tt-type-32);font-weight:600;letter-spacing:var(--tt-heading-tracking);line-height:1}
.block h3,.prose h3{font-size:var(--tt-type-24);font-weight:600;letter-spacing:var(--tt-heading-tracking)}
.block p,.block li,.prose p,.prose li{max-width:68ch}
.block ul,.block ol,.prose ul,.prose ol{padding-left:1.2em}
.block li+li,.prose li+li{margin-top:var(--tt-space-8)}
.prose{max-width:var(--tt-dimension-760)!important}
.prose>*+*{margin-top:var(--tt-space-16)}.prose h2{margin-top:var(--tt-space-48)}
.cards{display:grid;gap:var(--tt-space-16);margin-top:var(--tt-space-16)}
.card{background:var(--c-surface);border-radius:var(--r-l);padding:var(--tt-space-24)}
.card>*+*{margin-top:var(--tt-space-8)}
.card p{color:var(--c-text-2)}
.steps{list-style:none;counter-reset:st;display:grid;gap:var(--tt-space-16);margin-top:var(--tt-space-16);padding:0}
.steps li{counter-increment:st;background:var(--c-surface);border-radius:var(--r-l);padding:var(--tt-space-24) var(--tt-space-24) var(--tt-space-24) var(--tt-space-64);position:relative}
.steps li::before{content:counter(st);position:absolute;left:var(--tt-dimension-20);top:var(--tt-dimension-20);width:var(--tt-dimension-40);height:var(--tt-dimension-40);border-radius:50%;background:var(--c-accent);color:var(--tt-color-white);font-weight:700;display:flex;align-items:center;justify-content:center}
.steps li>*+*{margin-top:var(--tt-space-8)}
.faq{display:grid;gap:var(--tt-space-12);margin-top:var(--tt-space-16)}
.faq details{background:var(--c-surface);border-radius:var(--r-m);padding:0 var(--tt-space-16)}
.faq summary{cursor:pointer;padding:var(--tt-space-16) var(--tt-space-32) var(--tt-space-16) 0;font-weight:600;font-size:var(--tt-type-20);list-style:none;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:var(--tt-dimension-16);font-size:var(--tt-type-32);color:var(--c-accent)}
.faq details[open] summary::after{content:"−"}
.faq details>div{padding:0 0 var(--tt-space-16);color:var(--c-text-2)}
.faq details>div>*+*{margin-top:var(--tt-space-8)}
.callout{border-left:var(--tt-dimension-6) solid var(--c-text);background:var(--c-surface);border-radius:var(--r-m);padding:var(--tt-space-16) var(--tt-space-24);margin-top:var(--tt-space-16)}
.callout--warn{border-left-color:var(--c-accent)}
.callout>*+*{margin-top:var(--tt-space-8)}
.table-wrap{overflow-x:auto;margin-top:var(--tt-space-16)}
.table-wrap table{border-collapse:collapse;width:100%;min-width:var(--tt-dimension-480)}
.table-wrap th,.table-wrap td{text-align:left;padding:var(--tt-space-12);border-bottom:var(--tt-dimension-1) solid var(--c-stroke);vertical-align:top}
.table-wrap th{font-weight:600}
.cta-band{padding:var(--tt-space-32) var(--tt-space-16)}
.cta-band__in{max-width:var(--tt-dimension-1408);margin:0 auto;background:var(--c-dark);color:var(--tt-color-white);border-radius:var(--r-l);padding:var(--tt-space-48) var(--tt-space-24)}
.cta-band__in>*+*{margin-top:var(--tt-space-16)}
.cta-band h2{font-size:var(--tt-type-32);font-weight:600;letter-spacing:var(--tt-heading-tracking);line-height:1;max-width:22ch}
.cta-band p{color:var(--tt-observed-color-cccccc)}
.inner section[id]{scroll-margin-top:0}
@media (min-width:768px){.page-hero{padding:var(--tt-space-64) var(--tt-space-48) var(--tt-space-32)}.page-hero h1{font-size:var(--tt-type-64)}
.inner__body>.block,.inner__body>.prose,.inner__body>.cards,.inner__body>.steps,.inner__body>.faq,.inner__body>.callout,.inner__body>.table-wrap,.inner__body>p,.inner__body>ul{padding-left:var(--tt-space-48);padding-right:var(--tt-space-48)}
.cards{grid-template-columns:repeat(2,1fr)}.block h2,.prose h2{font-size:var(--tt-type-48)}.cta-band{padding:var(--tt-space-48)}.cta-band__in{padding:var(--tt-space-64)}.cta-band h2{font-size:var(--tt-type-48)}}
@media (min-width:1200px){.page-hero{padding:var(--tt-space-96) var(--tt-space-64) var(--tt-space-48)}.page-hero h1{font-size:var(--tt-type-64)}
.inner__body>.block,.inner__body>.prose,.inner__body>.cards,.inner__body>.steps,.inner__body>.faq,.inner__body>.callout,.inner__body>.table-wrap,.inner__body>p,.inner__body>ul{padding-left:var(--tt-space-64);padding-right:var(--tt-space-64)}
.cards{grid-template-columns:repeat(3,1fr)}.cta-band{padding:var(--tt-space-64)}}
/* страница отзывов */
.rv-banner{max-width:var(--tt-dimension-1440);margin:0 auto var(--tt-space-8)!important}
.rv-chips{max-width:var(--tt-dimension-1440);margin:0 auto;padding:var(--tt-space-16)}
.rv-chips ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--tt-space-8)}
.rv-chips a{display:inline-flex;gap:var(--tt-space-8);align-items:center;min-height:var(--tt-dimension-44);padding:0 var(--tt-space-16);border-radius:var(--tt-radius-999);background:var(--c-surface);text-decoration:none;font-weight:500}
.rv-chips a span{color:var(--c-muted)}
.rv-group{max-width:var(--tt-dimension-1440);margin:0 auto;padding:var(--tt-space-48) var(--tt-space-16)}
.rv-group__head{max-width:var(--tt-dimension-760)}.rv-group__head>*+*{margin-top:var(--tt-space-8)}
.rv-group h2{font-size:var(--tt-type-32);font-weight:600;letter-spacing:var(--tt-heading-tracking);line-height:.95}
.rv-group__head p{color:var(--c-text-2)}.rv-group__count{font-weight:600;color:var(--c-text)!important}
.rv-grid{display:grid;gap:var(--tt-space-16);margin-top:var(--tt-space-24)}
.rv{background:var(--c-surface);border-radius:var(--r-l);overflow:hidden;display:flex;flex-direction:column}
.rv[hidden]{display:none}
.rv__media{position:relative;aspect-ratio:4/5;background:var(--tt-observed-color-dddddd)}
.rv__poster,.rv__poster img,.rv__video{width:100%;height:100%;object-fit:cover;display:block}
.rv__poster{position:relative;cursor:pointer}
.rv__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:var(--tt-dimension-64);height:var(--tt-dimension-64);border-radius:50%;background:var(--tt-observed-rgba-255-255-255-92);color:var(--c-accent);display:flex;align-items:center;justify-content:center;padding-left:var(--tt-space-4)}
.rv__poster--note::after{content:"Это кадр-макет, видео появится с настоящими отзывами";position:absolute;left:var(--tt-dimension-12);right:var(--tt-dimension-12);bottom:var(--tt-dimension-56);background:var(--tt-observed-rgba-0-0-0-75);color:var(--tt-color-white);font-size:var(--tt-type-16);padding:var(--tt-space-8) var(--tt-space-8);border-radius:var(--r-s)}
.rv__ai{position:absolute;left:var(--tt-dimension-12);right:var(--tt-dimension-12);bottom:var(--tt-dimension-12);background:var(--c-accent);color:var(--tt-color-white);font-size:var(--tt-type-12);font-weight:600;padding:var(--tt-space-4) var(--tt-space-8);border-radius:var(--r-s);text-align:center}
.rv__body{padding:var(--tt-space-16) var(--tt-space-16) 0}.rv__body>*+*{margin-top:var(--tt-space-8)}
.rv__title{font-size:var(--tt-type-20);font-weight:600;letter-spacing:var(--tt-heading-tracking);line-height:1.15}
.rv__text{font-size:var(--tt-type-16);line-height:1.45}
.rv__date{font-size:var(--tt-type-16);color:var(--c-muted)}
.rv__person{margin:var(--tt-space-16) var(--tt-space-12) var(--tt-space-12);background:var(--tt-color-white);border-radius:var(--r-m);padding:var(--tt-space-16)}
.rv__who{display:flex;gap:var(--tt-space-12);align-items:center}
.rv__avatar{width:var(--tt-dimension-44);height:var(--tt-dimension-44);flex:none;border-radius:50%;background:var(--c-dark);color:var(--tt-color-white);font-weight:600;display:flex;align-items:center;justify-content:center;font-size:var(--tt-type-16)}
.rv__name{font-weight:600}.rv__place{font-size:var(--tt-type-16);color:var(--c-text-2)}
.rv__about{font-size:var(--tt-type-16);color:var(--c-text-2);margin-top:var(--tt-space-12)}
.rv__facts{list-style:none;padding:0;margin:var(--tt-space-12) 0 0;display:flex;flex-wrap:wrap;gap:var(--tt-space-4)}
.rv__facts li{font-size:var(--tt-type-16);background:var(--c-surface);border-radius:var(--tt-radius-999);padding:var(--tt-space-4) var(--tt-space-8)}
.rv-more{margin-top:var(--tt-space-24);background:var(--tt-color-white);color:var(--c-text);border:var(--tt-dimension-2) solid var(--c-text)}
.rv-leave{background:var(--c-surface);padding:var(--tt-space-64) var(--tt-space-16);margin-top:var(--tt-space-32)}
.rv-leave__in{max-width:var(--tt-dimension-960);margin:0 auto}.rv-leave__in>*+*{margin-top:var(--tt-space-24)}
.rv-leave h2{font-size:var(--tt-type-48);font-weight:600;letter-spacing:var(--tt-heading-tracking);line-height:.9}
.rv-leave__lead{font-size:var(--tt-type-20);color:var(--c-text-2)}
.rv-leave .steps li{background:var(--tt-color-white)}
.rv-leave__grid{display:grid;gap:var(--tt-space-16)}.rv-leave .callout{background:var(--tt-color-white);margin:0}
.rv-leave .callout ul{padding-left:1.2em}.rv-leave .callout h3{font-size:var(--tt-type-20)}
.rv-form{background:var(--tt-color-white);border-radius:var(--r-l);padding:var(--tt-space-24)}
.rv-form .field{margin-bottom:var(--tt-space-16)}
.rv-form label{display:block;font-weight:600;margin-bottom:var(--tt-space-4)}
.rv-form .hint{display:block;color:var(--c-muted);font-size:var(--tt-type-16);margin-bottom:var(--tt-space-4)}
.rv-form input[type=text],.rv-form input[type=tel],.rv-form select,.rv-form textarea{width:100%;min-height:var(--tt-dimension-52);padding:var(--tt-space-8) var(--tt-space-12);font:400 var(--tt-type-20) var(--font);border:var(--tt-dimension-2) solid var(--c-stroke);border-radius:var(--r-m);background:var(--tt-color-white)}
.rv-form textarea{resize:vertical}
.rv-form input[type=file]{font-size:var(--tt-type-16)}
.rv-form__checks{border:0;padding:0;margin:var(--tt-space-8) 0 var(--tt-space-16)}
.rv-form__checks legend{font-weight:600;margin-bottom:var(--tt-space-8)}
.rv-form .choice{display:flex;gap:var(--tt-space-12);align-items:flex-start;font-weight:400;font-size:var(--tt-type-16);color:var(--c-text-2);margin-bottom:var(--tt-space-12)}
.rv-form .choice input{width:var(--tt-dimension-26);height:var(--tt-dimension-26);flex:none;margin:0;accent-color:var(--c-accent)}
.rv-form__note{margin-top:var(--tt-space-12);font-size:var(--tt-type-16);color:var(--c-muted)}
.rv-form .form-result{margin-top:var(--tt-space-12);font-weight:600}
@media (min-width:768px){.rv-grid{grid-template-columns:repeat(2,1fr)}.rv-group{padding:var(--tt-space-64) var(--tt-space-48)}.rv-chips{padding:var(--tt-space-16) var(--tt-space-48)}.rv-group h2{font-size:var(--tt-type-48)}
.rv-form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--tt-space-16)}.rv-leave__grid{grid-template-columns:1fr 1fr}.rv-leave{padding:var(--tt-space-96) var(--tt-space-48)}.rv-leave h2{font-size:var(--tt-type-64)}.rv-form{padding:var(--tt-space-48)}}
@media (min-width:1200px){.rv-grid{grid-template-columns:repeat(4,1fr)}.rv-group{padding:var(--tt-space-64)}.rv-chips{padding:var(--tt-space-16) var(--tt-space-64)}.rv-banner{margin:0 var(--tt-space-64) var(--tt-space-8)!important}}
.rv__text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
.rv__text.is-open{display:block;-webkit-line-clamp:unset}
.rv__full{background:none;border:0;padding:var(--tt-space-4) 0;min-height:var(--tt-dimension-44);font:600 var(--tt-type-16) var(--font);color:var(--c-accent);cursor:pointer;text-decoration:underline;text-underline-offset:var(--tt-dimension-3)}
.rv__full[hidden]{display:none}
.rv__ai{top:var(--tt-dimension-12);bottom:auto;right:auto}
/* графики на страницах исследований */
.chart{margin-top:var(--tt-space-16);background:var(--c-surface);border-radius:var(--r-l);padding:var(--tt-space-16)}
.chart svg{width:100%;height:auto;display:block;max-width:var(--tt-dimension-760)}
.chart figcaption{font-size:var(--tt-type-16);color:var(--c-text-2);margin-top:var(--tt-space-12)}
.inner__body>.chart,.inner__body>figure{max-width:var(--tt-dimension-1440);margin-left:auto;margin-right:auto}
@media (min-width:768px){.inner__body>.chart{margin-left:var(--tt-space-48);margin-right:var(--tt-space-48)}}
@media (min-width:1200px){.inner__body>.chart{margin-left:var(--tt-space-64);margin-right:var(--tt-space-64)}}
.mock{background:var(--tt-observed-color-fff3f3)}
body:not(.show-mocks) .mock{background:none}
/* ===== страницы исследований: набор st-* (2026-10-24) ===== */
.st{max-width:var(--tt-dimension-1440);margin:0 auto;padding:0 var(--tt-space-16)}
.st-sec{padding:var(--tt-space-48) 0}
.st-sec>h2,.st-h2{font-size:var(--tt-type-32);font-weight:600;letter-spacing:var(--tt-heading-tracking);line-height:.95;max-width:22ch}
.st-sec>.st-sub{color:var(--c-text-2);margin-top:var(--tt-space-12);max-width:60ch;font-size:var(--tt-type-20)}
.st-eyebrow{display:inline-flex;gap:var(--tt-space-8);align-items:center;font-size:var(--tt-type-16);font-weight:600;color:var(--c-accent);text-transform:uppercase;letter-spacing:.04em}
/* первый экран */
.st-hero{display:grid;gap:var(--tt-space-24);padding:var(--tt-space-32) 0 var(--tt-space-16)}
.st-hero h1{font-size:var(--tt-type-48);font-weight:600;letter-spacing:var(--tt-heading-tracking);line-height:.92;margin-top:var(--tt-space-12)}
.st-hero__lead{font-size:var(--tt-type-20);color:var(--c-text-2);margin-top:var(--tt-space-16);max-width:44ch}
.st-hero__img{border-radius:var(--r-l);overflow:hidden;aspect-ratio:4/3;background:var(--c-surface)}
.st-hero__img img{width:100%;height:100%;object-fit:cover}
.st-key{margin-top:var(--tt-space-24);display:inline-flex;flex-direction:column;gap:var(--tt-space-4);background:var(--c-dark);color:var(--tt-color-white);border-radius:var(--r-l);padding:var(--tt-space-16) var(--tt-space-24);max-width:100%}
.st-key__num{font-size:var(--tt-type-64);font-weight:600;letter-spacing:-0.04em;line-height:.9}
.st-key__num small{font-size:var(--tt-type-24);font-weight:500;letter-spacing:-0.02em}
.st-key__label{font-size:var(--tt-type-16);color:var(--tt-observed-color-dddddd);max-width:34ch}
.st-note{font-size:var(--tt-type-16);color:var(--c-muted);margin-top:var(--tt-space-12)}
/* плитки с цифрами */
.st-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--tt-space-12);margin-top:var(--tt-space-24)}
.st-stat{background:var(--c-surface);border-radius:var(--r-l);padding:var(--tt-space-16)}
.st-stat__num{font-size:var(--tt-type-48);font-weight:600;letter-spacing:-0.04em;line-height:1}
.st-stat__num--accent{color:var(--c-accent)}
.st-stat__label{font-size:var(--tt-type-16);color:var(--c-text-2);margin-top:var(--tt-space-8)}
/* паспорт исследования */
.st-passport{margin-top:var(--tt-space-24);border:var(--tt-dimension-2) solid var(--c-text);border-radius:var(--r-l);overflow:hidden}
.st-passport__head{background:var(--c-dark);color:var(--tt-color-white);padding:var(--tt-space-16) var(--tt-space-16);display:flex;flex-wrap:wrap;gap:var(--tt-space-8) var(--tt-space-16);align-items:baseline}
.st-passport__head b{font-size:var(--tt-type-20)}
.st-passport__head span{color:var(--tt-observed-color-cccccc);font-size:var(--tt-type-16)}
.st-passport dl{margin:0;display:grid;grid-template-columns:1fr}
.st-passport dl>div{display:grid;grid-template-columns:var(--tt-dimension-40) 1fr;gap:var(--tt-space-4) var(--tt-space-12);padding:var(--tt-space-16) var(--tt-space-16);border-top:var(--tt-dimension-1) solid var(--c-stroke)}
.st-passport dt{grid-row:span 2;color:var(--c-accent)}
.st-passport dt svg{width:var(--tt-dimension-32);height:var(--tt-dimension-32)}
.st-passport dd{margin:0}
.st-passport .st-p-label{font-size:var(--tt-type-16);color:var(--c-muted);text-transform:uppercase;letter-spacing:.04em}
.st-passport .st-p-val{font-size:var(--tt-type-20);font-weight:600}
/* график крупно */
.st-chart{display:grid;gap:var(--tt-space-16);margin-top:var(--tt-space-24);background:var(--c-surface);border-radius:var(--r-l);padding:var(--tt-space-16)}
.st-chart svg{width:100%;height:auto;display:block}
.st-chart figcaption{font-size:var(--tt-type-16);color:var(--c-text-2)}
.st-chart__side>*+*{margin-top:var(--tt-space-12)}
.st-chart__side h3{font-size:var(--tt-type-24);font-weight:600;letter-spacing:var(--tt-heading-tracking)}
/* ход исследования */
.st-timeline{list-style:none;margin:var(--tt-space-24) 0 0;padding:0;display:grid;gap:var(--tt-space-12);counter-reset:tl}
.st-timeline li{position:relative;padding:var(--tt-space-16) var(--tt-space-16) var(--tt-space-16) var(--tt-space-64);background:var(--c-surface);border-radius:var(--r-m)}
.st-timeline li::before{counter-increment:tl;content:counter(tl);position:absolute;left:var(--tt-dimension-16);top:var(--tt-dimension-16);width:var(--tt-dimension-28);height:var(--tt-dimension-28);border-radius:50%;background:var(--c-dark);color:var(--tt-color-white);font-weight:600;font-size:var(--tt-type-16);display:flex;align-items:center;justify-content:center}
.st-timeline b{display:block;font-size:var(--tt-type-16)}
.st-timeline span{font-size:var(--tt-type-16);color:var(--c-text-2)}
/* две колонки текст + картинка */
.st-split{display:grid;gap:var(--tt-space-24);align-items:center;margin-top:var(--tt-space-24)}
.st-split__img{border-radius:var(--r-l);overflow:hidden;background:var(--c-surface)}
.st-split__img img{width:100%;height:auto}
.st-split__text>*+*{margin-top:var(--tt-space-12)}
.st-split__text h3{font-size:var(--tt-type-24);font-weight:600;letter-spacing:var(--tt-heading-tracking)}
/* сильные стороны / ограничения */
.st-honest{display:grid;gap:var(--tt-space-12);margin-top:var(--tt-space-24)}
.st-honest>div{border-radius:var(--r-l);padding:var(--tt-space-16)}
.st-pros{background:var(--tt-observed-color-eef4ee)}.st-cons{background:var(--tt-observed-color-fbefef)}
.st-honest h3{font-size:var(--tt-type-20);font-weight:600;display:flex;gap:var(--tt-space-8);align-items:center}
.st-honest ul{list-style:none;padding:0;margin:var(--tt-space-12) 0 0}
.st-honest li{padding-left:var(--tt-space-24);position:relative;margin-top:var(--tt-space-8);font-size:var(--tt-type-16)}
.st-pros li::before{content:"✓";position:absolute;left:0;color:var(--tt-observed-color-2e7d32);font-weight:700}
.st-cons li::before{content:"!";position:absolute;left:var(--tt-dimension-6);color:var(--c-accent);font-weight:700}
/* другие исследования */
.st-evidence{display:grid;gap:var(--tt-space-12);margin-top:var(--tt-space-24)}
.st-ev{background:var(--c-surface);border-radius:var(--r-l);padding:var(--tt-space-16);display:flex;flex-direction:column;gap:var(--tt-space-12)}
.st-ev__num{font-size:var(--tt-type-32);font-weight:600;letter-spacing:-0.04em;line-height:1;color:var(--c-accent)}
.st-ev__what{font-size:var(--tt-type-16);font-weight:600}
.st-ev__chips{display:flex;flex-wrap:wrap;gap:var(--tt-space-4);list-style:none;padding:0;margin:0}
.st-ev__chips li{font-size:var(--tt-type-12);background:var(--tt-color-white);border-radius:var(--tt-radius-999);padding:var(--tt-space-4) var(--tt-space-8)}
.st-ev p{font-size:var(--tt-type-16);color:var(--c-text-2)}
.st-ev a{font-size:var(--tt-type-16);margin-top:auto}
/* шкала доз */
.st-dose{margin-top:var(--tt-space-24);background:var(--c-surface);border-radius:var(--r-l);padding:var(--tt-space-16)}
.st-dose svg{width:100%;height:auto;display:block}
.st-dose figcaption{font-size:var(--tt-type-16);color:var(--c-text-2);margin-top:var(--tt-space-12)}
/* форма сырья: что значит «стандартизованный экстракт» */
.st-forms{display:grid;gap:var(--tt-space-12);margin-top:var(--tt-space-24)}
.st-form{border:var(--tt-dimension-2) solid var(--c-stroke);border-radius:var(--r-l);padding:var(--tt-space-16)}
.st-form--ours{border-color:var(--c-accent);background:var(--tt-observed-color-fff6f6)}
.st-form__tag{display:inline-block;font-size:var(--tt-type-12);font-weight:600;border-radius:var(--tt-radius-999);padding:var(--tt-space-4) var(--tt-space-8);background:var(--c-surface)}
.st-form--ours .st-form__tag{background:var(--c-accent);color:var(--tt-color-white)}
.st-form h3{font-size:var(--tt-type-20);font-weight:600;margin-top:var(--tt-space-8)}
.st-form p{font-size:var(--tt-type-16);color:var(--c-text-2);margin-top:var(--tt-space-8)}
/* безопасность */
.st-safety{display:grid;gap:var(--tt-space-12);margin-top:var(--tt-space-24);list-style:none;padding:0}
.st-safety li{display:grid;grid-template-columns:var(--tt-dimension-40) 1fr;gap:var(--tt-space-12);align-items:start;background:var(--c-surface);border-radius:var(--r-m);padding:var(--tt-space-16)}
.st-safety svg{width:var(--tt-dimension-32);height:var(--tt-dimension-32);color:var(--c-accent)}
.st-safety b{display:block}
.st-safety span{font-size:var(--tt-type-16);color:var(--c-text-2)}
/* подробности и источники */
.st-more{margin-top:var(--tt-space-16);border-top:var(--tt-dimension-1) solid var(--c-stroke)}
.st-more summary{cursor:pointer;list-style:none;padding:var(--tt-space-16) 0;font-weight:600;font-size:var(--tt-type-20);display:flex;justify-content:space-between}
.st-more summary::-webkit-details-marker{display:none}
.st-more summary::after{content:"+";color:var(--c-accent);font-size:var(--tt-type-24);line-height:1}
.st-more[open] summary::after{content:"−"}
.st-more>div{padding-bottom:var(--tt-space-16);color:var(--c-text-2)}
.st-more>div>*+*{margin-top:var(--tt-space-8)}
.st-sources{padding-left:1.4em;font-size:var(--tt-type-16)}
.st-sources li+li{margin-top:var(--tt-space-8)}
/* навигация по компонентам */
.st-nav{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--tt-space-12);margin-top:var(--tt-space-24)}
.st-nav a{display:block;text-decoration:none;background:var(--c-surface);border-radius:var(--r-l);overflow:hidden}
.st-nav img{width:100%;aspect-ratio:4/3;object-fit:cover}
.st-nav span{display:block;padding:var(--tt-space-12) var(--tt-space-16);font-weight:600}
.st-nav a[aria-current]{outline:var(--tt-dimension-3) solid var(--c-accent)}
.st-disclaimer{margin-top:var(--tt-space-24);font-size:var(--tt-type-16);color:var(--c-muted);border-top:var(--tt-dimension-1) solid var(--c-stroke);padding-top:var(--tt-space-16)}
@media (min-width:768px){.st{padding:0 var(--tt-space-48)}.st-hero h1{font-size:var(--tt-type-64)}.st-sec>h2,.st-h2{font-size:var(--tt-type-48)}
.st-stats{grid-template-columns:repeat(4,1fr)}.st-passport dl{grid-template-columns:1fr 1fr}.st-passport dl>div:nth-child(odd){border-right:var(--tt-dimension-1) solid var(--c-stroke)}
.st-honest,.st-forms{grid-template-columns:1fr 1fr}.st-evidence{grid-template-columns:repeat(2,1fr)}.st-safety{grid-template-columns:1fr 1fr}.st-nav{grid-template-columns:repeat(3,1fr)}
.st-timeline{grid-template-columns:repeat(4,1fr)}.st-key__num{font-size:var(--tt-type-64)}}
@media (min-width:1200px){.st{padding:0 var(--tt-space-64)}.st-sec{padding:var(--tt-space-64) 0}
.st-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:var(--tt-space-48);padding:var(--tt-space-48) 0 var(--tt-space-24)}.st-hero h1{font-size:var(--tt-type-64)}
.st-chart{grid-template-columns:1.6fr 1fr;align-items:center;padding:var(--tt-space-32)}.st-split{grid-template-columns:1fr 1fr;gap:var(--tt-space-48)}
.st-split--rev .st-split__img{order:2}.st-evidence{grid-template-columns:repeat(3,1fr)}.st-passport dl{grid-template-columns:repeat(3,1fr)}
.st-passport dl>div:nth-child(odd){border-right:0}.st-passport dl>div:not(:nth-child(3n)){border-right:var(--tt-dimension-1) solid var(--c-stroke)}
.st-forms{grid-template-columns:repeat(3,1fr)}.st-nav{grid-template-columns:repeat(6,1fr)}.st-safety{grid-template-columns:repeat(3,1fr)}}
.st-hero__chart{margin:0;background:var(--c-surface);border-radius:var(--r-l);padding:var(--tt-space-16)}
.st-hero__chart svg{width:100%;height:auto;display:block}
.st-nav a{padding:var(--tt-space-16);min-height:var(--tt-dimension-96);display:flex;align-items:flex-end}
.st-nav span{padding:0;font-size:var(--tt-type-20)}
.st-nav small{display:block;font-weight:500;font-size:var(--tt-type-16);color:var(--c-accent);margin-top:var(--tt-space-4)}
.st-chart>div:first-child{min-width:0}
@media (min-width:1200px){.st-hero .st-hero__chart{padding:var(--tt-space-24)}}
.st-dose svg{max-width:var(--tt-dimension-820)}
.st-stats--hero{margin-top:0}
@media (min-width:1200px){.st-stats--hero{grid-template-columns:1fr 1fr;gap:var(--tt-space-16)}.st-stats--hero .st-stat{padding:var(--tt-space-24)}.st-stats--hero .st-stat__num{font-size:var(--tt-type-64)}}
.st-dose{overflow-x:auto}
.st-dose svg{min-width:var(--tt-dimension-560)}
.st-nav a{flex-direction:column;align-items:stretch;padding:0}
.st-nav a img{width:100%;aspect-ratio:4/3;object-fit:cover}
.st-nav a span{padding:var(--tt-space-12) var(--tt-space-16) var(--tt-space-16)}
.st-hero__img{margin:0}
.product-shot{max-width:var(--tt-dimension-1440);margin:0 auto;padding:0 var(--tt-space-16)}
.product-shot img{width:100%;border-radius:var(--r-l);background:var(--tt-observed-color-eeece8)}
.product-shot--tall{max-width:var(--tt-dimension-560);margin:var(--tt-space-24) 0 0;padding:0 var(--tt-space-16)}
.product-shot figcaption{font-size:var(--tt-type-16);color:var(--c-text-2);margin-top:var(--tt-space-8)}
@media (min-width:768px){.product-shot{padding:0 var(--tt-space-48)}.product-shot--tall{padding:0 var(--tt-space-48)}}
@media (min-width:1200px){.product-shot{padding:0 var(--tt-space-64)}.product-shot--tall{padding:0 var(--tt-space-64)}}
.product-shot--tall{max-width:var(--tt-dimension-440)}@media (min-width:768px){.product-shot--tall{max-width:var(--tt-dimension-520)}}
/* блог «Частые вопросы» */
.fq-chips{padding-top:0}
.fq-group{max-width:var(--tt-dimension-1440);margin:0 auto;padding:var(--tt-space-48) var(--tt-space-16) var(--tt-space-8)}
.fq-group h2,.fq-more h2{font-size:var(--tt-type-32);font-weight:600;letter-spacing:var(--tt-heading-tracking);line-height:.95}
.fq-grid{display:grid;gap:var(--tt-space-16);margin-top:var(--tt-space-16)}
.fq-card{display:flex;flex-direction:column;text-decoration:none;background:var(--c-surface);border-radius:var(--r-l);overflow:hidden;transition:transform .18s ease}
.fq-card:hover{transform:translateY(var(--tt-dimension-negative-3))}
.fq-card__img{display:block;aspect-ratio:4/3;background:var(--tt-observed-color-e8e5e0);overflow:hidden}
.fq-card__img img{width:100%;height:100%;object-fit:cover}
.fq-card__ph{display:flex;width:100%;height:100%;align-items:center;justify-content:center;font-size:var(--tt-type-64);color:var(--tt-observed-color-bbbbbb)}
.fq-card__body{display:flex;flex-direction:column;gap:var(--tt-space-8);padding:var(--tt-space-16) var(--tt-space-16) var(--tt-space-24)}
.fq-card__group{font-size:var(--tt-type-12);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--c-accent)}
.fq-card__title{font-size:var(--tt-type-24);font-weight:600;letter-spacing:var(--tt-heading-tracking);line-height:1.15}
.fq-card__dek{font-size:var(--tt-type-16);color:var(--c-text-2)}
.fq-article{max-width:var(--tt-dimension-1440);margin:0 auto;padding:var(--tt-space-24) var(--tt-space-16) 0}
.fq-top{max-width:var(--tt-dimension-820)}
.fq-back{display:inline-block;margin-bottom:var(--tt-space-16);text-decoration:none;font-weight:600;color:var(--c-text-2)}
.fq-top h1{font-size:var(--tt-type-48);font-weight:600;letter-spacing:var(--tt-heading-tracking);line-height:.95;margin-top:var(--tt-space-8)}
.fq-lead{font-size:var(--tt-type-20);margin-top:var(--tt-space-16);max-width:46ch}
.fq-hero{margin:var(--tt-space-24) 0 0;border-radius:var(--r-l);overflow:hidden;max-width:var(--tt-dimension-980)}
.fq-hero img{width:100%;aspect-ratio:16/9;object-fit:cover}
.fq-body>.block,.fq-body>.cards,.fq-body>.steps,.fq-body>.faq,.fq-body>.callout,.fq-body>.table-wrap,.fq-body>p,.fq-body>ul{max-width:var(--tt-dimension-820)}
.fq-body .block{padding-left:0;padding-right:0}
.fq-more{max-width:var(--tt-dimension-1440);margin:0 auto;padding:var(--tt-space-48) var(--tt-space-16) 0}
@media (min-width:768px){.fq-grid{grid-template-columns:repeat(2,1fr)}.fq-group,.fq-more{padding-left:var(--tt-space-48);padding-right:var(--tt-space-48)}.fq-article{padding:var(--tt-space-48) var(--tt-space-48) 0}.fq-top h1{font-size:var(--tt-type-64)}.fq-group h2,.fq-more h2{font-size:var(--tt-type-48)}}
@media (min-width:1200px){.fq-grid{grid-template-columns:repeat(3,1fr)}.fq-card--big{grid-column:span 2;flex-direction:row}.fq-card--big .fq-card__img{flex:1.3;aspect-ratio:auto;min-height:var(--tt-dimension-320)}.fq-card--big .fq-card__body{flex:1;justify-content:center;padding:var(--tt-space-32)}.fq-card--big .fq-card__title{font-size:var(--tt-type-32)}
.fq-group,.fq-more{padding-left:var(--tt-space-64);padding-right:var(--tt-space-64)}.fq-article{padding:var(--tt-space-48) var(--tt-space-64) 0}.fq-top h1{font-size:var(--tt-type-64)}}
.fq-home{margin-top:var(--tt-space-48)}
.fq-home__head{display:flex;flex-wrap:wrap;gap:var(--tt-space-16) var(--tt-space-32);align-items:flex-end;justify-content:space-between}
.fq-home__title{font-size:var(--tt-type-32);font-weight:600;letter-spacing:var(--tt-heading-tracking);line-height:.95}
.fq-home__sub{color:var(--c-text-2);margin-top:var(--tt-space-8);max-width:52ch}
.fq-home__all{background:var(--tt-color-white);color:var(--c-text);border:var(--tt-dimension-2) solid var(--c-text)}
@media (min-width:768px){.fq-home__title{font-size:var(--tt-type-48)}}
@media (min-width:1200px){.fq-grid--home{grid-template-columns:repeat(3,1fr)}}
.fq-back{display:block;width:max-content}
.fq-home__more{margin-top:var(--tt-space-24);text-align:center}
/* ритм отступов: блок «Частые вопросы» и статьи блога */
.fq-home{margin-top:var(--tt-space-64)}
.fq-home__sub{margin-top:var(--tt-space-16)}
.fq-home .fq-grid{margin-top:var(--tt-space-32)}
.fq-home__more{margin-top:var(--tt-space-32)}
.fq-hero{margin-top:var(--tt-space-24)}
.fq-body{margin-top:var(--tt-space-8)}
.fq-body .block{padding-top:var(--tt-space-24);padding-bottom:var(--tt-space-8)}
.fq-body .block>*+*{margin-top:var(--tt-space-12)}
.fq-body .block>h2+*{margin-top:var(--tt-space-16)}
.fq-body .block h2{font-size:var(--tt-type-32)}
.fq-body .callout,.fq-body .cards,.fq-body .steps,.fq-body .faq,.fq-body .table-wrap{margin-top:var(--tt-space-16)}
.fq-body ul li+li{margin-top:var(--tt-space-8)}
.fq-more{padding-top:var(--tt-space-64)}
@media (min-width:768px){.fq-body .block{padding-top:var(--tt-space-32)}.fq-body .block h2{font-size:var(--tt-type-32)}.fq-home{margin-top:var(--tt-space-96)}}
.s-production .fq-home__sub{margin-top:var(--tt-space-16)}
.s-production .fq-home .fq-grid{margin-top:var(--tt-space-32)}
.s-production .fq-home__more{margin-top:var(--tt-space-32)}
.s-production .fq-home p.fq-home__sub{margin-top:var(--tt-space-16)}.s-production .fq-home p.fq-home__more{margin-top:var(--tt-space-32)}
@media (max-width:767px){.fq-chips{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.fq-chips::-webkit-scrollbar{display:none}.fq-chips ul{flex-wrap:nowrap;width:max-content}}
/* ===== статьи ar-* (2026-10-25) ===== */
.ar{--ar-pad:var(--tt-dimension-16)}
.ar-hero{max-width:var(--tt-dimension-1440);margin:0 auto;padding:var(--tt-space-32) var(--ar-pad) var(--tt-space-8);display:grid;gap:var(--tt-space-24)}
.ar-kicker{display:inline-block;background:var(--tt-observed-color-fbeaea);color:var(--c-accent);font-weight:600;font-size:var(--tt-type-16);letter-spacing:.04em;text-transform:uppercase;border-radius:var(--tt-radius-999);padding:var(--tt-space-4) var(--tt-space-12)}
.ar-hero h1{font-size:var(--tt-type-48);font-weight:600;letter-spacing:var(--tt-heading-tracking-editorial);line-height:.95;margin-top:var(--tt-space-16);max-width:18ch}
.ar-hero__lead{font-size:var(--tt-type-20);line-height:1.45;color:var(--c-text-2);margin-top:var(--tt-space-16);max-width:40ch}
.ar-meta{display:flex;flex-wrap:wrap;gap:var(--tt-space-8) var(--tt-space-16);margin-top:var(--tt-space-16);font-size:var(--tt-type-16);color:var(--c-muted)}
.ar-meta span::before{content:"";display:inline-block;width:var(--tt-dimension-6);height:var(--tt-dimension-6);border-radius:50%;background:var(--c-accent);margin-right:var(--tt-space-8);vertical-align:middle}
.ar-hero__img{margin:0;border-radius:var(--tt-radius-28);overflow:hidden;aspect-ratio:4/3;background:var(--tt-observed-color-eeece8)}
.ar-hero__img img{width:100%;height:100%;object-fit:cover}
.ar-layout{max-width:var(--tt-dimension-1440);margin:0 auto;padding:var(--tt-space-16) var(--ar-pad) 0;display:grid;gap:var(--tt-space-24)}
.ar-toc{background:var(--c-surface);border-radius:var(--r-l);padding:var(--tt-space-16) var(--tt-space-24)}
.ar-toc__title{font-weight:600;font-size:var(--tt-type-16);text-transform:uppercase;letter-spacing:.04em;color:var(--c-muted)}
.ar-toc ol{margin:var(--tt-space-12) 0 0;padding-left:1.3em}
.ar-toc li{margin-top:var(--tt-space-8);font-size:var(--tt-type-16)}
.ar-toc a{text-decoration:none}.ar-toc a:hover{color:var(--c-accent)}
.ar-body{max-width:var(--tt-dimension-740);font-size:var(--tt-type-20);line-height:1.6}
.ar-body p{margin:0}
.ar-sec{padding-top:var(--tt-space-48);scroll-margin-top:var(--tt-space-96)}
.ar-sec>h2{font-size:var(--tt-type-32);font-weight:600;letter-spacing:var(--tt-heading-tracking);line-height:1.05;margin-bottom:var(--tt-space-16)}
.ar-sec>p+p{margin-top:var(--tt-space-16)}
.ar-sec>*+:not(p):not(h2){margin-top:var(--tt-space-24)}
.ar-sec>:not(p):not(h2)+p{margin-top:var(--tt-space-24)}
.ar-answer{position:relative;background:linear-gradient(135deg,var(--tt-observed-color-fff4f4),var(--tt-color-white));border:var(--tt-dimension-2) solid var(--tt-observed-color-f3cfcf);border-radius:var(--tt-radius-24);padding:var(--tt-space-24) var(--tt-space-24) var(--tt-space-24) var(--tt-space-24);margin-top:var(--tt-space-8)}
.ar-answer::before{content:"";position:absolute;left:0;top:var(--tt-dimension-22);bottom:var(--tt-dimension-22);width:var(--tt-dimension-5);border-radius:0 var(--tt-radius-4) var(--tt-radius-4) 0;background:var(--c-accent)}
.ar-answer__label{font-size:var(--tt-type-16);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--c-accent);margin-bottom:var(--tt-space-8)!important}
.ar-answer p:not(.ar-answer__label){font-size:var(--tt-type-20);line-height:1.45;font-weight:500}
.ar-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--tt-space-12)}
.ar-stat{background:var(--c-dark);color:var(--tt-color-white);border-radius:var(--tt-radius-22);padding:var(--tt-space-16)}
.ar-stat:nth-child(2n){background:var(--c-accent)}
.ar-stat__num{font-size:var(--tt-type-32);font-weight:600;letter-spacing:-0.04em;line-height:1}
.ar-stat__label{font-size:var(--tt-type-16);line-height:1.35;margin-top:var(--tt-space-8)!important;opacity:.85}
.ar-table{margin-left:0;margin-right:0;overflow-x:auto;border-radius:var(--tt-radius-20);border:var(--tt-dimension-1) solid var(--c-stroke)}
.ar-table table{border-collapse:collapse;width:100%;min-width:var(--tt-dimension-480);font-size:var(--tt-type-16)}
.ar-table th{background:var(--c-dark);color:var(--tt-color-white);text-align:left;font-weight:600;padding:var(--tt-space-12) var(--tt-space-16)}
.ar-table td{padding:var(--tt-space-12) var(--tt-space-16);border-top:var(--tt-dimension-1) solid var(--c-stroke);vertical-align:top}
.ar-table tbody tr:nth-child(odd){background:var(--tt-observed-color-fafafa)}
.ar-table figcaption{font-size:var(--tt-type-16);color:var(--c-muted);padding:var(--tt-space-8) var(--tt-space-16);border-top:var(--tt-dimension-1) solid var(--c-stroke)}
.ar-steps{list-style:none;padding:0;counter-reset:ars;position:relative}
.ar-steps::before{content:"";position:absolute;left:var(--tt-dimension-21);top:var(--tt-dimension-8);bottom:var(--tt-dimension-8);width:var(--tt-dimension-2);background:var(--tt-observed-color-f0d3d3)}
.ar-steps li{counter-increment:ars;position:relative;padding:0 0 var(--tt-space-24) var(--tt-space-64)}
.ar-steps li::before{content:counter(ars);position:absolute;left:0;top:0;width:var(--tt-dimension-44);height:var(--tt-dimension-44);border-radius:50%;background:var(--c-accent);color:var(--tt-color-white);font-weight:700;font-size:var(--tt-type-20);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 var(--tt-dimension-6) var(--tt-color-white)}
.ar-steps h3{font-size:var(--tt-type-20);font-weight:600;letter-spacing:var(--tt-heading-tracking);line-height:1.2;padding-top:var(--tt-space-8)}
.ar-steps p{font-size:var(--tt-type-16);color:var(--c-text-2);margin-top:var(--tt-space-4)!important}
.ar-cards{display:grid;gap:var(--tt-space-12)}
.ar-card{background:var(--c-surface);border-radius:var(--tt-radius-22);padding:var(--tt-space-16);transition:transform .18s}
.ar-card:hover{transform:translateY(var(--tt-dimension-negative-2))}
.ar-card__icon{width:var(--tt-dimension-48);height:var(--tt-dimension-48);border-radius:var(--tt-radius-14);background:var(--tt-color-white);display:flex;align-items:center;justify-content:center;font-size:var(--tt-type-24);margin-bottom:var(--tt-space-12)!important}
.ar-card h3{font-size:var(--tt-type-20);font-weight:600;letter-spacing:var(--tt-heading-tracking)}
.ar-card p:not(.ar-card__icon){font-size:var(--tt-type-16);color:var(--c-text-2);margin-top:var(--tt-space-4)!important;line-height:1.45}
.ar-compare{display:grid;gap:var(--tt-space-12)}
.ar-compare>div{border-radius:var(--tt-radius-22);padding:var(--tt-space-16) var(--tt-space-24)}
.ar-compare__yes{background:var(--tt-observed-color-eaf4ec)}.ar-compare__no{background:var(--tt-observed-color-fbeded)}
.ar-compare h3{font-size:var(--tt-type-20);font-weight:600}
.ar-compare ul{list-style:none;padding:0;margin:var(--tt-space-8) 0 0}
.ar-compare li{position:relative;padding-left:var(--tt-space-24);margin-top:var(--tt-space-8);font-size:var(--tt-type-16);line-height:1.4}
.ar-compare__yes li::before{content:"✓";position:absolute;left:0;color:var(--tt-observed-color-2e7d32);font-weight:700}
.ar-compare__no li::before{content:"✕";position:absolute;left:var(--tt-dimension-2);color:var(--c-accent);font-weight:700}
.ar-note{background:var(--tt-observed-color-f4f6fb);border-radius:var(--tt-radius-20);padding:var(--tt-space-16) var(--tt-space-24);font-size:var(--tt-type-16);line-height:1.5}
.ar-note--warn{background:var(--tt-observed-color-fff1f1);border:var(--tt-dimension-2) solid var(--tt-observed-color-f5c9c9)}
.ar-check{list-style:none;padding:0;display:grid;gap:var(--tt-space-8)}
.ar-check li{position:relative;padding:var(--tt-space-12) var(--tt-space-16) var(--tt-space-12) var(--tt-space-48);background:var(--c-surface);border-radius:var(--tt-radius-16);font-size:var(--tt-type-16);line-height:1.4}
.ar-check li::before{content:"✓";position:absolute;left:var(--tt-dimension-14);top:var(--tt-dimension-12);width:var(--tt-dimension-26);height:var(--tt-dimension-26);border-radius:50%;background:var(--c-accent);color:var(--tt-color-white);font-size:var(--tt-type-16);font-weight:700;display:flex;align-items:center;justify-content:center}
.ar-quote{margin-left:0;margin-right:0;padding:var(--tt-space-8) 0 var(--tt-space-8) var(--tt-space-24);border-left:var(--tt-dimension-4) solid var(--c-accent)}
.ar-quote p{font-size:var(--tt-type-24);line-height:1.4;font-weight:500;letter-spacing:-0.01em}
.ar-quote cite{display:block;margin-top:var(--tt-space-8);font-style:normal;font-size:var(--tt-type-16);color:var(--c-muted)}
.ar-faq{display:grid;gap:var(--tt-space-8)}
.ar-faq details{background:var(--c-surface);border-radius:var(--tt-radius-16);padding:0 var(--tt-space-16)}
.ar-faq summary{cursor:pointer;list-style:none;padding:var(--tt-space-16) var(--tt-space-32) var(--tt-space-16) 0;font-weight:600;font-size:var(--tt-type-20);position:relative}
.ar-faq summary::-webkit-details-marker{display:none}
.ar-faq summary::after{content:"+";position:absolute;right:0;top:var(--tt-dimension-12);font-size:var(--tt-type-32);color:var(--c-accent)}
.ar-faq details[open] summary::after{content:"−"}
.ar-faq details>div{padding-bottom:var(--tt-space-16);font-size:var(--tt-type-16);color:var(--c-text-2)}
.ar-sources{margin-top:var(--tt-space-48);border-top:var(--tt-dimension-1) solid var(--c-stroke);padding-top:var(--tt-space-8)}
.ar-sources summary{cursor:pointer;padding:var(--tt-space-12) 0;font-weight:600}
.ar-sources ol{font-size:var(--tt-type-16);color:var(--c-text-2);padding-left:1.3em}
.ar-sources li+li{margin-top:var(--tt-space-4)}
.ar-disclaimer{margin-top:var(--tt-space-16)!important;font-size:var(--tt-type-16);color:var(--c-muted)}
.ar-product{max-width:var(--tt-dimension-1408);margin:var(--tt-space-64) auto 0;background:var(--tt-observed-color-f6f3ef);border-radius:var(--tt-radius-32);padding:var(--tt-space-24);display:grid;gap:var(--tt-space-16);align-items:center}
.ar-product img{width:100%;max-width:var(--tt-dimension-320);margin:0 auto;border-radius:var(--tt-radius-20)}
.ar-product__kicker{color:var(--c-accent);font-weight:600;font-size:var(--tt-type-16);text-transform:uppercase;letter-spacing:.04em}
.ar-product h2{font-size:var(--tt-type-32);font-weight:600;letter-spacing:var(--tt-heading-tracking);line-height:1.05;margin-top:var(--tt-space-8)}
.ar-product p:not(.ar-product__kicker){margin-top:var(--tt-space-12);color:var(--c-text-2)}
.ar-product__btns{display:flex;flex-wrap:wrap;gap:var(--tt-space-16);align-items:center;margin-top:var(--tt-space-16)}
.ar-product__link{font-weight:600;text-decoration:none}
.ar-product__note{font-size:var(--tt-type-16)!important}
.ar-more{max-width:var(--tt-dimension-1440);margin:0 auto;padding:var(--tt-space-64) var(--tt-space-16) 0}
.ar-more h2{font-size:var(--tt-type-32);font-weight:600;letter-spacing:var(--tt-heading-tracking)}
.ar-more__grid{display:grid;gap:var(--tt-space-12);margin-top:var(--tt-space-16)}
.ar-more__card{display:block;text-decoration:none;background:var(--c-surface);border-radius:var(--tt-radius-22);overflow:hidden}
.ar-more__card img{width:100%;aspect-ratio:16/9;object-fit:cover}
.ar-more__card span{display:block;padding:var(--tt-space-16) var(--tt-space-16);font-weight:600;font-size:var(--tt-type-20);line-height:1.25}
@media (min-width:768px){.ar{--ar-pad:var(--tt-dimension-48)}.ar-hero h1{font-size:var(--tt-type-64)}.ar-stats{grid-template-columns:repeat(3,1fr)}.ar-cards{grid-template-columns:repeat(2,1fr)}.ar-compare{grid-template-columns:1fr 1fr}
.ar-product{grid-template-columns:var(--tt-dimension-280) 1fr;padding:var(--tt-space-48);margin-left:var(--tt-space-48);margin-right:var(--tt-space-48)}.ar-more{padding-left:var(--tt-space-48);padding-right:var(--tt-space-48)}.ar-more__grid{grid-template-columns:repeat(3,1fr)}.ar-sec>h2{font-size:var(--tt-type-48)}}
@media (min-width:1200px){.ar{--ar-pad:var(--tt-dimension-64)}.ar-hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:var(--tt-space-64);padding-top:var(--tt-space-64)}.ar-hero h1{font-size:var(--tt-type-64)}
.ar-layout{grid-template-columns:var(--tt-dimension-260) minmax(0,var(--tt-dimension-740));gap:var(--tt-space-64);align-items:start}.ar-toc{position:sticky;top:var(--tt-dimension-96);margin-top:var(--tt-space-48)}
.ar-product{grid-template-columns:var(--tt-dimension-340) 1fr;margin-left:auto;margin-right:auto;max-width:var(--tt-dimension-1312);padding:var(--tt-space-48) var(--tt-space-64)}.ar-product h2{font-size:var(--tt-type-32)}.ar-more{padding-left:var(--tt-space-64);padding-right:var(--tt-space-64)}}
@media (min-width:1200px){.ar-layout:not(:has(.ar-toc)){grid-template-columns:minmax(0,var(--tt-dimension-740))}}
/* хаб исследований */
.hb-hero{padding:var(--tt-space-48) 0 var(--tt-space-8);max-width:var(--tt-dimension-900)}
.hb-hero h1{font-size:var(--tt-type-48);font-weight:600;letter-spacing:var(--tt-heading-tracking-editorial);line-height:.95;margin-top:var(--tt-space-12)}
.hb-facts{display:flex;flex-wrap:wrap;gap:var(--tt-space-12);margin-top:var(--tt-space-24)}
.hb-facts div{background:var(--c-surface);border-radius:var(--tt-radius-18);padding:var(--tt-space-12) var(--tt-space-16);display:flex;align-items:baseline;gap:var(--tt-space-8)}
.hb-facts b{font-size:var(--tt-type-32);font-weight:600;letter-spacing:-0.04em;color:var(--c-accent)}
.hb-facts span{font-size:var(--tt-type-16);color:var(--c-text-2)}
.hb-grid{display:grid;gap:var(--tt-space-16);margin-top:var(--tt-space-32)}
.hb-card{display:grid;text-decoration:none;background:var(--c-surface);border-radius:var(--tt-radius-28);overflow:hidden;transition:transform .2s}
.hb-card:hover{transform:translateY(var(--tt-dimension-negative-3))}
.hb-card__img{aspect-ratio:4/3;background:var(--tt-observed-color-eeece8)}
.hb-card__img img{width:100%;height:100%;object-fit:cover}
.hb-card__body{display:flex;flex-direction:column;gap:var(--tt-space-4);padding:var(--tt-space-24) var(--tt-space-24) var(--tt-space-24)}
.hb-card__n{font-size:var(--tt-type-16);font-weight:700;color:var(--c-muted)}
.hb-card__name{font-size:var(--tt-type-32);font-weight:600;letter-spacing:var(--tt-heading-tracking)}
.hb-card__num{font-size:var(--tt-type-48);font-weight:600;letter-spacing:-0.045em;color:var(--c-accent);line-height:1;margin-top:var(--tt-space-4)}
.hb-card__num small{font-size:var(--tt-type-20);letter-spacing:-0.01em}
.hb-card__label{font-size:var(--tt-type-16);color:var(--c-text-2);line-height:1.4}
.hb-card__src{font-size:var(--tt-type-16);color:var(--c-muted);margin-top:var(--tt-space-4)}
.hb-card__go{font-weight:600;margin-top:var(--tt-space-8)}
.hb-note{margin-top:var(--tt-space-32)}
@media (min-width:768px){.hb-hero h1{font-size:var(--tt-type-64)}.hb-grid{grid-template-columns:1fr 1fr}}
@media (min-width:1200px){.hb-hero{padding-top:var(--tt-space-64)}.hb-hero h1{font-size:var(--tt-type-64)}.hb-grid{grid-template-columns:repeat(3,1fr)}}
.pz{max-width:var(--tt-dimension-1440);margin:0 auto;padding:0 var(--tt-space-16)}
.pz-card small{display:block;padding:0 var(--tt-space-16) var(--tt-space-16);color:var(--c-text-2);font-size:var(--tt-type-16);line-height:1.4}
.pz-card__ph{display:flex;aspect-ratio:16/9;align-items:center;justify-content:center;font-size:var(--tt-type-48);color:var(--tt-observed-color-d8c9c9);background:var(--tt-observed-color-f3eeee)}
@media (min-width:768px){.pz{padding:0 var(--tt-space-48)}}@media (min-width:1200px){.pz{padding:0 var(--tt-space-64)}}
.ar-layout{grid-template-columns:minmax(0,1fr)}.ar-body{min-width:0}.ar-hero{grid-template-columns:minmax(0,1fr)}@media (min-width:1200px){.ar-hero{grid-template-columns:1.05fr 1fr}.ar-layout{grid-template-columns:var(--tt-dimension-260) minmax(0,var(--tt-dimension-740))}}

/* ================= THELOS LAYOUT (2026-10-25) =================
   r=4; отступы 4·8·12·16·24·32·48·64; шрифт 12·16·20·24·32·48·64·96;
   главное деление 64/36; медиа товара 3:4, широкие 4:3; один сигнал группировки.
   Цвета и скругления — прежние (владелец). Правила: plans/e1-thelos-web-rules.md */
:root{--s1:var(--tt-dimension-4);--s2:var(--tt-dimension-8);--s3:var(--tt-dimension-12);--s4:var(--tt-dimension-16);--s6:var(--tt-dimension-24);--s8:var(--tt-dimension-32);--s12:var(--tt-dimension-48);--s16:var(--tt-dimension-64);
--t12:var(--tt-dimension-12);--t16:var(--tt-dimension-16);--t20:var(--tt-dimension-20);--t24:var(--tt-dimension-24);--t32:var(--tt-dimension-32);--t48:var(--tt-dimension-48);--t64:var(--tt-dimension-64);--t96:var(--tt-dimension-96);
--field:var(--tt-dimension-1440);--edge:var(--tt-dimension-16);--split:minmax(0,64fr) minmax(0,36fr);--split-gap:var(--s12)}
@media (min-width:768px){:root{--edge:var(--tt-dimension-48)}}
@media (min-width:1200px){:root{--edge:var(--tt-dimension-64);--split-gap:var(--s16)}}
body{font-size:var(--t20);line-height:1.4}

/* --- статьи: шапка 64/36, фото 3:4; тело 64, колонка 36 --- */
.ar-hero{max-width:var(--field);padding:var(--s8) var(--edge) var(--s8);gap:var(--s8)}
.ar-hero h1{font-size:var(--t48);line-height:.9;letter-spacing:var(--tt-heading-tracking);max-width:none}
.ar-hero__lead{font-size:var(--t24);line-height:1.3;margin-top:var(--s6);max-width:none}
.ar-kicker{font-size:var(--t12);padding:var(--s1) var(--s3)}
.ar-hero h1{margin-top:var(--s4)}
.ar-meta{font-size:var(--t16);margin-top:var(--s6);gap:var(--s2) var(--s6)}
.ar-hero__img{aspect-ratio:3/4}
.ar-layout{max-width:var(--field);padding:0 var(--edge);gap:var(--s12)}
.ar-body{max-width:var(--tt-dimension-640);font-size:var(--t20);line-height:1.4}
.ar-sec{padding-top:var(--s16)}
.ar-sec>h2{font-size:var(--t32);line-height:.95;letter-spacing:var(--tt-heading-tracking);margin-bottom:var(--s6)}
.ar-sec>p+p{margin-top:var(--s4)}
.ar-sec>*+:not(p):not(h2),.ar-sec>:not(p):not(h2)+p{margin-top:var(--s8)}
.ar-answer{background:var(--tt-observed-color-fff4f4);border:0;padding:var(--s6)}
.ar-answer::before{display:none}
.ar-answer__label{font-size:var(--t12);margin-bottom:var(--s3)!important}
.ar-answer p:not(.ar-answer__label){font-size:var(--t24);line-height:1.3;font-weight:500}
.ar-stats{gap:var(--s3)}
.ar-stat{padding:var(--s6) var(--s4)}
.ar-stat__num{font-size:var(--t32);line-height:1}
.ar-stat__label{font-size:var(--t16);line-height:1.25;margin-top:var(--s2)!important}
.ar-table table{font-size:var(--t16)}
.ar-table th,.ar-table td{padding:var(--s3) var(--s4)}
.ar-table figcaption{font-size:var(--t16);padding:var(--s3) var(--s4)}
.ar-steps li{padding:0 0 var(--s6) var(--s16)}
.ar-steps h3{font-size:var(--t24);padding-top:var(--s2)}
.ar-steps p{font-size:var(--t16);margin-top:var(--s2)!important}
.ar-cards{gap:var(--s4)}
.ar-card{background:none;padding:var(--s4) 0 0;border-top:var(--tt-dimension-2) solid var(--c-text);border-radius:0}
.ar-card:hover{transform:none}
.ar-card__n{font-size:var(--t16);font-weight:700;color:var(--c-accent);margin-bottom:var(--s2)!important}
.ar-card h3{font-size:var(--t24);line-height:1.2}
.ar-card p:not(.ar-card__n){font-size:var(--t16);line-height:1.4;margin-top:var(--s2)!important}
.ar-compare{gap:var(--s4)}
.ar-compare>div{padding:var(--s6)}
.ar-compare h3{font-size:var(--t24)}
.ar-compare li{font-size:var(--t16);margin-top:var(--s2)}
.ar-note{padding:var(--s4) var(--s6);font-size:var(--t16)}
.ar-note--warn{border:0}
.ar-check{gap:var(--s2)}
.ar-check li{font-size:var(--t16);padding:var(--s3) var(--s4) var(--s3) var(--s12)}
.ar-check li::before{left:var(--s3);top:var(--s3)}
.ar-quote{padding:var(--s2) 0 var(--s2) var(--s6)}
.ar-quote p{font-size:var(--t24);line-height:1.3}
.ar-quote cite{font-size:var(--t16);margin-top:var(--s3)}
.ar-faq{gap:var(--s2)}
.ar-faq summary{font-size:var(--t20);padding:var(--s4) var(--s8) var(--s4) 0}
.ar-faq details{padding:0 var(--s6)}
.ar-faq details>div{font-size:var(--t16);padding-bottom:var(--s4)}
.ar-sources{margin-top:var(--s12)}
.ar-sources ol{font-size:var(--t16)}
.ar-disclaimer{font-size:var(--t16)!important;margin-top:var(--s6)!important}
.ar-aside{display:none}
.ar-toc{padding:var(--s6)}
.ar-toc__title{font-size:var(--t12)}
.ar-toc li{font-size:var(--t16);margin-top:var(--s2)}
.ar-mini{display:grid;grid-template-columns:var(--tt-dimension-96) 1fr;gap:var(--s4);align-items:center;text-decoration:none;margin-top:var(--s4);padding:var(--s4);background:var(--tt-observed-color-f6f3ef);border-radius:var(--r-l)}
.ar-mini img{width:var(--tt-dimension-96);aspect-ratio:3/4;object-fit:cover;border-radius:var(--r-m);background:var(--tt-color-white)}
.ar-mini span{font-size:var(--t16);line-height:1.3}
.ar-mini b{display:block;font-size:var(--t20)}
.ar-product{max-width:calc(var(--field) - 2 * var(--edge));margin:var(--s16) auto 0;padding:var(--s6);gap:var(--s8)}
.ar-product img{aspect-ratio:3/4;object-fit:cover;max-width:none}
.ar-product__kicker{font-size:var(--t12)}
.ar-product h2{font-size:var(--t32);line-height:.95;margin-top:var(--s3)}
.ar-product p:not(.ar-product__kicker){font-size:var(--t16);margin-top:var(--s4)}
.ar-product__btns{margin-top:var(--s6);gap:var(--s4)}
.ar-more{max-width:var(--field);padding:var(--s16) var(--edge) 0}
.ar-more h2{font-size:var(--t32)}
.ar-more__grid{gap:var(--s4);margin-top:var(--s6)}
.ar-more__card span{font-size:var(--t20);padding:var(--s4)}
@media (min-width:768px){
 .ar-hero h1{font-size:var(--t64)}
 .ar-stats{grid-template-columns:repeat(3,1fr)}
 .ar-cards{grid-template-columns:repeat(2,1fr);gap:var(--s8) var(--s6)}
 .ar-product{grid-template-columns:minmax(0,36fr) minmax(0,64fr);padding:var(--s8)}
 .ar-product__btns{flex-wrap:nowrap}}
@media (min-width:1200px){
 .ar-hero{grid-template-columns:var(--split);gap:var(--split-gap);padding-top:var(--s12);align-items:end}
 .ar-hero__img{max-height:var(--tt-dimension-600);width:100%}
 .ar-layout{grid-template-columns:var(--split);gap:var(--split-gap)}
 .ar-body{max-width:var(--tt-dimension-640)}
 .ar-aside{display:block;position:sticky;top:var(--tt-dimension-96);margin-top:var(--s16)}
 .ar-toc{position:static;margin-top:0}
 .ar-product{padding:var(--s12) var(--s16);gap:var(--s16)}
 .ar-product h2{font-size:var(--t48)}}

/* --- служебные и товарные страницы: шапка 64 / «Главное» 36, текст в колонке 64 --- */
.page-hero{max-width:var(--field);padding:var(--s8) var(--edge) var(--s8);display:grid;gap:var(--s8)}
.page-hero h1{font-size:var(--t48);line-height:.9;letter-spacing:var(--tt-heading-tracking);max-width:none}
.page-hero__lead{font-size:var(--t24);line-height:1.3;margin-top:var(--s6);max-width:none}
.page-hero__side{background:var(--c-surface);border-radius:var(--r-l);padding:var(--s6);align-self:start}
.page-hero__side>*+*{margin-top:var(--s4)}
.page-hero__label{font-size:var(--t12);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--c-accent)}
.page-hero__side p{font-size:var(--t16);line-height:1.4}
.page-hero__side .btn{width:100%}
.page-hero__phone a{font-weight:600;white-space:nowrap}
.inner__body>.block,.inner__body>.cards,.inner__body>.steps,.inner__body>.faq,.inner__body>.callout,.inner__body>.table-wrap,.inner__body>p,.inner__body>ul,.inner__body>.prose{max-width:var(--field);padding-left:var(--edge);padding-right:var(--edge)}
.inner__body>.block>*,.inner__body>.prose>*{max-width:var(--tt-dimension-640)}
.inner__body>.block>.cards,.inner__body>.block>.table-wrap,.inner__body>.block>.steps,.inner__body>.block>.faq{max-width:none}
.block{padding-top:var(--s12);padding-bottom:0}
.block>*+*{margin-top:var(--s4)}
.block>h2+*{margin-top:var(--s6)}
.block h2,.prose h2{font-size:var(--t32);line-height:.95;letter-spacing:var(--tt-heading-tracking)}
.block h3,.prose h3{font-size:var(--t24)}
.card{padding:var(--s6)}.card>*+*{margin-top:var(--s2)}
.cards{gap:var(--s4)}
.steps{gap:var(--s3)}.steps li{padding:var(--s6) var(--s6) var(--s6) var(--s16)}
.faq summary{font-size:var(--t20);padding:var(--s4) var(--s8) var(--s4) 0}
.callout{padding:var(--s4) var(--s6);border-left-width:var(--tt-dimension-4)}
.cta-band{padding:var(--s16) var(--edge)}
.cta-band__in{padding:var(--s8) var(--s6);display:grid;gap:var(--s4)}
.cta-band h2{font-size:var(--t32)}
.product-shot{padding:0 var(--edge);max-width:var(--field)}
@media (min-width:768px){.page-hero h1{font-size:var(--t64)}.cta-band__in{padding:var(--s12)}.cta-band h2{font-size:var(--t48)}}
@media (min-width:1200px){
 .page-hero{grid-template-columns:var(--split);gap:var(--split-gap);padding-top:var(--s16);align-items:end}
 .page-hero__side{max-width:var(--tt-dimension-420);justify-self:end;width:100%}
 .cta-band__in{grid-template-columns:var(--split);align-items:end;gap:var(--s4) var(--split-gap);padding:var(--s16)}
 .cta-band__in h2{grid-column:1}.cta-band__in p{grid-column:1}.cta-band__in .btn{grid-column:2;grid-row:1 / span 2;justify-self:end;align-self:center}}

/* --- исследования компонентов --- */
.st{padding:0 var(--edge)}
.st-sec{padding:var(--s16) 0 0}
.st-sec>h2,.st-h2{font-size:var(--t32);line-height:.95}
.st-sec>.st-sub{font-size:var(--t20);margin-top:var(--s4)}
.st-hero{padding:var(--s8) 0 var(--s8);gap:var(--s8)}
.st-hero h1{font-size:var(--t48);line-height:.9;margin-top:var(--s4)}
.st-hero__lead{font-size:var(--t24);line-height:1.3;margin-top:var(--s6)}
.st-hero__img{aspect-ratio:3/4}
.st-key{margin-top:var(--s8);padding:var(--s6)}
.st-key__num{font-size:var(--t48)}
.st-key__num small{font-size:var(--t24)}
.st-key__label{font-size:var(--t16)}
.st-note{font-size:var(--t16);margin-top:var(--s3)}
.st-stats{gap:var(--s3);margin-top:var(--s8)}
.st-stat{padding:var(--s6) var(--s4)}
.st-stat__num{font-size:var(--t32)}
.st-stat__label{font-size:var(--t16)}
.st-how{display:grid;gap:var(--s8);margin-top:var(--s8)}
.st-how__title{font-size:var(--t12);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--c-muted)}
.st-passport{margin-top:0}
.st-passport__head{padding:var(--s4) var(--s6)}
.st-passport dl>div{padding:var(--s4) var(--s6)}
.st-passport .st-p-label{font-size:var(--t12)}
.st-passport .st-p-val{font-size:var(--t16)}
.st-how .st-timeline{grid-template-columns:1fr;margin-top:var(--s4);gap:var(--s2)}
.st-timeline li{padding:var(--s4) var(--s4) var(--s4) var(--s12)}
.st-timeline b{font-size:var(--t16)}.st-timeline span{font-size:var(--t16)}
.st-chart{padding:var(--s6);gap:var(--s6);margin-top:var(--s8)}
.st-chart__side h3{font-size:var(--t24)}
.st-chart figcaption{font-size:var(--t16)}
.st-honest,.st-evidence,.st-forms,.st-safety{gap:var(--s4);margin-top:var(--s8)}
.st-honest>div,.st-ev,.st-form{padding:var(--s6)}
.st-honest h3,.st-form h3{font-size:var(--t24)}
.st-honest li{font-size:var(--t16)}
.st-ev__num{font-size:var(--t32)}.st-ev__what{font-size:var(--t20)}
.st-ev p,.st-ev a,.st-form p{font-size:var(--t16)}
.st-form__tag{font-size:var(--t12)}
.st-dose{padding:var(--s6);margin-top:var(--s8)}
.st-safety li{padding:var(--s4)}
.st-safety span{font-size:var(--t16)}
.st-more summary{font-size:var(--t20)}
.st-nav{gap:var(--s3);margin-top:var(--s6)}
.st-nav span{font-size:var(--t20)}.st-nav small{font-size:var(--t16)}
.st-disclaimer{font-size:var(--t16);margin-top:var(--s8);padding-top:var(--s4)}
@media (min-width:768px){.st-hero h1{font-size:var(--t64)}.st-sec>h2,.st-h2{font-size:var(--t48)}.st-key__num{font-size:var(--t64)}}
@media (min-width:1200px){
 .st-hero{grid-template-columns:var(--split);gap:var(--split-gap);align-items:end;padding-top:var(--s12)}
 .st-hero__img{max-height:var(--tt-dimension-600)}
 .st-how{grid-template-columns:var(--split);gap:var(--split-gap);align-items:start}
 .st-how .st-passport dl{grid-template-columns:1fr 1fr}
 .st-how .st-passport dl>div{border-right:0}
 .st-how .st-passport dl>div:nth-child(odd){border-right:var(--tt-dimension-1) solid var(--c-stroke)}
 .st-chart{grid-template-columns:var(--split);gap:var(--split-gap);padding:var(--s8)}}

/* --- хаб исследований --- */
.hb-hero{padding:var(--s8) 0 0;max-width:none;display:grid;gap:var(--s8)}
.hb-hero h1{font-size:var(--t48);line-height:.9;margin-top:var(--s4)}
.hb-facts{gap:var(--s3);margin-top:0;align-content:start}
.hb-facts div{padding:var(--s4) var(--s6)}
.hb-facts b{font-size:var(--t32)}.hb-facts span{font-size:var(--t16)}
.hb-grid{gap:var(--s4);margin-top:var(--s12)}
.hb-card__body{padding:var(--s6);gap:var(--s2)}
.hb-card__name{font-size:var(--t32)}.hb-card__num{font-size:var(--t48);margin-top:var(--s2)}
.hb-card__num small{font-size:var(--t20)}
.hb-card__label,.hb-card__src{font-size:var(--t16)}
.hb-card__go{font-size:var(--t16);margin-top:var(--s3)}
.hb-note{margin-top:var(--s12)}
@media (min-width:768px){.hb-hero h1{font-size:var(--t64)}}
@media (min-width:1200px){.hb-hero{grid-template-columns:var(--split);gap:var(--split-gap);align-items:end;padding-top:var(--s12)}
 .hb-hero>*:not(.hb-facts){grid-column:1}.hb-facts{grid-column:2;grid-row:1 / span 3;display:grid;grid-template-columns:1fr}}

/* --- блог «Частые вопросы» --- */
.fq-group{padding:var(--s16) var(--edge) 0;max-width:var(--field)}
.fq-group h2,.fq-more h2{font-size:var(--t32);line-height:.95}
.fq-feature{display:grid;gap:var(--s4);margin-top:var(--s6)}
.fq-feature__side{display:grid;gap:var(--s4)}
.fq-grid{gap:var(--s4);margin-top:var(--s4)}
.fq-card__body{padding:var(--s4) var(--s6) var(--s6);gap:var(--s2)}
.fq-card__group{font-size:var(--t12)}
.fq-card__title{font-size:var(--t24);line-height:1.15}
.fq-card__dek{font-size:var(--t16);line-height:1.4}
.fq-card--big .fq-card__title{font-size:var(--t32);line-height:1}
.fq-article{padding:var(--s8) var(--edge) 0;max-width:var(--field);display:grid;gap:var(--s8)}
.fq-top h1{font-size:var(--t48);line-height:.9}
.fq-top .fq-lead,.fq-top p.fq-lead{font-size:var(--t24);line-height:1.3;margin-top:var(--s6)}
.fq-hero{margin:0;max-width:none}
.fq-body{max-width:var(--tt-dimension-640);font-size:var(--t20)}
.fq-more{padding:var(--s16) var(--edge) 0;max-width:var(--field)}
.fq-home .fq-grid{gap:var(--s4)}
@media (min-width:768px){.fq-group h2,.fq-more h2{font-size:var(--t48)}.fq-top h1{font-size:var(--t64)}}
@media (min-width:1200px){
 .fq-feature{grid-template-columns:var(--split);gap:var(--s4)}
 .fq-feature .fq-card--big{grid-column:auto;flex-direction:column}
 .fq-feature .fq-card--big .fq-card__img{flex:none;aspect-ratio:4/3;min-height:0}
 .fq-feature__side{grid-template-rows:1fr 1fr}
 .fq-feature__side .fq-card{flex-direction:row}
 .fq-feature__side .fq-card__img{flex:0 0 44%;aspect-ratio:auto}
 .fq-article{grid-template-columns:var(--split);gap:var(--s8) var(--split-gap);align-items:end}
 .fq-article>.fq-body{grid-column:1}
 .fq-hero img{aspect-ratio:4/3}}

/* --- отзывы: шапка группы 36 слева (липкая), лента 64 --- */
.rv-group{padding:var(--s16) var(--edge) 0;display:grid;gap:var(--s6)}
.rv-group h2{font-size:var(--t32);line-height:.95}
.rv-group__head p{font-size:var(--t16)}
.rv-grid{gap:var(--s4);margin-top:0}
.rv__body{padding:var(--s4) var(--s6) 0}
.rv__title{font-size:var(--t20)}
.rv__text{font-size:var(--t16)}
.rv__person{margin:var(--s4);padding:var(--s4)}
.rv__about,.rv__place{font-size:var(--t16)}
.rv-more{margin-top:var(--s6)}
.rv-leave{padding:var(--s16) var(--edge);margin-top:var(--s16)}
.rv-leave h2{font-size:var(--t48)}
.rv-leave__lead{font-size:var(--t20)}
.rv-form{padding:var(--s6)}
@media (min-width:768px){.rv-group h2{font-size:var(--t48)}}
@media (min-width:1200px){
 .rv-group{grid-template-columns:minmax(0,36fr) minmax(0,64fr);gap:var(--split-gap);align-items:start}
 .rv-group__sticky{position:sticky;top:var(--tt-dimension-96)}
 .rv-group .rv-grid{grid-template-columns:repeat(2,1fr)}
 .rv-leave__in{max-width:none;display:grid;grid-template-columns:var(--split);gap:var(--s8) var(--split-gap)}
 .rv-leave__in>*{grid-column:1}.rv-leave__in>.rv-form{grid-column:1}}

/* --- «Полезное» --- */
.pz{padding:0 var(--edge)}
.pz-grid{gap:var(--s4)}
.pz-card span{font-size:var(--t20)}
.pz-card small{font-size:var(--t16);padding:0 var(--s4) var(--s4)}
.fq-article{grid-template-columns:minmax(0,1fr)}.fq-body{min-width:0}@media (min-width:1200px){.fq-article{grid-template-columns:var(--split)}}
/* старые блоки внутри статьи (блог): в колонке 64 — не больше двух в ряд, таблицы — с прокруткой */
.ar-body .block{padding:var(--s16) 0 0;max-width:none}
.ar-body .block>*+*{margin-top:var(--s4)}
.ar-body .block>h2{font-size:var(--t32);line-height:.95;letter-spacing:var(--tt-heading-tracking);margin-bottom:var(--s2)}
.ar-body .block>h2+*{margin-top:var(--s6)}
.ar-body .block>p+p{margin-top:var(--s3)}
.ar-body .cards{grid-template-columns:1fr;gap:var(--s4)}
.ar-body .card{background:none;padding:var(--s4) 0 0;border-top:var(--tt-dimension-2) solid var(--c-text);border-radius:0}
.ar-body .card h3{font-size:var(--t24)}
.ar-body .card p{font-size:var(--t16)}
.ar-body .steps li{padding:var(--s4) var(--s4) var(--s4) var(--s16)}
.ar-body .steps h3{font-size:var(--t20)}
.ar-body .steps p{font-size:var(--t16)}
.ar-body .callout{font-size:var(--t16)}
.ar-body .table-wrap table{font-size:var(--t16)}
.ar-body .faq summary{font-size:var(--t20)}
.ar-body ul{padding-left:1.2em}
.ar .fq-back{display:block;margin-bottom:var(--s4);font-size:var(--t16);font-weight:600;text-decoration:none;color:var(--c-text-2)}
@media (min-width:768px){.ar-body .cards{grid-template-columns:1fr 1fr;gap:var(--s8) var(--s6)}}

/* «Кто и когда проверял» (страница компонента, 2026-10-27) */
.st-who table{width:100%;border-collapse:collapse;font-size:var(--t16);line-height:1.3}
.st-who th{text-align:left;font-weight:600;color:var(--c-text-2);padding:var(--s3) var(--s4) var(--s3) 0;border-bottom:var(--tt-dimension-2) solid var(--c-text)}
.st-who td{vertical-align:top;padding:var(--s4) var(--s4) var(--s4) 0;border-bottom:var(--tt-dimension-1) solid var(--c-stroke)}
.st-who td a{color:inherit;text-decoration:underline;text-decoration-color:var(--c-stroke);text-underline-offset:var(--tt-dimension-3)}
.st-who td a:hover{text-decoration-color:currentColor}
.st-who td small{display:block;margin-top:var(--s1);color:var(--c-text-2);font-size:var(--t16)}
.st-who td[data-l="Год"]{font-weight:700;white-space:nowrap}
.st-who__wrap{margin-top:var(--s8)}
.st-verdict{margin-top:var(--s8);padding:var(--s8);border-radius:var(--r-l);background:var(--c-dark);color:var(--tt-color-white)}
.st-verdict__label{font-size:var(--t16);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--tt-observed-color-ff5a5a)}
.st-verdict__text{margin-top:var(--s3);font-size:var(--t24);line-height:1.2;font-weight:600;letter-spacing:-.02em;max-width:40ch}
.st-verdict table{margin-top:var(--s6)}
.st-verdict td{border-bottom:0;border-top:var(--tt-dimension-1) solid var(--tt-observed-rgba-255-255-255-25)}
.st-verdict td a{text-decoration-color:var(--tt-observed-rgba-255-255-255-4)}
.st-verdict td small{color:var(--tt-observed-rgba-255-255-255-7)}
@media (min-width:1200px){.st-verdict__text{font-size:var(--t32)}}
@media (max-width:1199px){
 .st-who thead{display:none}
 .st-who table,.st-who tbody,.st-who tr,.st-who td{display:block}
 .st-who tr{padding:var(--s4) 0;border-bottom:var(--tt-dimension-1) solid var(--c-stroke)}
 .st-verdict tr{border-bottom:0;border-top:var(--tt-dimension-1) solid var(--tt-observed-rgba-255-255-255-25)}
 .st-who td,.st-verdict td{border:0;padding:var(--s1) 0}
 .st-who td::before{content:attr(data-l);display:block;font-size:var(--t12);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--c-text-2)}
 .st-verdict td::before{color:var(--tt-observed-rgba-255-255-255-6)}
 .st-verdict{padding:var(--s6)}
}

/* Выделенное предупреждение в «Безопасности» (2026-10-27): цвета состояния «ошибка/предупреждение» Thelos */
.st-alert{margin-top:var(--s8);padding:var(--s6);border-radius:var(--r-l);background:var(--tt-restriction-bg);border-left:var(--tt-dimension-8) solid var(--tt-restriction-ink);color:var(--c-text)}
.st-alert__label{font-size:var(--t16);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--tt-restriction-ink)}
.st-alert__h{margin-top:var(--s2);font-size:var(--t24);line-height:1.2;font-weight:700;letter-spacing:var(--tt-heading-tracking)}
.st-alert p:last-child{margin-top:var(--s3);font-size:var(--t20);line-height:1.4}
@media (min-width:1200px){.st-alert{padding:var(--s8)}.st-alert__h{font-size:var(--t32)}}

/* «Что получилось» строками по исследованиям (боярышник, 2026-10-27) */
.st-res{margin-top:var(--s8);background:var(--c-surface);border-radius:var(--r-l);padding:var(--s6)}
.st-res__head{display:grid;gap:var(--s4);align-items:center}
.st-res__big{font-size:var(--t64);line-height:.9;font-weight:700;letter-spacing:-.04em;color:var(--c-accent);white-space:nowrap}
.st-res__head h3{font-size:var(--t24);line-height:1.2;letter-spacing:var(--tt-heading-tracking)}
.st-res__head div p{margin-top:var(--s2);color:var(--c-text-2)}
.st-res__legend{margin-top:var(--s8);display:flex;align-items:center;gap:var(--s2);font-size:var(--t16);color:var(--c-text-2)}
.st-res__key{display:inline-block;width:var(--tt-dimension-16);height:var(--tt-dimension-16);border-radius:var(--tt-radius-4)}
.st-res__key--p{margin-left:var(--s4)}
.st-res__key--h,.st-res__bar--h i{background:var(--c-accent)}
.st-res__key--p,.st-res__bar--p i{background:var(--tt-observed-color-a6a6a6)}
.st-res__rows{list-style:none;padding:0;margin-top:var(--s4);display:grid;gap:var(--s4)}
.st-res__rows li{display:grid;gap:var(--s2);padding-top:var(--s4);border-top:var(--tt-dimension-1) solid var(--c-stroke)}
.st-res__who b{font-weight:700}
.st-res__who span{display:block;font-size:var(--t16);color:var(--c-text-2)}
.st-res__who small{display:block;margin-bottom:var(--tt-space-4);font-size:var(--tt-type-14);font-weight:600;color:var(--c-text-2);text-transform:uppercase;letter-spacing:.04em}
.st-res__bars{display:grid;gap:var(--s1)}
.st-res__bar{display:flex;align-items:center;gap:var(--s2);font-size:var(--t16)}
.st-res__bar i{display:block;height:var(--tt-dimension-20);border-radius:var(--tt-radius-4);min-width:var(--tt-dimension-2)}
.st-res__bar--h i{height:var(--tt-dimension-24)}
.st-res__bar--h b{font-weight:700}
.st-res__bar--p b{font-weight:500;color:var(--c-text-2)}
.st-res__why{margin-top:var(--s8);font-size:var(--t20);font-weight:600;line-height:1.3}
.st-res__src{margin-top:var(--s3);font-size:var(--t16);color:var(--c-text-2)}
@media (min-width:768px){
 .st-res{padding:var(--s8)}
 .st-res__head{grid-template-columns:auto 1fr;gap:var(--s8)}
 .st-res__big{font-size:var(--t96)}
 .st-res__rows li{grid-template-columns:minmax(0,36fr) minmax(0,64fr);align-items:center;gap:var(--s6)}
 .st-res__head h3{font-size:var(--t32)}
}

/* «Что это значит для вас» (боярышник, 2026-10-27) */
.st-mean{display:grid;gap:var(--s6);margin-top:var(--s8)}
.st-mean__lead{font-size:var(--t20);color:var(--c-text-2)}
.st-mean__big{margin-top:var(--s6);font-size:var(--t64);line-height:.9;font-weight:700;letter-spacing:-.04em;white-space:nowrap}
.st-mean__big small{font-size:var(--t24);font-weight:600;letter-spacing:-.02em}
.st-mean__cap{margin-top:var(--s3);font-size:var(--t16);color:var(--c-text-2)}
.st-mean__text{margin-top:var(--s6);font-size:var(--t20);line-height:1.4}
.st-mean__notes{list-style:none;padding:0;display:grid;gap:var(--s4);align-content:start}
.st-mean__notes li{padding:var(--s6);border-radius:var(--r-l);background:var(--tt-restriction-bg);border-left:var(--tt-dimension-8) solid var(--tt-restriction-ink)}
.st-mean__notes b{display:block;font-size:var(--t24);line-height:1.2;letter-spacing:-.02em}
.st-mean__notes span{display:block;margin-top:var(--s2);font-size:var(--t20);line-height:1.3}
@media (min-width:1200px){.st-mean{grid-template-columns:var(--split);gap:var(--split-gap);align-items:start}.st-mean__big{font-size:var(--t96)}}

/* «Что это значит для вас» — выделенная чёрная панель (2026-10-27) */
.st-mean{padding:var(--s6);border-radius:var(--r-l);background:var(--c-dark);color:var(--tt-color-white)}
.st-mean .st-mean__lead,.st-mean .st-mean__cap{color:var(--tt-observed-rgba-255-255-255-72)}
.st-mean .st-mean__big small{color:var(--tt-observed-rgba-255-255-255-72)}
.st-mean .st-mean__notes li{color:var(--c-text)}
@media (min-width:768px){.st-mean{padding:var(--s8)}}
@media (min-width:1200px){.st-mean{padding:var(--s12,var(--tt-space-48))}}

/* «Почему не любой боярышник…» (2026-10-27) */
.st-f2{display:grid;gap:var(--s4);margin-top:var(--s8)}
.st-f2__col{padding:var(--s6);border-radius:var(--r-l);background:var(--c-surface)}
.st-f2__col--study{background:var(--tt-color-white);border:var(--tt-dimension-2) solid var(--c-accent)}
.st-f2__tag{font-size:var(--t16);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--c-text-2)}
.st-f2__col--study .st-f2__tag{color:var(--c-accent)}
.st-f2__col h3{margin-top:var(--s2);font-size:var(--t24);line-height:1.2;letter-spacing:var(--tt-heading-tracking)}
.st-f2__col p:last-child{margin-top:var(--s3);font-size:var(--t20);line-height:1.4}
.st-f2__dose{display:grid;gap:var(--s4);margin-top:var(--s4)}
.st-f2__dose>div{padding:var(--s6);border-radius:var(--r-l);background:var(--c-surface);color:var(--c-text)}
.st-f2__dose>.st-f2__ours{background:var(--tt-color-white);border:var(--tt-dimension-2) solid var(--c-accent)}
.st-f2__lbl b{font-weight:700;color:var(--c-text)}
.st-f2__num{font-size:var(--t48);line-height:1;font-weight:700;letter-spacing:-.04em}
.st-f2__lbl{margin-top:var(--s2);font-size:var(--t16);color:var(--c-text-2)}
@media (min-width:768px){.st-f2,.st-f2__dose{grid-template-columns:1fr 1fr}.st-f2__col,.st-f2__dose>div{padding:var(--s8)}}
@media (min-width:1200px){.st-safety:has(> li:nth-child(4):last-child){grid-template-columns:1fr 1fr}}

/* Цветные карточки безопасности — цвета состояний Thelos (2026-10-27) */
.st-safety li.st-safety--ok{background:var(--tt-success-bg)}.st-safety li.st-safety--ok svg{color:var(--tt-success-ink)}
.st-safety li.st-safety--warn{background:var(--tt-caution-bg)}.st-safety li.st-safety--warn svg{color:var(--tt-caution-ink)}
.st-safety li.st-safety--ban{background:var(--tt-restriction-bg)}.st-safety li.st-safety--ban svg{color:var(--tt-restriction-ink)}

/* «Подробно» по исследованиям (2026-10-27) */
.st-det{display:grid;gap:var(--s4);margin:0 0 var(--s4)}
.st-det div{display:grid;gap:var(--s1)}
.st-det dt{font-size:var(--t16);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--c-text-2)}
.st-det dd{margin:0;font-size:var(--t20);line-height:1.4;max-width:64ch}
.st-det__src{margin-bottom:var(--s6);font-size:var(--t16);color:var(--c-text-2)}
.st-det__src a{color:var(--c-accent);font-weight:600}
@media (min-width:768px){.st-det div{grid-template-columns:var(--tt-dimension-200) 1fr;gap:var(--s6)}}

/* «Подробно» карточками (2026-10-27) */
.st-dcs{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s4);margin-top:var(--s8)}
.st-dc{display:flex;flex-direction:column;min-width:0;overflow-wrap:break-word;padding:var(--s6);border-radius:var(--r-l);background:var(--c-surface)}
.st-dc--sum{background:var(--tt-color-white);border:var(--tt-dimension-2) solid var(--c-accent)}
.st-dc__year{font-size:var(--t16);font-weight:700;color:var(--c-accent)}
.st-dc h3{margin-top:var(--s1);font-size:var(--t24);line-height:1.2;letter-spacing:var(--tt-heading-tracking)}
.st-dc .st-det{margin:var(--s6) 0 var(--s4)}
.st-dc .st-det div{grid-template-columns:1fr;gap:var(--s1)}
.st-dc .st-det dd{font-size:var(--t16);line-height:1.4}
.st-dc .st-det__src{margin:auto 0 0;padding-top:var(--s4);border-top:var(--tt-dimension-1) solid var(--c-stroke)}
@media (min-width:768px){.st-dcs{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.st-dc{padding:var(--s8)}}
@media (min-width:768px){.st-dc--sum{grid-column:1/-1}}
@media (min-width:1200px){.st-dcs{grid-template-columns:repeat(3,1fr)}}

/* Мостик к товару на страницах компонентов (2026-10-27) */
.st-buy{display:grid;gap:var(--s6);margin:var(--s16) 0 var(--s16);padding:var(--s6);border-radius:var(--r-l);background:var(--c-dark);color:var(--tt-color-white);align-items:center}
.st-buy img{width:100%;max-width:var(--tt-dimension-280);aspect-ratio:1;object-fit:cover;border-radius:var(--r-m);background:var(--tt-color-white)}
.st-buy h2{font-size:var(--t32);line-height:1.05;letter-spacing:var(--tt-heading-tracking);max-width:22ch}
.st-buy p{margin-top:var(--s3);color:var(--tt-observed-rgba-255-255-255-8)}
.st-buy__btns{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s6)}
.st-buy .st-buy__alt{background:transparent;color:var(--tt-color-white);box-shadow:inset 0 0 0 var(--tt-dimension-2) var(--tt-color-white)}
@media (min-width:768px){.st-buy{grid-template-columns:minmax(0,36fr) minmax(0,64fr);gap:var(--s12);padding:var(--s12)}.st-buy img{max-width:none}.st-buy h2{font-size:var(--t48)}}
.st-dc__desc{margin:var(--s3) 0 var(--s4);font-size:var(--t16);line-height:1.4;color:var(--c-text-2)}
@media (min-width:768px){.st-dc{padding:var(--s6)}}

/* ===== Правки по проверке четырёх агентов (2026-10-27, tmp/work/2026-10-27-181901-e1-review-hawthorn) ===== */
/* Переносы: без висячих коротких строк */
.st p,.st h1,.st h2,.st h3,.st li,.st dd,.st span,.st small{text-wrap:pretty}
.st-sec>h2,.st-h2{max-width:34ch;text-wrap:balance}
/* 1. Тёмная панель «Что это значит для вас»: ничего не обрезается на телефоне */
.st-mean>*{min-width:0}
.st-mean__big{white-space:normal;font-size:var(--t48)}
.st-mean__big small{display:block;margin-top:var(--s2)}
@media (min-width:768px){.st-mean__big{font-size:var(--t64)}}
@media (min-width:1200px){.st-mean__big{font-size:var(--t96)}.st-mean__notes{align-self:center}}
/* 2. График «Что получилось»: длины честные, пустышку видно */
.st-res__bar{display:grid;grid-template-columns:minmax(0,1fr) 3em;column-gap:var(--s2);align-items:center}
.st-res__bar i{min-width:0;height:var(--tt-dimension-16)}
.st-res__bar--h i{height:var(--tt-dimension-24)}
.st-res__key--p,.st-res__bar--p i{background:var(--tt-color-muted)}
@media (max-width:1199px){.st-res__head{grid-template-columns:1fr}.st-res__big{font-size:var(--t64)}}
/* 3. Первый экран: фото целиком (файлы 4:3), текст по центру, без лишнего зазора */
.st-hero__img{aspect-ratio:4/3}
.st-hero{padding-bottom:0}
.st-hero__lead{max-width:none}
.st-key__label{max-width:none;text-wrap:balance}
@media (min-width:1200px){.st-hero{align-items:center}.st-hero__img{max-height:none}}
/* 4. Подписи не мельче 16px, тексты пояснений 20px */
.st-passport .st-p-label,.st-how__title,.st-who td::before{font-size:var(--t16);color:var(--c-text-2)}
.st-passport .st-p-val{font-size:var(--t20)}
.st-timeline span,.st-safety span{font-size:var(--t20)}
/* 5. Ссылки: видно, что нажимаются; цель для пальца не меньше 44px */
.st-who td a{text-decoration-color:var(--c-muted)}
.st-det__src a{display:inline-block;min-height:var(--tt-dimension-44);padding:var(--tt-space-10) 0;white-space:nowrap}
.site-head__burger summary{min-width:var(--tt-dimension-48);min-height:var(--tt-dimension-48);align-items:center;justify-content:center}
.site-head__nav a{display:inline-flex;align-items:center;min-height:var(--tt-dimension-44)}
/* 6. Плитки компонентов и текущая плитка */
.st-nav small{text-wrap:balance}
.st-nav a[aria-current]{outline:var(--tt-dimension-2) solid var(--c-accent);outline-offset:var(--tt-dimension-negative-2)}
/* 7. Заглушка дозы не крупнее настоящей цифры */
.st-f2__ours .st-f2__num .mock{font-size:var(--t24);font-weight:500;color:var(--c-text-2)}
/* 8. Блок с товаром: фото по центру, кнопки одной ширины на телефоне, заголовок мельче на планшете */
.st-buy img{display:block;margin-inline:auto}
@media (max-width:767px){.st-buy__btns{flex-direction:column}.st-buy__btns .btn{width:100%}}
@media (min-width:768px) and (max-width:1199px){.st-buy h2{font-size:var(--t32)}}
/* 9. Планшет: паспорт в одну колонку */
@media (min-width:768px) and (max-width:1199px){.st-how .st-passport dl{grid-template-columns:1fr}.st-how .st-passport dl>div{border-right:0}}

/* Заголовок страниц компонентов на узких телефонах (2026-10-29): слово «исследований» при 48px шире экрана 375px на 2px — плавно уменьшаем только до 400px */
@media (max-width:399px){.st-hero h1{font-size:min(var(--tt-type-48),12.6vw)}}
.st-ev__num small{font-size:.45em;font-weight:500;letter-spacing:0;color:var(--c-text-2)}
/* «Другие важные находки» (2026-10-29): крупная понятная цифра */
.st-oth .st-ev__num{font-size:var(--t32);font-weight:600;line-height:1.1;letter-spacing:-.02em;color:var(--c-text)}
.st-oth .st-ev__num small{display:block;margin-top:var(--tt-space-4);font-size:var(--t16);font-weight:500;letter-spacing:0;color:var(--c-text-2);line-height:1.3}
.st-oth .st-ev__what{font-size:var(--t20);font-weight:600;color:var(--c-text)}
@media (min-width:768px){.st-oth .st-ev__num{font-size:var(--t48)}}
.st-oth__what{font-size:var(--t16);font-weight:600;color:var(--c-accent);text-transform:uppercase;letter-spacing:.04em}
.st-oth__head{font-size:var(--t24);font-weight:700;line-height:1.2;letter-spacing:var(--tt-heading-tracking);color:var(--c-text)}

/* /cena/ — блоки ce-* (плитки, шаги, вопросы) */
.ce-grid,.ce-steps{list-style:none;margin:0;padding:0;display:grid;gap:var(--tt-space-16);grid-template-columns:1fr}
.ce-sec{margin-top:var(--tt-space-48)}
.ce-sec>h2{margin-bottom:var(--tt-space-16)}
.ce-tile,.ce-step{background:var(--c-surface);border-radius:var(--r-l);padding:var(--tt-space-24);min-width:0}
.ce-ico{display:flex;align-items:center;justify-content:center;width:var(--tt-dimension-64);height:var(--tt-dimension-64);border-radius:50%;background:var(--c-accent);color:var(--tt-color-white);margin-bottom:var(--tt-space-16)}
.ce-photo{max-width:var(--tt-dimension-1440);margin:0 auto;padding:0 var(--tt-space-16)}
.ce-photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:50% 20%;border-radius:var(--r-l)}
.ce-benefits{margin-top:var(--tt-space-48);margin-bottom:var(--tt-space-48)}
.ce-benefits .ce-tile h3{font-size:var(--tt-type-28)}
.ce-benefits .ce-tile p{font-size:var(--tt-type-20)}
.ce-tile h3{font-size:var(--tt-type-24);font-weight:600;line-height:1.2;letter-spacing:var(--tt-heading-tracking);margin:0 0 var(--tt-space-8)}
.ce-tile p,.ce-step p{font-size:var(--tt-type-18);line-height:1.4;margin:0;color:var(--c-text-2)}
.ce-step{position:relative}
.ce-num{display:block;font-size:var(--tt-type-64);font-weight:700;line-height:1;letter-spacing:-.04em;color:var(--c-accent);margin-bottom:var(--tt-space-8)}
.ce-step h3{font-size:var(--tt-type-24);font-weight:600;line-height:1.2;margin:0 0 var(--tt-space-8)}
.ce-note{margin-top:var(--tt-space-16);font-size:var(--tt-type-16);color:var(--c-text-2)}
@media (min-width:768px){
.ce-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--tt-space-16)}
.ce-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--tt-space-32)}
.ce-step:not(:last-child)::after{content:"";position:absolute;top:50%;right:var(--tt-dimension-negative-27);width:var(--tt-dimension-22);height:var(--tt-dimension-22);transform:translateY(-50%);background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C82020' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m13 6 6 6-6 6'/%3E%3C/svg%3E")}
.ce-tile{padding:var(--tt-space-32)}
.ce-photo{padding:0 var(--tt-space-48)}
.ce-photo img{aspect-ratio:21/9}
}
@media (max-width:767px){
.ce-step:not(:last-child)::after{content:"";position:absolute;left:var(--tt-dimension-44);bottom:var(--tt-dimension-negative-16);width:var(--tt-dimension-2);height:var(--tt-dimension-16);background:var(--c-accent)}
}
@media (min-width:1200px){.ce-photo{padding:0 var(--tt-space-64)}.ce-photo img{aspect-ratio:21/9}}
.block .ce-grid,.block .ce-steps{width:100%;max-width:none;margin:0;padding:0}
.block .ce-grid>li,.block .ce-steps>li{max-width:none;margin:0}
.block .ce-tile>*+*,.block .ce-step>*+*{margin-top:0}
.fq-block{margin-bottom:var(--s16)}.fq-block .fq-home__more{margin-top:var(--s8)}
.fq-block .fq-grid,.fq-block .fq-home__more{max-width:none}

/* Sticky menu support: grow with text zoom and keep mobile menus scrollable. */
.site-head__burger summary { min-width: var(--tt-dimension-44); min-height: var(--tt-dimension-44); align-items: center; justify-content: center; }
.site-head__burger nav { max-height: calc(100dvh - var(--tt-sticky-height, 72px)); overflow-y: auto; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* Grid children must shrink to the viewport; long component names may wrap. */
.st-hero{min-width:0;grid-template-columns:minmax(0,1fr)}
.st-hero > *{min-width:0}
.st-hero h1{overflow-wrap:anywhere}
@media (min-width:1200px){.st-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}

/* E1-079: substantial media within existing reading sections. */
.vr-media{margin:28px 0 32px;overflow:hidden;border-radius:20px;max-width:100%;background:#f3f2ee;}
.vr-media img,.vr-media svg{display:block;width:100%;height:auto;max-width:100%;}
.vr-media img{aspect-ratio:2/1;object-fit:contain;}
.vr-media--document{padding:24px;background:#fff;border:1px solid var(--tt-color-border,#ddd);border-radius:16px;}
.vr-media--document img{aspect-ratio:auto;object-fit:contain;}
.vr-media a{display:block;}
.st .vr-media{max-width:900px;}
@media(max-width:600px){.vr-media{margin:22px 0 26px;border-radius:12px;}.vr-media--document{padding:10px;overflow-x:auto;}.vr-media--document img{min-width:560px;}.vr-media--drawing svg{min-height:180px;}.vr-media img{aspect-ratio:auto;}}

.tt-production .process-list .diagram{min-height:220px;}
.tt-production .process-list .diagram svg{width:100%;height:auto;min-height:190px;}
/* E1-079 follow-up to root's 375px evidence-card overflow measurements. */
.st .st-evidence{grid-template-columns:minmax(0,1fr);}
.st .st-evidence>*,.st .st-ev>*{min-width:0;max-width:100%;overflow-wrap:anywhere;}
.st .st-ev{min-width:0;}
@media(min-width:768px){.st .st-evidence{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(min-width:1200px){.st .st-evidence{grid-template-columns:repeat(3,minmax(0,1fr));}}

/* Preserve whole study-heading words at phone widths. */
@media (max-width:767px){.st .st-hero h1{font-size:min(var(--tt-type-48),10vw);line-height:1;overflow-wrap:normal;word-break:normal;hyphens:manual}}

/* E1-079 diagram refinement: actual labelled relationships, no blank-paper decoration. */
.vr-media--drawing{max-width:880px;margin-left:auto;margin-right:auto;}
.vr-diagram{max-width:880px;margin:28px auto 32px;background:#f3f5f4;border:1px solid #d9e1de;padding:28px;}
.vr-diagram>figcaption{font-size:22px;line-height:1.3;font-weight:600;color:var(--c-text,#263d4b);margin:0 0 22px;}
.vr-diagram__body{display:grid;gap:0;}
.vr-diagram__item{display:grid;grid-template-columns:46px minmax(0,1fr);gap:16px;position:relative;padding:18px 0;border-top:1px solid #ccd8d2;}
.vr-diagram__index{font-size:20px;line-height:1.4;color:#64766c;font-weight:600;}
.vr-diagram .vr-diagram__item h3{font-size:20px;line-height:1.3;margin:0 0 7px;color:var(--c-text,#263d4b);}
.vr-diagram .vr-diagram__item p,.vr-diagram .vr-diagram__item a{font-size:18px;line-height:1.45;margin:0;overflow-wrap:anywhere;}
.vr-diagram--analysis .vr-diagram__item:nth-child(2){background:#e3eae6;border-left:4px solid var(--c-accent,#c82020);padding-left:14px;}
.vr-diagram--flow .vr-diagram__index,.vr-diagram--research .vr-diagram__index{border-left:2px solid #aebfb5;padding-left:10px;}
.vr-diagram--citation .vr-diagram__item:nth-child(2){margin-left:28px;}
.vr-diagram--citation .vr-diagram__item:nth-child(3){margin-left:56px;}
@media(min-width:768px){.vr-diagram--compare .vr-diagram__body{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}.vr-diagram--compare .vr-diagram__item{display:block;}.vr-diagram--compare .vr-diagram__index{display:block;margin-bottom:12px;}}
@media(max-width:600px){.vr-diagram{padding:18px;margin:22px auto 26px;}.vr-diagram>figcaption{font-size:21px;}.vr-diagram__item{grid-template-columns:30px minmax(0,1fr);gap:10px;}.vr-diagram--citation .vr-diagram__item:nth-child(2){margin-left:12px;}.vr-diagram--citation .vr-diagram__item:nth-child(3){margin-left:24px;}}

.vr-media--drawing>.vr-drawing-caption{font-size:18px;line-height:1.45;padding:16px 20px;margin:0;color:var(--c-text,#263d4b);background:#f3f5f4;}