/* Readability pass (Claude, C16, 30.10.2026) — п. 24 правил: подписи не мельче 13 px,
   достаточный контраст, удобные области нажатия. Подключается последним на всех страницах.
   Меняются только размеры мелких подписей, цвет одной подписи и невидимые поля нажатия;
   цвета, шрифты, сетка и отступы между блоками остаются прежними. */

/* 1. Мелкий текст → 13 px. Набор селекторов взят из замера всех страниц; сборка сверяет,
   что ни один текст не стал мельче, чем был. */
.demo,.demo a{font-size:13px!important;line-height:1.45}
.crumbs,.crumbs a,.contact-shortcuts span,.contact-shortcuts a,.eyebrow,.tagline,
.proof-strip p,.route-links a,.mini-row span,.mini-row a,.section-head a.link,
.service-boundary,.expert-block p,.dual-cta p,
.card .link,.obligation-card .link,.package-extra .link,.compare-content li,
.article-card small,.article-card .link,
.hybrid-art .art-note,.field-optional,.review-field small,.review-consent a,
.footer a,.footer p,.footer-prototype-note,
.home-page .band > div > p,.band > div > p.tiny,.compare-detail .notice,.filters .filter,
.news-article-footer .link,.panel > a.link,.company-details dt,a.link,#quiz-count{font-size:13px!important}
.eyebrow,.article-card small{letter-spacing:.06em}
/* Подписи, которые на новых страницах уже крупнее, выравниваем по ним: */
.quiz-entry p,.license-journey p{font-size:14px!important}
.obligations-intro p{font-size:15px!important}

/* Логотип: подпись под знаком — часть логотипа; на узких экранах она нечитаема (6 px), поэтому
   показываем её только там, где помещается 13 px, без капса. */
.brand-image small{display:none}
@media (min-width:1100px){
  .brand-image small{display:block;font-size:13px!important;letter-spacing:0;text-transform:none;white-space:nowrap;margin-top:4px}
}

/* Шапка иллюстрации: 13 px без лишней разрядки и с контрастом не ниже 4,5:1 */
.hybrid-art .art-head{gap:12px}
.hybrid-art .art-head span{font-size:13px!important;letter-spacing:.04em;color:#574e63}
@media (max-width:600px){.hybrid-art .art-head span:last-child{display:none}}
/* Заметка на иллюстрации: 13 px при прежней высоте строки (≈19 px) и чуть шире, чтобы текст не обрезался рамкой */
.hybrid-art .art-note{line-height:1.45;width:151px}
.home-page .hybrid-art .art-note{width:137px}

/* 2–3. Области нажатия не меньше 24 px по высоте без увеличения текста и без сдвига вёрстки */
.crumbs a,.tagline a,.footer a,.contact-shortcuts a,.review-consent a,.article-card .link,.card .link,.obligation-card .link,
a.link,.mini-row a,.demo a{
  display:inline-block;padding-block:6px;margin-block:-6px}
.crumbs a{padding-block:12px;margin-block:-12px}

/* 4. Переполнение шапки на 360 px: логотип, кнопка и меню не помещались в 324 px */
@media (max-width:400px){
  header nav.wrap{gap:6px}
  header .brand-image{width:136px}
}

/* Контраст подписи маршрутов на главной («01 / Запускаете…»): было 3,86:1, стало не ниже 4,5:1 */
.route-number{color:#6e5a85}

/* 5. Единый ритм между блоками на всём сайте (поручение Симона 01.11.2026).
   Раньше расстояние складывалось из разных отступов секций, полей панелей и внутренних полей заголовков,
   поэтому получалось от 51 до 118 px. Теперь у секций нет собственных полей, а расстояние между соседними
   блоками одно: 96 px на ПК, 80 px на планшете, 64 px на телефоне. Поля внутри цветных и белых панелей не меняются. */
:root{--block-gap:96px}
@media (max-width:900px){:root{--block-gap:80px}}
@media (max-width:600px){:root{--block-gap:64px}}
/* C28: согласованные страницы (главная, «Лицензирование») сохраняют утверждённые отступы — правило к ним не применяется. */
body:not([data-approved]) main > section{padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important}
body:not([data-approved]) main > section + section,body:not([data-approved]) main > div.wrap + section{margin-top:var(--block-gap)!important}
body:not([data-approved]) main > section > :first-child{margin-top:0!important}
body:not([data-approved]) main > section > :last-child{margin-bottom:0!important}
body:not([data-approved]) main{padding-bottom:var(--block-gap)}
body:not([data-approved]) main > div.wrap > .page-head{padding-bottom:0!important}
body:not([data-approved]) main > div.wrap > .page-head > :last-child{margin-bottom:0!important}
/* C73 (05.11.2026): заголовок страницы вводит следующий блок, поэтому стоит ближе: 48 px, на телефоне 32 px (замечание Симона). */
body:not([data-approved]) main > div.wrap:has(> .page-head) + *{margin-top:48px!important}
@media (max-width:600px){body:not([data-approved]) main > div.wrap:has(> .page-head) + *{margin-top:32px!important}}
/* C38 (01.11.2026): шапка с иллюстрацией сразу после хлебных крошек сохраняет исходный отступ из style.css (66 px ПК / 32 px телефон),
   а не общий ритм между блоками — иначе шапка съезжала вниз на 30 px (замечание Симона «съехали картинки»). */
body:not([data-approved]) main > div.wrap + section.hero{margin-top:0!important;padding-top:66px!important}
@media (max-width:720px){body:not([data-approved]) main > div.wrap + section.hero{padding-top:32px!important}}

/* Демо-разделы и служебные страницы (C24, 01.11.2026): по п. 24 подписи не мельче 13 px.
   Касается ИИ-проверок, отчётов-примеров, новостей-образцов и галереи форм. */
body:not([data-approved]) .journey > div > p,.draft-label,.form-review-tab,.news-card-meta span,.news-card-bottom span,.sample-label,
.stats .stat span,.issue .pill,.pill,.issue > p,.issue dt,.issue dd,
main table th,main table td,.news-review-note strong,.news-review-note span{font-size:13px!important}

/* Крошки: фиолетовое выделение при наведении на всех страницах (замечание Симона 03.11.2026) */
.crumbs a:hover{color:var(--violet)}

/* Единые размеры шрифтов (docs/TYPOGRAPHY.md, решение Симона 03.11.2026). Главная и «Лицензирование» не затрагиваются. */
body:not([data-approved]) main h3:not(.hybrid-art h3){font-size:21px}
body:not([data-approved]) .news-card h2,body:not([data-approved]) .news-sidebar h2,body:not([data-approved]) .form-review-card h2,body:not([data-approved]) .form-review-inspector h2{font-size:21px}
body:not([data-approved]) .news-article h2,body:not([data-approved]) section.wrap.prose>h2,body:not([data-approved]) .news-help h2,body:not([data-approved]) .obligations-intro h2,
body:not([data-approved]) .compare-heading h2,body:not([data-approved]) .form-review-preview h2,body:not([data-approved]) .form-review-existing h2,body:not([data-approved]) .quiz-entry h2{font-size:28px}
body:not([data-approved]) .news-article .acc-list li,body:not([data-approved]) .panel p:not(.tiny,.answer,.news-card p,.news-source p,.form-review-inspector p){font-size:16px}
body:not([data-approved]) .obligation-card .acc-list li,body:not([data-approved]) .acc-path li p{font-size:15px}
body:not([data-approved]) .quiz-entry p{font-size:15px!important}
body:not([data-approved]) .compare-term .term,body:not([data-approved]) .news-source p{font-size:13px}
body:not([data-approved]) .section>h2,body:not([data-approved]) .expert-block h2{font-size:39px}
@media(max-width:900px){body:not([data-approved]) .section>h2,body:not([data-approved]) .expert-block h2{font-size:31px}}
@media(max-width:600px){body:not([data-approved]) .section>h2,body:not([data-approved]) .expert-block h2{font-size:29px}}
/* Текст рядом с фотографией на «Симон и команда» — основной текст, а не подпись (C66) */
body:not([data-approved]) .expert-block p{font-size:16px!important}
body:not([data-approved]) .expert-block{align-items:start}

/* C74 (05.11.2026): проверка сайта по правилам. Главная и «Лицензирование» не затрагиваются. */
.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
/* Контраст: уведомления в цветах сайта, не ниже 4,5:1 */
body:not([data-approved]) .notice{background:#f2eef7;border-color:#e2d8ef;color:#5a4d69}
.pill{color:#855a1f}
/* Значки-символы вместо иконок и одинаковая подпись на всех карточках убраны (п. 25 правил) */
.card > .icon,.card > .icon + .tiny{display:none}
/* Цвет карточек клиентов без смысла чередовался */
body:not([data-approved]) .case-card:nth-child(2n){background:var(--white,#fff)}
/* Контакты и основной текст — не мелкие подписи */
body:not([data-approved]) .outline-list a{font-size:16px}
body:not([data-approved]) .case-card p,body:not([data-approved]) .journey > div > p,body:not([data-approved]) .news-dates dd,body:not([data-approved]) main table td{font-size:15px!important}
/* Узкий экран: длинное слово не расширяет колонку новости */
body:not([data-approved]) .news-layout > *{min-width:0}
body:not([data-approved]) .news-dates dd{overflow-wrap:anywhere}
/* C75 (05.11.2026): «Услуги» — ряды без пустых мест: «Лицензирование» 2×2, «После лицензии» 3 + 2. */
@media (min-width:901px){
  body:not([data-approved]) .service-grid:has(> [data-category="expert"][hidden]){grid-template-columns:repeat(2,1fr)}
  body:not([data-approved]) .service-grid:has(> [data-category="license"][hidden]){grid-template-columns:repeat(6,1fr)}
  body:not([data-approved]) .service-grid:has(> [data-category="license"][hidden]) > .card{grid-column:span 2}
  body:not([data-approved]) .service-grid:has(> [data-category="license"][hidden]) > .card:nth-last-child(-n+2){grid-column:span 3}
}

/* C77 (05.11.2026): единые правила отступов и шрифтов утверждены Симоном, действуют на всём сайте, включая главную и «Лицензирование».
   Таблица правил — docs/SPACING_RULES.md, проверка — scripts/check-standards.js. */
main > section:not(.quiz-entry,.proof-strip,.hero,.dual-cta,.knowledge-band),main > div.wrap{padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important}
main > section.hero{padding-bottom:0!important}
main > .proof-strip,main > .dual-cta{margin-bottom:0!important}
main > .quiz-entry{padding:31px!important}
html body main#main-content > * + *{margin-top:var(--block-gap)!important}
html body main#main-content > div.wrap:has(> .page-head) + *{margin-top:48px!important}
html body main#main-content > .proof-strip{margin-top:48px!important}
html body main#main-content > div.wrap:not(:has(.page-head)):first-child + *{margin-top:0!important}
html body main#main-content > section.knowledge-band{padding-top:64px!important;padding-bottom:64px!important}
main{padding-bottom:var(--block-gap)!important}
main > section > :first-child{margin-top:0!important}
main > section > :last-child{margin-bottom:0!important}
.page-head{padding-bottom:0!important}.page-head > :last-child{margin-bottom:0!important}
.section-head,section.section > h2{margin-bottom:24px!important}
.eyebrow{margin-bottom:12px!important;display:block}
.eyebrow + h1,.eyebrow + h2{margin-top:0!important}
.page-head h1{margin-top:0!important;margin-bottom:24px!important}
.grid,.reading-grid,.license-packages,.obligation-cards,.routes-two{gap:16px!important}
.card,.article-card,.news-card,.obligation-card{padding:23px!important}
.card h3,.obligation-card h3{margin:0 0 16px!important}
.card h3 + *,.article-card h3 + *,.obligation-card h3 + *{margin-top:0!important}
.reading-grid > .article-card{row-gap:16px!important}
.reading-grid > .article-card > h3{margin:0!important}
.panel,.review-after{padding:31px!important}
.band{padding:40px!important}
.acc-list{gap:12px!important}
@media (max-width:600px){
  .card,.article-card,.news-card,.obligation-card{padding:19px!important}
  .panel,.review-after,.quiz-entry{padding:23px!important}
  .band{padding:24px!important}
  html body main#main-content > div.wrap:has(> .page-head) + *,html body main#main-content > .proof-strip{margin-top:32px!important}
  html body main#main-content > section.knowledge-band{padding-top:48px!important;padding-bottom:48px!important}
  .panel h2,.band h2,.obligations-intro h2,.quiz-entry h2,.news-article h2,section.wrap.prose > h2{font-size:24px!important}
}
/* Шрифты на главной и «Лицензировании» — как на остальном сайте */
body[data-approved] main h2:not(.hybrid-art h2){font-size:39px!important}
body[data-approved] main h3:not(.paper h3){font-size:21px!important}
body[data-approved] .panel h2,body[data-approved] .band h2,body[data-approved] .obligations-intro h2,body[data-approved] .quiz-entry h2{font-size:28px!important}
body[data-approved] main .card p,body[data-approved] main .article-card p,body[data-approved] main .obligation-card p,body[data-approved] main li,body[data-approved] .proof-strip p{font-size:15px!important}
body[data-approved] .license-steps p,body[data-approved] .route-large p,body[data-approved] .band > div > p,body[data-approved] .quiz-entry p{font-size:15px!important}
body[data-approved] .btn{font-size:14px!important}
@media (max-width:900px){body[data-approved] main h2:not(.hybrid-art h2){font-size:31px!important}}
@media (max-width:600px){body[data-approved] main h2:not(.hybrid-art h2){font-size:29px!important}body[data-approved] .panel h2,body[data-approved] .band h2,body[data-approved] .quiz-entry h2{font-size:24px!important}}

/* C81: иллюстрации в шапках всех страниц — вид C76, перестройка C77 снята (решение Симона 05.11.2026). */
/* C80: главная — иллюстрация стоит там же, где в C76 (решение Симона 05.11.2026). */
@media (min-width:721px){.home-page .hero .hybrid-art{position:relative;top:5.55px}}
@media (min-width:721px) and (max-width:900px){.home-page .hero .hybrid-art{top:8.1px}}
/* C81: иллюстрации на остальных страницах стоят там же, где в C76. */
@media (min-width:721px){body:not(.home-page) .hero:has(.eyebrow) .hybrid-art{position:relative;top:5.55px}}
@media (min-width:721px) and (max-width:900px){body:not(.home-page) .hero:has(.eyebrow) .hybrid-art{top:8.1px}}
@media (min-width:721px){html:has(link[rel=canonical][href$="/regions/moscow/"]) .hero .hybrid-art,html:has(link[rel=canonical][href$="/frdo/"]) .hero .hybrid-art,html:has(link[rel=canonical][href$="/services/frdo-setup/"]) .hero .hybrid-art,html:has(link[rel=canonical][href$="/services/license/dpo/"]) .hero .hybrid-art{top:0!important}}

/* C82: иллюстрация на телефоне — лист и карточка друг под другом, без наклона и наложений (макет утверждён Симоном 07.11.2026). */
@media (max-width:720px){
body:not(.home-page) .hybrid-art{min-height:0!important;height:auto!important;padding:24px 20px!important;overflow:visible!important}
body:not(.home-page) .hybrid-art .papers{display:flex!important;flex-direction:column;align-items:stretch;gap:16px;height:auto!important;min-height:0!important;margin-top:20px!important;position:static!important}
body:not(.home-page) .hybrid-art .paper.back{display:none!important}
body:not(.home-page) .hybrid-art .paper{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important}
body:not(.home-page) .hybrid-art .paper h3{margin:14px 0 10px!important;overflow-wrap:anywhere}
body:not(.home-page) .hybrid-art .paper-stamp{position:static!important;width:44px;height:44px;margin:12px 0 0 auto}
body:not(.home-page) .hybrid-art .art-note{position:static!important;transform:none!important;width:auto!important;max-width:none!important;margin:0!important}
}

/* C87: плашка cookie и ссылка «Настройки cookie» в подвале (макет утверждён Симоном 07.11.2026). */
.cookie-bar{position:fixed;left:16px;right:16px;bottom:16px;z-index:50;max-width:720px;margin:0 auto;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 40px rgba(39,35,51,.16);padding:20px 24px;display:flex;align-items:center;gap:24px}
.cookie-bar p{margin:0;font-size:15px;line-height:1.5;color:var(--ink)}
.cookie-bar p a{color:var(--violet);text-decoration:underline}
.cookie-bar .cookie-actions{display:flex;gap:12px;flex-shrink:0}
.cookie-bar button{font:inherit;font-size:14px;font-weight:500;border-radius:6px;padding:12px 20px;cursor:pointer;min-height:44px}
.cookie-bar .cookie-accept,.cookie-bar .cookie-decline{background:#fff;color:var(--violet);border:1px solid var(--violet)}
.cookie-bar button:focus-visible{outline:3px solid var(--violet);outline-offset:2px}
@media (max-width:600px){.cookie-bar{flex-direction:column;align-items:stretch;gap:16px;padding:18px 18px;left:12px;right:12px;bottom:12px}.cookie-bar .cookie-actions{display:grid;grid-template-columns:1fr 1fr}}
footer .cookie-settings{background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;text-align:left;cursor:pointer;text-decoration:inherit}
footer .cookie-settings:hover{color:var(--violet)}
footer .cookie-settings:focus-visible{outline:3px solid var(--violet);outline-offset:2px}

/* C89: блок связи и форма на /request/ — макет утверждён Симоном 08.11.2026 */
main .request-layout{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:28px;align-items:start;margin-bottom:56px}
main .request-layout>.panel{padding:32px;border-radius:14px}
main .request-layout>.panel h2{font-size:26px;line-height:1.25;margin:0 0 10px}
main .request-layout>.panel>p:not(.tiny){color:var(--muted);font-size:15px;margin:0 0 22px}
body main .request-layout .review-contact-grid{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin:0}
body main .request-layout .review-contact-grid .btn{width:auto;justify-content:flex-start;text-align:left;padding:12px 18px;border-radius:10px;background:#fff;color:var(--violet);border:1px solid var(--line);font-weight:500}
body main .request-layout .review-contact-grid .btn:hover{border-color:var(--violet);background:var(--soft);color:var(--violet)}
main .request-layout .tiny{font-size:13px;line-height:1.6;color:var(--muted);padding-top:16px;border-top:1px solid var(--line);margin:0}
main .request-preview{margin:0;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}
main .request-preview>summary{padding:20px 28px;font-size:15px;font-weight:600;color:var(--violet);cursor:pointer}
main .request-preview .form-review-preview{border:0;border-top:1px solid var(--line);border-radius:0;padding:28px;margin:0}
main .request-preview .form-review-preview>h2{font-size:24px;margin:0 0 6px}
main .review-form{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
main .review-form>.review-field{grid-column:1/-1;margin:14px 0}
main .review-form>.review-field:nth-child(2),main .review-form>.review-field:nth-child(3){grid-column:auto}
main .review-form>p.review-contact-help{grid-column:1/-1;margin:-6px 0 8px;font-size:13px;line-height:1.5;color:var(--muted)}
main .review-form>.review-consent{margin:6px 0}
main .review-form>:not(.review-field){grid-column:1/-1}
main .review-form input:not([type=checkbox]),main .review-form select,main .review-form textarea{border-color:var(--line);border-radius:10px;background:var(--bg)}
main .review-form input:focus,main .review-form select:focus,main .review-form textarea:focus{background:#fff;border-color:var(--violet)}
main .review-form .review-submit{width:auto;justify-self:start;padding-inline:28px}
@media(max-width:860px){main .request-layout{grid-template-columns:1fr;gap:20px}main .review-form{grid-template-columns:1fr}main .review-form>.review-field:nth-child(2),main .review-form>.review-field:nth-child(3){grid-column:1/-1}main .request-layout>.panel,main .request-preview .form-review-preview{padding:22px}main .request-preview>summary{padding:18px 22px}main .review-form .review-submit{width:100%}}
main .request-preview>summary{border:0!important;background:none!important;margin:0!important;border-radius:0!important;box-shadow:none!important}main .request-preview{padding:0!important}
.ic{display:inline-flex;flex-shrink:0;line-height:0}
body main .request-layout .review-contact-grid .btn{display:flex;align-items:center;gap:12px}

/* C91: шапка в одну строку с иконками мессенджеров и почты — утверждено Симоном 08.11.2026 */
header nav{gap:20px}
header nav .navlinks{margin-left:auto}
.head-icons{display:flex;align-items:center;gap:8px;padding-left:18px;border-left:1px solid var(--line)}
.head-icons a{display:flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:50%;transition:transform .15s}
.head-icons a:hover{transform:translateY(-2px)}
.head-icons a:focus-visible{outline:3px solid #773fdf;outline-offset:2px}
.head-icons svg{display:block}
@media(max-width:980px){.head-icons{margin-left:auto;padding-left:0;border:0}header nav .head-icons+.account{margin-left:4px}}
@media(max-width:720px){.head-icons{margin-left:auto;padding-left:0;border:0;gap:4px}.head-icons svg{width:28px;height:28px}header nav .account{display:none}}

/* C94: подвал по примеру nebieridze-consulting.ru, фиолетовый — утверждено Симоном 08.11.2026 */
footer.site-footer{background:#ede9f1;padding:56px 0 24px;margin-top:40px;color:var(--ink)}
footer.site-footer a{color:inherit;text-decoration:none;margin:0;text-align:left;min-height:0}
footer.site-footer nav{display:block;min-height:0;gap:0;position:static;padding:0;margin:0}
.sf-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px 64px;align-items:start}
footer.site-footer a.sf-logo{display:block;width:100%;max-width:420px}.sf-logo img{width:100%;height:auto;display:block}
footer.site-footer .sf-label{font-size:13px;color:var(--muted);margin:0 0 10px;max-width:none}
.sf-phone-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
footer.site-footer .sf-phone{font-size:28px;line-height:1.15;font-weight:500;letter-spacing:-.5px;white-space:nowrap;color:var(--ink)}
.sf-icons{display:flex;gap:10px}.sf-icons a{display:flex;border-radius:50%;transition:transform .15s}.sf-icons a:hover{transform:translateY(-2px)}.sf-icons svg{display:block}
footer.site-footer .sf-mail{display:inline-block;margin-top:12px;font-size:15px;color:var(--ink)}
footer.site-footer .sf-menu{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:64px}
.sf-menu .sf-label{grid-column:1/-1}
.sf-col{display:flex;flex-direction:column;align-items:flex-start}
footer.site-footer .sf-col a{font-size:14px;padding:5px 0;line-height:1.4;color:var(--ink)}
footer.site-footer .sf-col a:hover,footer.site-footer .sf-mail:hover,footer.site-footer .sf-phone:hover{color:var(--violet)}
footer.site-footer a.sf-vc{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#fff;color:#29232f!important;font:700 12px/1 Arial;text-align:center;margin-top:10px;padding:0;border:1px solid var(--line)}
.sf-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 24px;margin-top:40px;padding-top:16px;border-top:1px solid rgba(0,0,0,.08);font-size:13px;color:var(--muted)}
footer.site-footer .sf-bottom p{margin:0;font-size:12px;max-width:none;color:inherit}
footer.site-footer .sf-bottom nav{display:flex;flex-wrap:wrap;gap:4px 20px}
footer.site-footer .sf-bottom a{font-size:12px;color:var(--muted)}
footer.site-footer .sf-bottom a:hover{color:var(--violet)}
footer.site-footer--violet{background:#5f2bd0;color:#fff}
footer.site-footer--violet .sf-logo img{filter:brightness(0) invert(1)}
footer.site-footer--violet .sf-label,footer.site-footer--violet .sf-bottom{color:rgba(255,255,255,.7)}
footer.site-footer--violet .sf-phone,footer.site-footer--violet .sf-mail,footer.site-footer--violet .sf-col a{color:#fff}
footer.site-footer--violet .sf-bottom a{color:rgba(255,255,255,.75)}
footer.site-footer--violet .sf-col a:hover,footer.site-footer--violet .sf-mail:hover,footer.site-footer--violet .sf-phone:hover,footer.site-footer--violet .sf-bottom a:hover{color:#f4c7af}
footer.site-footer--violet .sf-bottom{border-top-color:rgba(255,255,255,.2)}
footer.site-footer--violet a.sf-vc{border-color:#fff}
@media(max-width:900px){footer.site-footer .sf-phone{font-size:26px}.sf-grid,footer.site-footer .sf-menu{column-gap:40px}}
@media(max-width:720px){
 footer.site-footer{padding:28px 0 16px}
 .sf-grid{grid-template-columns:1fr;gap:24px}
 footer.site-footer a.sf-logo{max-width:300px}
 footer.site-footer .sf-phone{font-size:24px}
 .sf-phone-row{flex-wrap:nowrap;justify-content:space-between;gap:12px}
 .sf-icons{gap:8px}.sf-icons svg{width:40px;height:40px}
 footer.site-footer .sf-mail{font-size:14px;margin-top:8px}
 footer.site-footer .sf-menu{column-gap:16px}
 footer.site-footer .sf-col a{font-size:14px;padding:8px 0}
 .sf-bottom{flex-direction:column;margin-top:24px}
 footer.site-footer .sf-bottom nav{flex-direction:column;gap:0}footer.site-footer .sf-bottom nav a{padding:5px 0}
}
@media(max-width:380px){footer.site-footer .sf-phone{font-size:21px}.sf-icons svg{width:36px;height:36px}}
footer.site-footer .sf-menu>.sf-label{grid-column:1/-1;grid-row:1}
footer.site-footer .sf-menu>.sf-col:nth-of-type(1){grid-column:1;grid-row:2}
footer.site-footer .sf-menu>.sf-col:nth-of-type(2){grid-column:2;grid-row:2}
footer.site-footer .sf-menu{align-items:start}
footer.site-footer .sf-bottom nav{align-items:flex-start;justify-content:flex-start}
footer.site-footer{padding-bottom:40px}
footer.site-footer .sf-legal{display:flex;flex-wrap:wrap;gap:2px 16px;margin-top:14px;font-size:13px;color:var(--muted)}
footer.site-footer .sf-legal a,footer.site-footer .sf-legal button{font-size:13px;color:var(--muted);padding:2px 0}
footer.site-footer .sf-legal a:hover{color:var(--violet)}
footer.site-footer--violet .sf-legal,footer.site-footer--violet .sf-legal a,footer.site-footer--violet .sf-legal button{color:rgba(255,255,255,.7)}
footer.site-footer--violet .sf-legal a:hover{color:#f4c7af}
@media(max-width:720px){footer.site-footer{padding-bottom:24px}footer.site-footer .sf-legal{flex-direction:column;gap:0}footer.site-footer .sf-legal a{padding:6px 0}}
footer.site-footer .sf-legal{align-items:flex-start;justify-content:flex-start;text-align:left}@media(max-width:720px){footer.site-footer .sf-legal a,footer.site-footer .sf-legal button{padding:4px 0;min-height:32px;display:flex;align-items:center}}

/* C95: без строки ООО, политика и cookie внизу левой колонки меню */
footer.site-footer .sf-col .sf-legal{margin-top:auto;padding-top:14px;display:flex;flex-wrap:wrap;gap:2px 20px;align-items:flex-start}
footer.site-footer .sf-col:first-of-type{align-self:stretch}
footer.site-footer .sf-col .sf-legal a,footer.site-footer .sf-col .sf-legal button{font-size:13px;padding:2px 0;color:rgba(255,255,255,.7)}
@media(max-width:720px){footer.site-footer .sf-col .sf-legal{flex-direction:column;gap:0}footer.site-footer .sf-col .sf-legal a,footer.site-footer .sf-col .sf-legal button{padding:4px 0}}
footer.site-footer .sf-grid{row-gap:36px}@media(max-width:720px){footer.site-footer .sf-grid{row-gap:24px}}footer.site-footer .sf-col .sf-legal button{line-height:inherit}
@media(max-width:720px){footer.site-footer .sf-col .sf-legal{flex-direction:row;flex-wrap:wrap;gap:0 18px;width:max-content;max-width:calc(100vw - 36px);position:relative;z-index:1}footer.site-footer .sf-menu{padding-bottom:4px}}

/* C101: второй заголовок внутри панели (онлайн-помощники) — как первый, отступ сверху = поля панели (32 / 24 на телефоне) */
.panel>h2.panel-subhead{margin-top:32px}
@media(max-width:600px){.panel>h2.panel-subhead{margin-top:24px}}
/* C102: подзаголовок H3 ближе к своему тексту, чем к тексту выше (статьи и отчёты): сверху 32 = поля панели, снизу 12 = шаг списка */
.news-article>p+h3,.news-article>ul+h3,.news-article>ol+h3,.panel>p+h3{margin-top:32px}
.news-article>h3,.panel>p+h3{margin-bottom:12px}
.news-article>h3+p,.panel>p+h3+p{margin-top:0}
/* C105: правовые ссылки — третьим столбцом меню подвала (поручение Симона 11.11.2026) */
footer.site-footer .sf-menu{grid-template-columns:repeat(3,minmax(0,1fr))}
footer.site-footer .sf-menu>.sf-col:nth-of-type(3){grid-column:3;grid-row:2}
footer.site-footer .sf-col-legal .sf-legal{margin-top:0;padding-top:0;flex-direction:column;gap:0}
footer.site-footer .sf-col-legal .sf-legal a,footer.site-footer .sf-col-legal .sf-legal button{font-size:14px;padding:5px 0;line-height:1.4;color:rgba(255,255,255,.7)}
@media(max-width:720px){footer.site-footer .sf-menu{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 footer.site-footer .sf-menu>.sf-col:nth-of-type(3){grid-column:1/-1;grid-row:3;margin-top:12px}
 footer.site-footer .sf-col-legal .sf-legal{flex-direction:row;flex-wrap:wrap;gap:0 18px;width:auto;max-width:none}
 footer.site-footer .sf-col-legal .sf-legal a,footer.site-footer .sf-col-legal .sf-legal button{padding:8px 0}}

/* C115 (12.11.2026): шапка крупнее — меню, подпись под логотипом и кнопка 15 px (поручение Симона «делаем»). */
header .navlinks{font-size:15px}
header .navlinks a,header .account{white-space:nowrap}
header .logo.brand-image small,header .logo small{font-size:15px!important}
header .account{font-size:15px}
@media(max-width:1240px){header .navlinks{font-size:14px;gap:14px}header .account{font-size:14px;padding-left:14px;padding-right:14px}}
