/* ДетХелп — единый стиль (вариант 4) для внутренних страниц */
@import url("tokens.css");

:root{
  --bg:#FAFAF7; --card:#FFFFFF; --line:#E7E4DE;
  --tx:#141619; --tx2:#4A4E55; --tx3:#8A8F98;
  --acc:#0E6E68; --acc-d:#0A5651; --acc-soft:#E6F2F0; --ink:#16181C;
  --alarm:#D93A16; --alarm-d:#B02D0F; --alarm-soft:#FDEEE9;
  --sh:0 1px 2px rgba(20,22,26,.04), 0 6px 18px -8px rgba(20,22,26,.10);
  --sh-h:0 2px 6px rgba(20,22,26,.06), 0 18px 40px -14px rgba(20,22,26,.22);
  --f:"InterUI",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --r:16px;
}
:root[data-theme="dark"]{
  --bg:#101215; --card:#171A1F; --line:#262A31; --tx:#F2F3F5; --tx2:#B4B9C2;
  --tx3:#767C87; --acc:#3FB6AC; --acc-d:#63C9C0; --acc-soft:#0E2422; --ink:#F2F3F5;
  --alarm:#FF6A45; --alarm-d:#FF8461; --alarm-soft:#2A1710;
  --sh:0 1px 2px rgba(0,0,0,.3), 0 6px 18px -8px rgba(0,0,0,.5);
  --sh-h:0 2px 6px rgba(0,0,0,.4), 0 18px 40px -14px rgba(0,0,0,.7);
}

@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
  --bg:#101215; --card:#171A1F; --line:#262A31; --tx:#F2F3F5; --tx2:#B4B9C2;
  --tx3:#767C87; --acc:#3FB6AC; --acc-d:#63C9C0; --acc-soft:#0E2422; --ink:#F2F3F5;
  --alarm:#FF6A45; --alarm-d:#FF8461; --alarm-soft:#2A1710;
  --sh:0 1px 2px rgba(0,0,0,.3), 0 6px 18px -8px rgba(0,0,0,.5);
  --sh-h:0 2px 6px rgba(0,0,0,.4), 0 18px 40px -14px rgba(0,0,0,.7);
}
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tx);font-family:var(--f);
  font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.wrap{max-width:1240px;margin:0 auto;padding:0 32px}
a{color:var(--acc)}
h1,h2,h3{font-family:var(--f);font-weight:500;letter-spacing:-.03em;line-height:1.08;margin:0}
strong,b{font-weight:500}
.hero__side strong{font-weight:600}
.prose strong{font-weight:600}

/* ─── шапка ─── */
.top{position:sticky;top:0;z-index:40;background:rgba(250,250,247,.85);
  backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid var(--line)}
:root[data-theme="dark"] .top{background:rgba(16,18,21,.85)}
.top__in{display:flex;align-items:center;gap:26px;height:66px}
.logo{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:500;
  color:var(--tx);text-decoration:none;letter-spacing:-.02em;flex:none}
.logo i{width:9px;height:9px;border-radius:99px;background:var(--acc);flex:none;
  box-shadow:0 0 0 4px var(--acc-soft)}
.nav{display:flex;gap:22px;flex:1;overflow:hidden}
.nav a{font-size:15px;color:var(--tx2);text-decoration:none;white-space:nowrap;padding:4px 0}
.nav a:hover,.nav a[aria-current]{color:var(--tx)}
.nav a[aria-current]{box-shadow:inset 0 -2px 0 var(--acc)}
.top__act{display:flex;gap:8px;align-items:center;flex:none}
.btn{display:inline-flex;align-items:center;font-size:14.5px;font-weight:500;
  text-decoration:none;padding:9px 16px;border-radius:99px;border:1px solid var(--line);
  background:var(--card);color:var(--tx);cursor:pointer;font-family:var(--f);white-space:nowrap}
.btn:hover{border-color:var(--tx3)}
.btn--acc{background:var(--ink);border-color:var(--ink);color:var(--bg)}
@media(max-width:1080px){.nav{display:none}}

/* ─── меню разделов на узких экранах ─── */
.burger{display:none;width:42px;height:38px;padding:0;border-radius:11px;
  border:1px solid var(--line);background:var(--card);cursor:pointer;
  flex-direction:column;align-items:center;justify-content:center;gap:4px}
.burger span{display:block;width:18px;height:2px;border-radius:2px;background:var(--tx)}
.mnav{position:fixed;inset:0;z-index:90;background:var(--bg);overflow-y:auto;
  padding:0 20px 28px;-webkit-overflow-scrolling:touch}
.mnav__top{display:flex;align-items:center;justify-content:space-between;
  height:66px;border-bottom:1px solid var(--line);margin-bottom:6px}
.mnav__h{font-size:15px;color:var(--tx3)}
.mnav__x{border:0;background:transparent;color:var(--tx2);font-size:20px;
  line-height:1;padding:8px;cursor:pointer}
.mnav__l{display:flex;flex-direction:column}
.mnav__l a{font-size:19px;color:var(--tx);text-decoration:none;
  padding:15px 0;border-bottom:1px solid var(--line)}
.mnav__l a[aria-current]{color:var(--acc);font-weight:500}
.mnav__b{display:flex;flex-direction:column;gap:10px;margin-top:22px;align-items:flex-start}
body.mnav-on{overflow:hidden}
/* .btn.btn ниже по файлу перебивает одиночный класс — отсюда тройной селектор */
@media(max-width:1080px){.burger{display:flex}.top__act .btn.btn--theme{display:none}}
@media(max-width:640px){
  .top__act .btn{padding:9px 13px;font-size:14px}
  .top__in{gap:14px}
}

/* ─── заголовок страницы ─── */
.head{padding:64px 0 34px;max-width:62ch}
.head .label{display:inline-flex;font-size:13px;font-weight:500;color:var(--acc);
  background:var(--acc-soft);padding:6px 13px;border-radius:99px;margin:0 0 20px}
.head h1{font-size:clamp(2.1rem,3.8vw,3.2rem)}
.head .lede{font-size:19px;color:var(--tx2);margin:20px 0 0;line-height:1.45}

/* ─── контент ─── */
.prose{max-width:68ch;font-size:17px;line-height:1.68;color:var(--tx2)}
.content > p{max-width:68ch}
main h2{font-size:clamp(1.4rem,2.3vw,1.85rem);margin:44px 0 14px;color:var(--tx)}
main h3{font-size:1.2rem;margin:28px 0 8px;color:var(--tx)}
.prose p{margin:0 0 15px}
.prose ul,.prose ol{padding-left:1.25em;margin:0 0 16px}
.prose li{margin-bottom:8px}
.prose blockquote{margin:26px 0;padding:20px 24px;border-radius:14px;
  background:var(--card);border:1px solid var(--line);box-shadow:var(--sh);
  color:var(--tx);font-size:17.5px}
.prose blockquote p{margin:0}

/* ─── оглавление ─── */
.toc{max-width:68ch;background:var(--card);border:1px solid var(--line);box-shadow:var(--sh);
  border-radius:14px;padding:18px 22px;margin:0 0 34px}
.toc p{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--tx3);
  font-weight:500;margin:0 0 10px}
.toc a{display:block;font-size:15.5px;color:var(--tx2);text-decoration:none;padding:5px 0}
.toc a:hover{color:var(--acc)}

/* ─── постулат ─── */
.claim{font-size:clamp(1.45rem,2.9vw,2.15rem);font-weight:500;letter-spacing:-.03em;
  line-height:1.16;max-width:26ch;margin:44px 0;padding:0 0 0 22px;
  border-left:3px solid var(--acc);color:var(--tx)}
.claim.wide{max-width:34ch}

/* ─── шаги / жёсткий список ─── */
.steps,.hard{list-style:none;padding:0;margin:30px 0;counter-reset:s;max-width:74ch}
.steps li,.hard li{counter-increment:s;position:relative;padding:20px 0 20px 56px;
  border-bottom:1px solid var(--line)}
.steps li::before,.hard li::before{content:counter(s);position:absolute;left:0;top:18px;
  width:34px;height:34px;border-radius:99px;background:var(--acc-soft);color:var(--acc);
  display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:500}
.hard li.no::before{background:var(--alarm);color:#fff}
.steps strong,.hard strong{display:block;font-size:18px;margin-bottom:4px;color:var(--tx)}
.hard span{display:block;font-size:16px;color:var(--tx2);line-height:1.5}
.hard span b{color:var(--acc);font-weight:500}
.steps li{color:var(--tx2)}

/* ─── тревожная плашка ─── */
.alarm{background:var(--alarm);color:#fff;padding:18px 24px;border-radius:14px;
  margin:0 0 26px;max-width:74ch;font-size:17px}
.alarm a{color:#fff;text-decoration:underline}
.alarm p{margin:0}

/* ─── предложение / услуга ─── */
.offer{background:var(--card);border:1px solid var(--line);box-shadow:var(--sh);
  border-radius:var(--r);padding:30px;margin:40px 0;max-width:74ch}
.offer__price{font-size:24px;font-weight:500;letter-spacing:-.025em;margin:0 0 6px;color:var(--tx)}
.offer__note{font-size:15.5px;color:var(--tx3);margin:0 0 20px;line-height:1.45}
.offer .btn,.btn.btn{display:inline-flex}
.offer a.btn{background:var(--ink);border-color:var(--ink);color:var(--bg);padding:12px 22px;font-size:16px}

/* ─── список страниц ─── */
.pagelist{list-style:none;padding:0;margin:26px 0;display:grid;
  grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.pagelist li{border:0}
.pagelist a{display:block;height:100%;padding:22px;border-radius:14px;background:var(--card);
  border:1px solid var(--line);box-shadow:var(--sh);text-decoration:none;color:var(--tx);
  transition:transform .2s cubic-bezier(.2,.7,.3,1),box-shadow .2s ease}
.pagelist a:hover{transform:translateY(-3px);box-shadow:var(--sh-h)}
.pagelist strong{display:block;font-size:17px;margin-bottom:7px;line-height:1.25}
.pagelist span{display:block;font-size:14.5px;color:var(--tx3);line-height:1.42}

/* ─── навигация внизу ─── */
.nowbar{margin:44px 0 0;padding:22px 0 0;border-top:1px solid var(--line);
  display:flex;gap:24px;flex-wrap:wrap;max-width:74ch}
.nowbar p{margin:0;font-size:15.5px;color:var(--tx3)}

/* ─── вопросы-ответы ─── */
.qa{margin:30px 0;max-width:70ch}
.qa details{border:1px solid var(--line);border-radius:14px;background:var(--card);
  box-shadow:var(--sh);margin-bottom:10px;overflow:hidden}
.qa summary{cursor:pointer;padding:18px 22px;font-size:17.5px;font-weight:500;
  list-style:none;display:flex;align-items:center;gap:12px}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";margin-left:auto;color:var(--acc);font-size:22px;line-height:1}
.qa details[open] summary::after{content:"−"}
.qa__body{padding:0 22px 20px;color:var(--tx2);font-size:17px;line-height:1.65}
.qa__body p{margin:0 0 12px}

/* ─── быстрые пути / прочее с главной ─── */
.quick{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:26px 0}
.quick a{display:block;padding:22px;border-radius:14px;background:var(--card);
  border:1px solid var(--line);box-shadow:var(--sh);text-decoration:none;color:var(--tx)}
.quick a:hover{box-shadow:var(--sh-h)}
.quick a.urgent{background:var(--alarm);border-color:var(--alarm);color:#fff}
.quick strong{display:block;font-size:18px;margin-bottom:6px}
.quick span{display:block;font-size:14.5px;color:var(--tx3)}
.quick a.urgent span{color:rgba(255,255,255,.85)}

/* ─── подвал ─── */
.foot{border-top:1px solid var(--line);margin-top:64px;padding:52px 0 64px;background:var(--card)}
.foot__statement{max-width:60ch;color:var(--tx2);font-size:15.5px;margin:0 0 34px}
.foot__map{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:26px;
  padding-bottom:28px;border-bottom:1px solid var(--line);margin-bottom:22px}
.foot__map > div{background:none;border:0;padding:0}
.foot__maph{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--tx3);
  font-weight:500;margin:0 0 12px}
.foot__map a{display:block;font-size:15px;color:var(--tx2);text-decoration:none;padding:5px 0}
.foot__map a:hover{color:var(--acc)}
.foot__meta p{margin:0 0 7px;font-size:14px;color:var(--tx3)}

@media (prefers-reduced-motion:reduce){.pagelist a,.quick a{transition:none}}
@media(max-width:640px){
  .wrap{padding:0 20px}
  .head{padding:44px 0 26px}
}


/* ═══ блоки главной ═══ */
/* ─── герой ─── */
.hero{padding:74px 0 54px}
.hero__grid{display:grid;grid-template-columns:1.25fr .75fr;gap:56px;align-items:end}
.kicker{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;
  letter-spacing:.02em;color:var(--acc);background:var(--acc-soft);
  padding:6px 13px;border-radius:99px;margin-bottom:22px}
.hero h1{font-size:clamp(2.4rem,4.4vw,3.7rem);max-width:17ch}
.hero h1 em{font-style:normal;color:var(--acc)}
.hero p{font-size:18px;color:var(--tx2);margin:22px 0 0;max-width:52ch;line-height:1.5}
.hero__side{border-left:2px solid var(--acc);padding-left:22px}
.hero__side p{font-size:16px;color:var(--tx2);margin:0 0 16px;line-height:1.45}
.hero__cta{display:flex;gap:10px;margin-top:30px;flex-wrap:wrap}
.hero__cta .btn{padding:13px 22px;font-size:16px}
@media(max-width:900px){.hero__grid{grid-template-columns:1fr;gap:34px}
  .hero__side{border-left:0;border-top:2px solid var(--acc);padding:20px 0 0}}

/* ─── быстрые пути ─── */
.paths{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding-bottom:64px}
.path{position:relative;display:flex;flex-direction:column;min-height:158px;padding:20px;
  border-radius:var(--r);background:var(--card);border:1px solid var(--line);
  box-shadow:var(--sh);text-decoration:none;color:var(--tx);
  transition:transform .2s cubic-bezier(.2,.7,.3,1),box-shadow .2s ease}
.path:hover{transform:translateY(-4px);box-shadow:var(--sh-h)}
.path u{text-decoration:none;font-size:12px;font-weight:500;letter-spacing:.11em;
  text-transform:uppercase;color:var(--tx3);margin-bottom:auto}
.path b{font-size:19px;font-weight:500;letter-spacing:-.024em;line-height:1.18;margin-top:14px}
.path s{text-decoration:none;font-size:14px;color:var(--tx3);line-height:1.38;margin-top:6px}
.path--hot{background:var(--alarm);border-color:var(--alarm);color:#fff;box-shadow:0 10px 30px -12px rgba(217,58,22,.55)}
.path--hot u,.path--hot s{color:rgba(255,255,255,.85)}
.path--hot:hover{background:var(--acc-d)}
@media(max-width:1000px){.paths{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.paths{grid-template-columns:1fr}.path{min-height:0}}

/* ─── зум-секция ─── */
.zoom{position:relative;height:260vh}
.zoom__stick{position:sticky;top:0;height:100vh;display:flex;align-items:center;
  justify-content:center;overflow:hidden}
.zoom__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.zoom__svg circle{fill:none;vector-effect:non-scaling-stroke}
.zoom__svg .c1{stroke:var(--acc);stroke-width:1.5;opacity:.9}
.zoom__svg .c2{stroke:var(--line);stroke-width:1.2;opacity:.9}
.zoom__svg .c3{stroke:var(--line);stroke-width:1.2;opacity:.7}
.zoom__svg .c4{stroke:var(--line);stroke-width:1.2;opacity:.5}
.zoom__svg .c5{stroke:var(--line);stroke-width:1.2;opacity:.35}
.zoom__txt::before{content:"";position:absolute;inset:-40px -60px;z-index:-1;
  background:radial-gradient(ellipse at center,var(--bg) 45%,transparent 78%)}
.zoom__txt{position:relative;z-index:2;text-align:center;max-width:22ch;
  font-size:clamp(1.6rem,3.6vw,2.9rem);font-weight:500;letter-spacing:-.032em;line-height:1.12;
  will-change:opacity,transform}
.zoom__txt b{font-weight:500;color:var(--acc)}
.zoom__sub{display:block;font-size:16px;color:var(--tx3);margin-top:18px;letter-spacing:0;
  font-weight:400;line-height:1.45}

/* ─── цифры ─── */
.figs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-bottom:68px}
.fig{padding:28px;border-radius:var(--r);background:var(--acc-soft)}
.fig b{display:block;font-size:clamp(2.2rem,4vw,3.2rem);font-weight:500;
  letter-spacing:-.04em;line-height:1;color:var(--acc)}
.fig span{display:block;margin-top:12px;font-size:15px;color:var(--tx2);line-height:1.4}
@media(max-width:820px){.figs{grid-template-columns:1fr}}

/* ─── истории ─── */
.stories{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.st{display:flex;flex-direction:column;min-height:280px;padding:26px;border-radius:var(--r);
  background:var(--card);border:1px solid var(--line);box-shadow:var(--sh);
  text-decoration:none;color:var(--tx);
  transition:transform .2s cubic-bezier(.2,.7,.3,1),box-shadow .2s ease}
.st:hover{transform:translateY(-4px);box-shadow:var(--sh-h)}
.st q{quotes:none;font-size:19px;font-weight:500;letter-spacing:-.022em;line-height:1.28;
  color:var(--tx);margin-bottom:auto}
.st b{font-size:17px;font-weight:500;margin-top:22px}
.st span{font-size:14px;color:var(--tx3);margin-top:5px}
@media(max-width:900px){.stories{grid-template-columns:1fr}.st{min-height:0}}

/* ─── врезка ─── */
.note{border-radius:var(--r);background:var(--card);border:1px solid var(--line);
  box-shadow:var(--sh);padding:34px;margin:0 0 68px;max-width:74ch}
.note h2{font-size:clamp(1.4rem,2.2vw,1.8rem);margin-bottom:14px}
.note p{color:var(--tx2);margin:0 0 12px;font-size:16.5px}

/* ─── блоки разделов ─── */
.sect{padding:0 0 68px}
.sect__h{display:flex;align-items:center;justify-content:space-between;gap:20px;
  margin-bottom:20px}
.sect__h h2{font-size:clamp(1.5rem,2.4vw,2rem)}
.sect__h a{font-size:15px;color:var(--tx3);text-decoration:none;white-space:nowrap}
.sect__h a:hover{color:var(--acc)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(272px,1fr));gap:12px}
.item{display:block;padding:22px;border-radius:14px;background:var(--card);
  border:1px solid var(--line);box-shadow:var(--sh);text-decoration:none;color:var(--tx);
  transition:transform .2s cubic-bezier(.2,.7,.3,1),box-shadow .2s ease}
.item:hover{transform:translateY(-3px);box-shadow:var(--sh-h)}
.item b{display:block;font-size:17px;font-weight:500;letter-spacing:-.018em;
  line-height:1.25;margin-bottom:7px}
.item span{display:block;font-size:14.5px;color:var(--tx3);line-height:1.42}


/* ═══ логотип с живой линией ═══ */
.logo{font-size:19px;gap:11px}
.logo i{display:none}
.logo svg{width:26px;height:26px;flex:none}
.logo svg path{fill:var(--acc)}
.logo svg .lg-heart{fill:#fff}

/* ═══ индикатор прочитанного ═══ */
.progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--acc);
  z-index:60;transition:width .08s linear}

/* ═══ боковое оглавление ═══ */
.layout{display:grid;grid-template-columns:236px 1fr;gap:52px;align-items:start}
.layout--solo{grid-template-columns:1fr}
.side{position:sticky;top:86px;max-height:calc(100vh - 120px);overflow-y:auto;
  padding-right:6px}
.side__h{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--tx3);
  font-weight:500;margin:0 0 12px}
.side a{display:block;font-size:14.5px;color:var(--tx3);text-decoration:none;
  padding:7px 0 7px 14px;border-left:2px solid var(--line);line-height:1.35;
  transition:color .15s ease,border-color .15s ease}
.side a:hover{color:var(--tx2)}
.side a.on{color:var(--acc);border-left-color:var(--acc)}
@media(max-width:1000px){.layout{grid-template-columns:1fr;gap:0}.side{display:none}}

/* ═══ наверх ═══ */
.up{position:fixed;right:22px;bottom:22px;z-index:50;width:46px;height:46px;border-radius:99px;
  border:1px solid var(--line);background:var(--card);color:var(--tx);cursor:pointer;
  box-shadow:var(--sh);font-size:18px;opacity:0;pointer-events:none;transition:opacity .2s ease}
.up.show{opacity:1;pointer-events:auto}
.up:hover{border-color:var(--acc);color:var(--acc)}

/* ═══ врезки ═══ */
.call{border-radius:14px;padding:20px 24px;margin:26px 0;max-width:68ch;
  background:var(--card);border:1px solid var(--line);box-shadow:var(--sh)}
.call__t{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:500;
  letter-spacing:.06em;text-transform:uppercase;margin:0 0 10px;color:var(--tx3)}
.call p{margin:0 0 10px;color:var(--tx2);font-size:16.5px;line-height:1.55}
.call p:last-child{margin:0}
.call--stop{border-left:3px solid var(--alarm)}
.call--stop .call__t{color:var(--alarm)}
.call--key{border-left:3px solid var(--tx)}

/* ═══ призыв к действию в конце страницы ═══ */
.cta{display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;
  background:var(--acc-soft);border-radius:var(--r);padding:28px 32px;margin:52px 0 0}
.cta__t{font-size:20px;font-weight:500;letter-spacing:-.02em;margin:0 0 6px;color:var(--tx)}
.cta__s{font-size:15.5px;color:var(--tx2);margin:0;max-width:52ch;line-height:1.45}
.cta .btn{padding:13px 24px;font-size:16px;flex:none}

/* ═══ прайс ═══ */
.price{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;margin:28px 0}
.pcard{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);
  border-radius:var(--r);padding:28px;box-shadow:var(--sh)}
.pcard--hot{border-color:var(--acc);border-width:2px}
.pcard u{text-decoration:none;font-size:12px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--tx3);font-weight:500}
.pcard h3{font-size:21px;margin:12px 0 8px;line-height:1.2}
.pcard .sum{font-size:30px;font-weight:500;letter-spacing:-.03em;color:var(--acc);margin:6px 0 4px}
.pcard .free{color:var(--tx)}
.pcard .unit{font-size:14px;color:var(--tx3);margin:0 0 16px}
.pcard ul{list-style:none;padding:0;margin:0 0 22px;flex:1}
.pcard li{position:relative;padding:6px 0 6px 24px;font-size:15.5px;color:var(--tx2);line-height:1.45}
.pcard li::before{content:"";position:absolute;left:2px;top:14px;width:9px;height:9px;
  border-radius:99px;background:var(--acc-soft);border:1.5px solid var(--acc)}
.pcard .btn{justify-content:center}
.pcard .btn--acc{background:var(--ink);border-color:var(--ink);color:var(--bg);padding:13px}
.pnote{font-size:14px;color:var(--tx3);margin:6px 0 0}

/* ═══ таблица ═══ */
.tbl{width:100%;border-collapse:collapse;margin:24px 0;font-size:15.5px}
.tbl th{text-align:left;padding:12px 14px;background:var(--acc-soft);color:var(--tx);
  font-weight:500;font-size:14px;letter-spacing:.02em}
.tbl td{padding:12px 14px;border-bottom:1px solid var(--line);color:var(--tx2);vertical-align:top}
.tbl tr:last-child td{border-bottom:0}
.tbl td:first-child{color:var(--tx)}
@media(max-width:640px){.cta{padding:22px}.tbl{font-size:14px}.tbl th,.tbl td{padding:9px 8px}}

/* ═══ мобильная правка: не выпускать за экран ═══ */
.zoom__stick{overflow:hidden}
.zoom__svg{overflow:hidden}
@media(max-width:760px){
  .top__in{flex-wrap:wrap;height:auto;padding:12px 0;gap:10px}
  .logo{flex:1 1 auto}
  .top__act{flex:0 0 auto;gap:6px}
  .top__act .btn{padding:8px 12px;font-size:13.5px}
  .cta{flex-direction:column;align-items:flex-start}
  .cta .btn{width:100%;justify-content:center}
  .zoom{height:200vh}
}
@media(max-width:420px){
  .top__act .btn{padding:7px 10px;font-size:12.5px}
  .logo{font-size:17px}
  .logo svg{width:38px}
}

/* ═══ главная кнопка: заметнее и с иконкой ═══ */
.btn--ask{background:var(--acc);border-color:var(--acc);color:#fff;font-weight:500;
  box-shadow:0 4px 14px -4px rgba(14,110,104,.45);position:relative}
.btn--ask:hover{background:var(--acc-d);border-color:var(--acc-d);
  box-shadow:0 6px 20px -4px rgba(14,110,104,.6)}
.btn--ask svg{width:15px;height:15px;flex:none;margin-right:2px}
.btn--ask svg path{fill:currentColor}
:root[data-theme="dark"] .btn--ask{color:#05201D}
:root[data-theme="dark"] .btn--ask svg path{fill:#05201D}

/* контраст главной кнопки в автоматической тёмной теме */
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .btn--ask{color:#1a0d08}
  :root:not([data-theme="light"]) .btn--ask svg path{fill:#1a0d08}
  :root:not([data-theme="light"]) .path--hot,
  :root:not([data-theme="light"]) .alarm,
  :root:not([data-theme="light"]) .quick a.urgent{color:#1a0d08}
  :root:not([data-theme="light"]) .path--hot u,
  :root:not([data-theme="light"]) .path--hot s,
  :root:not([data-theme="light"]) .quick a.urgent span{color:rgba(26,13,8,.75)}
  :root:not([data-theme="light"]) .alarm a{color:#1a0d08}
}
:root[data-theme="dark"] .path--hot,
:root[data-theme="dark"] .alarm,
:root[data-theme="dark"] .quick a.urgent{color:#1a0d08}
:root[data-theme="dark"] .path--hot u,
:root[data-theme="dark"] .path--hot s,
:root[data-theme="dark"] .quick a.urgent span{color:rgba(26,13,8,.75)}
:root[data-theme="dark"] .alarm a{color:#1a0d08}

/* фон шапки в автоматической тёмной теме */
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .top{background:rgba(16,18,21,.85)}
}

/* меню: 8 пунктов — компактнее и с прокруткой на узких */
.nav{gap:17px;overflow-x:auto;scrollbar-width:none}
.nav::-webkit-scrollbar{display:none}
.nav a{font-size:14.5px}
@media(max-width:1240px){.nav a{font-size:14px}.nav{gap:14px}}

/* ═══ две колонки: работает / не работает ═══ */
.vs{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:26px 0}
.vs__col{background:var(--card);border:1px solid var(--line);border-radius:var(--r);
  padding:26px;box-shadow:var(--sh)}
.vs__col--bad{border-top:4px solid var(--alarm)}
.vs__col--good{border-top:4px solid #2E9E5B}
.vs__h{display:flex;align-items:center;gap:9px;font-size:19px;font-weight:500;
  letter-spacing:-.02em;margin:0 0 4px;color:var(--tx)}
.vs__sub{font-size:14px;color:var(--tx3);margin:0 0 18px;line-height:1.4}
.vs ul{list-style:none;padding:0;margin:0}
.vs li{position:relative;padding:11px 0 11px 28px;border-bottom:1px solid var(--line);
  font-size:15.5px;line-height:1.45;color:var(--tx2)}
.vs li:last-child{border-bottom:0}
.vs li b{display:block;color:var(--tx);font-weight:500;margin-bottom:2px}
.vs li::before{position:absolute;left:0;top:12px;font-size:15px;line-height:1.4}
.vs__col--bad li::before{content:"✕";color:var(--alarm);font-weight:600}
.vs__col--good li::before{content:"✓";color:#2E9E5B;font-weight:600}
:root[data-theme="dark"] .vs__col--good{border-top-color:#4ED186}
:root[data-theme="dark"] .vs__col--good li::before{color:#4ED186}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .vs__col--good{border-top-color:#4ED186}
  :root:not([data-theme="light"]) .vs__col--good li::before{color:#4ED186}
}
@media(max-width:820px){.vs{grid-template-columns:1fr}}

/* заголовки секций: на узких экранах ссылка переносится под заголовок */
@media(max-width:640px){
  .sect__h{flex-wrap:wrap;align-items:flex-start;gap:6px}
  .sect__h a{white-space:normal;font-size:14.5px}
  .block__h{flex-wrap:wrap;gap:6px}
  .block__h a{white-space:normal}
}

/* дата обновления страницы */
.upd{margin:40px 0 0;padding-top:16px;border-top:1px solid var(--line);
  font-size:14px;color:var(--tx3);max-width:74ch}
.upd a{color:var(--tx3);text-decoration:underline}
.upd a:hover{color:var(--acc)}

/* ─── плотная раскладка статей (10.09.2026) ───
   Длинные списки идут в две колонки, отступы сжаты, боковое оглавление уже.
   Порядковые списки первых суток остаются в одну колонку — см. .hard--flow. */
@media(min-width:1440px){main .wrap{max-width:1360px}}
.layout{grid-template-columns:200px minmax(0,1fr);gap:44px}
.hard li,.steps li{padding:14px 0 14px 52px}
.hard li::before,.steps li::before{top:12px;width:30px;height:30px;font-size:14px}
/* две колонки — только перечням, где порядок не важен. Последовательности не дробим */
.hard--two{columns:2;column-gap:46px;max-width:none}
.hard--two li{break-inside:avoid;-webkit-column-break-inside:avoid}
.head{padding:40px 0 22px}
main h2{margin:30px 0 12px}
main h3{margin:20px 0 6px}
.prose p{margin:0 0 13px}
.claim{margin:26px 0}
.note,.call{margin:20px 0}
@media(max-width:1000px){.hard--two{columns:1}}

/* ─── врезка в правое поле (10.09.2026) ─── */
.mg{float:right;width:300px;margin:4px 0 26px 34px;padding:18px 20px;border-radius:14px;
  background:var(--card);border:1px solid var(--line);box-shadow:var(--sh);clear:both}
.mg__h{margin:0 0 10px;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--tx3);font-weight:500}
.mg b{display:block;font-size:30px;font-weight:500;letter-spacing:-.03em;color:var(--tx);line-height:1}
.mg span{display:block;font-size:14.5px;color:var(--tx2);line-height:1.45;margin-top:8px}
.mg ul{margin:0;padding-left:1.1em}
.mg li{font-size:14.5px;color:var(--tx2);line-height:1.45;margin-bottom:7px}
.mg p{margin:0;font-size:15.5px;color:var(--tx);line-height:1.5}
.mg a{display:inline-block;margin-top:10px;font-size:14px;text-decoration:none}
.mg a:hover{text-decoration:underline}
.mg--quote{background:var(--acc-soft);border-color:transparent}
@media(max-width:1280px){.mg{float:none;width:auto;max-width:68ch;margin:22px 0 26px}}

/* мобильный порядок — держим в конце файла, иначе правила выше его перебивают */
@media(max-width:1000px){
  .layout{grid-template-columns:1fr;gap:0}
  .side{display:none}
}

/* ─── списки со знаками (11.09.2026) ─── */
:root{--warn:#B8790F;--warn-soft:#FDF3E2}
[data-theme="dark"]{--warn:#E0A63A;--warn-soft:#2A2110}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--warn:#E0A63A;--warn-soft:#2A2110}}
.ticks{list-style:none;padding:0;margin:22px 0;max-width:68ch}
.ticks li{position:relative;padding:0 0 0 36px;margin:0 0 13px;line-height:1.55;color:var(--tx2)}
.ticks li::before{position:absolute;left:0;top:1px;width:23px;height:23px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;
  content:"✓";background:var(--acc-soft);color:var(--acc)}
.ticks li.no::before{content:"✕";background:var(--alarm-soft);color:var(--alarm-d)}
.ticks li.warn::before{content:"!";background:var(--warn-soft);color:var(--warn)}
.ticks li b{color:var(--tx);font-weight:500}
.ticks--tight li{margin-bottom:9px;font-size:16px}
/* нейтральный маркер для длинных перечней — восклицательный знак только для 2-3 пунктов */
.ticks--dot li{padding-left:26px}
.ticks--dot li::before{content:"";width:8px;height:8px;top:10px;left:4px;background:var(--acc);
  border-radius:50%;box-shadow:0 0 0 4px var(--acc-soft)}

/* ─── чек-лист: отмечаемые шаги (11.09.2026) ─── */
.chkbar{display:flex;align-items:center;gap:14px;margin:0 0 6px;max-width:74ch}
.chkbar__t{font-size:14.5px;color:var(--tx3);white-space:nowrap}
.chkbar__t b{color:var(--acc);font-weight:500}
.chkbar__l{flex:1;height:6px;border-radius:3px;background:var(--line);overflow:hidden}
.chkbar__l i{display:block;height:100%;width:0;background:var(--acc);border-radius:3px;
  transition:width .25s ease}
.chkbar__r{font-size:13.5px;color:var(--tx3);background:none;border:0;cursor:pointer;
  text-decoration:underline;font-family:var(--f);padding:0}
.chkbar__r:hover{color:var(--tx2)}
.hard--check li{cursor:pointer;transition:opacity .2s ease}
.hard--check li::before{transition:background .2s ease,color .2s ease}
.hard--check li:hover::before{background:var(--acc);color:#fff}
.hard--check li.done{opacity:.5}
.hard--check li.done::before{content:"✓";background:var(--acc);color:#fff}
.hard--check li.no.done::before{background:var(--alarm);color:#fff}

/* ─── навигатор «С чего начать» (11.09.2026) ─── */
.wiz{max-width:74ch;margin:8px 0 0}
.wiz__n{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--tx3);
  font-weight:500;margin:0 0 8px}
.wiz__q{font-size:clamp(1.3rem,2.2vw,1.7rem);font-weight:500;letter-spacing:-.03em;
  color:var(--tx);margin:0 0 20px;line-height:1.2}
.wiz__opts{display:grid;gap:10px}
.wiz__opts button{text-align:left;font-family:var(--f);font-size:17px;line-height:1.4;
  color:var(--tx);background:var(--card);border:1px solid var(--line);border-radius:14px;
  padding:16px 48px 16px 20px;cursor:pointer;box-shadow:var(--sh);position:relative;
  transition:transform .18s cubic-bezier(.2,.7,.3,1),box-shadow .18s ease,border-color .18s ease}
.wiz__opts button::after{content:"→";position:absolute;right:20px;top:50%;transform:translateY(-50%);
  color:var(--acc);font-size:18px;transition:transform .18s ease}
.wiz__opts button:hover{border-color:var(--acc);box-shadow:var(--sh-h);transform:translateY(-2px)}
.wiz__opts button:hover::after{transform:translate(4px,-50%)}
.wiz__back,.wiz__again{margin-top:18px}
.wiz__back{background:none;border:0;color:var(--tx3);font-size:15px;cursor:pointer;
  font-family:var(--f);padding:0}
.wiz__back:hover{color:var(--tx2)}
.wiz__res{border-left:3px solid var(--acc);padding-left:22px}
.wiz__links{margin:18px 0 0;font-size:16px;color:var(--tx3)}
@media(prefers-reduced-motion:reduce){.wiz__opts button{transition:none}}
/* нейтральный маркер для отдельного пункта внутри смешанного списка */
.ticks li.dot::before{content:"";width:8px;height:8px;top:10px;left:8px;background:var(--tx3);
  border-radius:50%;box-shadow:0 0 0 4px var(--line)}

/* ─── панель вычитки (рабочая версия; снять перед запуском) ─── */
.pfbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;
  gap:16px;flex-wrap:wrap;padding:9px 18px;background:var(--card);
  border-top:1px solid var(--line);box-shadow:0 -2px 12px rgba(20,22,26,.06);
  font-size:14px;color:var(--tx3)}
.pfbar--done{background:var(--acc-soft);border-top-color:var(--acc)}
.pfbar__t{white-space:nowrap}
.pfbar__b{font-family:var(--f);font-size:14px;padding:6px 14px;border-radius:99px;
  border:1px solid var(--line);background:var(--bg);color:var(--tx);cursor:pointer}
.pfbar__b:hover{border-color:var(--acc);color:var(--acc)}
.pfbar--done .pfbar__b{border-color:var(--acc);color:var(--acc);background:var(--card)}
.pfbar__n{margin-left:auto;font-weight:500;text-decoration:none;white-space:nowrap}
.pfbar__l{text-decoration:none;color:var(--tx3);white-space:nowrap}
.pfbar__l:hover{color:var(--tx2)}
body{padding-bottom:52px}
@media(max-width:640px){
  .pfbar{gap:8px;padding:8px 12px;font-size:13px}
  .pfbar__n{margin-left:0}
  body{padding-bottom:86px}
}
@media print{.pfbar{display:none}}

/* ——— Заметки вычитки. Снять перед запуском вместе с .pfbar ——— */
.pfbar__note{font-family:var(--f);font-size:14px;padding:6px 12px;border-radius:99px;
  border:1px solid var(--ln);background:var(--card);color:var(--tx2);cursor:pointer;white-space:nowrap}
.pfbar__note:hover{border-color:var(--acc);color:var(--acc)}
.ntpick{position:absolute;z-index:70;font-family:var(--f);font-size:13px;padding:6px 12px;
  border-radius:99px;border:0;background:var(--acc);color:#fff;cursor:pointer;
  box-shadow:0 4px 14px rgba(0,0,0,.2)}
.ntbox{position:fixed;z-index:80;left:50%;bottom:64px;transform:translateX(-50%);
  width:min(560px,calc(100vw - 32px));background:var(--card);border:1px solid var(--ln);
  border-radius:14px;padding:16px;box-shadow:0 10px 40px rgba(0,0,0,.22)}
.ntbox__q{margin:0 0 10px;font-size:14px;color:var(--tx3);line-height:1.45;
  max-height:5.8em;overflow:auto}
.ntbox__i{width:100%;font-family:var(--f);font-size:15px;line-height:1.5;padding:10px 12px;
  border:1px solid var(--ln);border-radius:10px;background:var(--bg);color:var(--tx);resize:vertical}
.ntbox__a{display:flex;align-items:center;gap:10px;margin-top:10px}
.ntbox__save{font-family:var(--f);font-size:14px;padding:8px 18px;border-radius:99px;border:0;
  background:var(--acc);color:#fff;cursor:pointer}
.ntbox__cancel{font-family:var(--f);font-size:14px;padding:8px 14px;border-radius:99px;
  border:1px solid var(--ln);background:transparent;color:var(--tx3);cursor:pointer}
.ntbox__s{font-size:13px;color:var(--tx3)}
.ntlist{position:fixed;z-index:75;right:16px;bottom:64px;width:min(400px,calc(100vw - 32px));
  max-height:60vh;overflow:auto;background:var(--card);border:1px solid var(--ln);
  border-radius:14px;padding:14px;box-shadow:0 10px 40px rgba(0,0,0,.22)}
.ntlist__h{margin:0 0 10px;font-size:14px;font-weight:600}
.ntlist__e{margin:0;font-size:14px;color:var(--tx3);line-height:1.5}
.ntlist__i{position:relative;padding:8px 26px 8px 10px;margin-bottom:8px;border-radius:10px;
  background:var(--bg);font-size:14px;line-height:1.45}
.ntlist__q{display:block;color:var(--tx3);margin-bottom:4px}
.ntlist__t{display:block}
.ntlist__x{position:absolute;top:4px;right:6px;border:0;background:transparent;
  color:var(--tx3);font-size:17px;line-height:1;cursor:pointer}
.ntlist__close{font-family:var(--f);font-size:14px;padding:6px 14px;border-radius:99px;
  border:1px solid var(--ln);background:transparent;color:var(--tx3);cursor:pointer;margin-top:4px}
@media(max-width:640px){
  .ntbox,.ntlist{bottom:92px}
  .ntlist{right:8px;left:8px;width:auto}
}
.ntpick--fix{position:fixed;left:50%;transform:translateX(-50%);bottom:96px;
  font-size:15px;padding:10px 20px}
@media print{.ntpick,.ntbox,.ntlist{display:none}}
.ntc{font-weight:400;color:var(--tx3)}
.ntempty{color:var(--tx3);max-width:70ch}
.ntgrp{margin:0 0 18px;max-width:70ch}
.ntgrp__h{margin:0 0 8px;font-size:15px;font-weight:600}
.ntgrp__i{position:relative;padding:10px 30px 10px 12px;margin-bottom:8px;border-radius:10px;
  background:var(--card);border:1px solid var(--ln);font-size:15px;line-height:1.5}
.ntgrp__q{display:block;color:var(--tx3);margin-bottom:4px}
.ntgrp__t{display:block}
.ntgrp__d{display:block;margin-top:4px;font-size:12px;color:var(--tx3)}
.ntgrp__x{position:absolute;top:6px;right:8px;border:0;background:transparent;
  color:var(--tx3);font-size:18px;line-height:1;cursor:pointer}
.pfbar__u{color:var(--warn)}
.pfbar__w{color:var(--warn);white-space:nowrap}
.pfbar--upd{background:var(--warn-soft);border-top-color:var(--warn)}
.updcnt{font-size:13.5px;color:var(--warn);white-space:nowrap}
.chk li.upd{background:var(--warn-soft);border-radius:8px}
.chk li.upd .updmark{display:block;font-size:12.5px;color:var(--warn);margin-left:30px}

/* ═══ Оформление по итогам вычитки 23.09 ═══ */
/* подзаголовки разделов — метка цветом сайта слева (h2 с собственным классом не трогаем) */
main h2:not([class]){position:relative;padding-left:18px}
main h2:not([class])::before{content:"";position:absolute;left:0;top:.14em;height:1em;
  width:5px;border-radius:3px;background:var(--acc)}
/* врезки «Главное», «Важно»: мягкая заливка вместо белой карточки */
.call,.call--key{background:var(--acc-soft);border:0;box-shadow:none}
.call__t{color:var(--acc);font-weight:600}
.call__t::before{content:"●";font-size:9px;line-height:1}
.call p{color:var(--tx)}
/* красным — только срочное: «сначала зафиксировать» и подобное */
.call--stop{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--alarm)}
.call--stop .call__t{color:var(--alarm)}
.call--stop p{color:var(--tx2)}
/* «это неправда» — мифы, то, что не работает: без тревожного цвета */
.call--no{background:var(--card);border:1px solid var(--line)}
.call--no .call__t{color:var(--tx)}
.call--no .call__t::before{content:"✕";font-size:13px;color:var(--alarm);font-weight:700}
.call--no p{color:var(--tx2)}
/* переходы «куда дальше» — плашки со стрелкой; ссылки в тексте не трогаем */
.nowbar{gap:14px 22px;align-items:center}
.nowbar a,.wiz__links a{display:inline-flex;align-items:center;gap:7px;padding:8px 15px;
  border-radius:99px;background:var(--acc-soft);color:var(--acc);font-weight:500;
  text-decoration:none;margin:3px 0;transition:background .15s}
.nowbar a::after,.wiz__links a::after{content:"→"}
.nowbar a:hover,.wiz__links a:hover{background:var(--acc);color:#fff}
/* карточки разделов — стрелка в углу, чтобы на телефоне было видно, что нажимается */
.pagelist a{position:relative;padding-right:46px}
.pagelist a::after{content:"→";position:absolute;right:20px;top:20px;font-size:18px;
  color:var(--acc);transition:transform .2s}
.pagelist a:hover::after{transform:translateX(3px)}
/* плашка «Материалы сайта не заменяют…» в подвале */
.foot__statement{background:var(--acc-soft);color:var(--tx);border-radius:14px;
  padding:18px 22px;max-width:68ch}
/* висячие слова: браузер сам выравнивает строки */
h1,h2,h3,.lede,.claim,summary,.call__t,.pagelist strong{text-wrap:balance}
p,li{text-wrap:pretty}
/* меню: 7 пунктов не помещались от 1081 до 1440 px (обрезалось «О проекте»).
   Уплотняем ряд, а уже 1280 px — кнопка ☰, как на планшете */
.nav{gap:15px}
.nav a{font-size:14.5px}
@media(max-width:1279px){.nav{display:none}.burger{display:flex}.top__act .btn.btn--theme{display:none}}
@media(min-width:1440px){.top .wrap{max-width:1360px}}
@media(min-width:1280px) and (max-width:1439px){
  .top__in{gap:14px}.nav{gap:12px}.top__act .btn{padding:9px 13px}
}
.mg small{display:block;margin-top:8px;font-size:12px;color:var(--tx3)}
.lede small{font-size:.8em;color:var(--tx3)}
/* «что не работает»: метка перед советом в раскрывающемся списке */
.qa--no summary::before,.qa--yes summary::before,.qa--q summary::before{
  display:inline-block;width:1.4em;font-weight:700}
.qa--no summary::before{content:"✕";color:var(--alarm)}
.qa--yes summary::before{content:"✓";color:var(--acc)}
.qa--q summary::before{content:"?";color:var(--warn)}
/* схема из трёх шагов со стрелками */
.scheme{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin:22px 0 10px;max-width:980px}
.scheme__s{position:relative;background:var(--acc-soft);border-radius:14px;padding:20px 20px 22px}
.scheme__s b{display:inline-flex;width:30px;height:30px;border-radius:50%;background:var(--acc);
  color:#fff;align-items:center;justify-content:center;font-size:15px;margin-bottom:10px}
.scheme__s p{margin:0;font-size:15.5px;line-height:1.5;color:var(--tx)}
.scheme__s:not(:last-child)::after{content:"→";position:absolute;right:-26px;top:50%;
  transform:translateY(-50%);font-size:22px;color:var(--acc)}
@media(max-width:760px){.scheme{grid-template-columns:1fr;gap:26px}
  .scheme__s:not(:last-child)::after{content:"↓";right:auto;left:50%;top:auto;bottom:-26px;transform:translateX(-50%)}}
/* пункт «чего не обещаем» внутри карточки услуги */
.pcard li.not{color:var(--tx3)}
.pcard li.not::before{content:"✕";background:none;width:auto;height:auto;top:6px;left:0;
  color:var(--alarm);font-size:13px;font-weight:700}
/* карточки исследований на «Откуда мы это знаем» */
.src__g{margin:26px 0 10px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--tx3)}
.srcs{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;max-width:980px}
.src{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.src__t{margin:0 0 6px;font-size:15.5px;font-weight:500;line-height:1.35;color:var(--tx)}
.src__t a{color:var(--tx);text-decoration-color:var(--acc)}
.src__w{margin:0;font-size:13.5px;color:var(--tx3);line-height:1.4}
.srcs{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr))}
.layout > .content{min-width:0}

/* страницы без оглавления: перебивает поздние .layout с колонкой под .side */
.layout.layout--solo{grid-template-columns:minmax(0,1fr)}

/* картинка в тексте статьи */
.photo{margin:8px 0 28px}
.photo img{display:block;width:100%;height:auto;border-radius:var(--r)}
.photo figcaption{margin-top:10px;font-size:14px;color:var(--tx3)}


/* ===== Шапка в две строки (цикл 2, 24.09): сверху логотип + «Консультации», «Истории», «О проекте»; снизу разделы ===== */
.logo{font-size:26px;font-weight:600;letter-spacing:-.02em;gap:11px}
.logo svg{width:36px;height:36px}
.logo__h{color:var(--acc)}
.nav--top{justify-content:flex-end;align-items:center}
.nav--top a{font-size:15px}
.nav--top .nav__cons{font-weight:600;color:var(--acc);background:var(--acc-soft);padding:8px 16px;border-radius:99px}
.nav--top .nav__cons[aria-current]{box-shadow:inset 0 0 0 1.5px var(--acc)}
.nav2{display:flex;justify-content:center;gap:30px;height:44px;align-items:center;border-top:1px solid var(--line)}
.nav2 a{font-size:15px;color:var(--tx2);text-decoration:none;white-space:nowrap;padding:4px 0;display:flex;align-items:center}
.nav2 a:hover,.nav2 a[aria-current]{color:var(--tx)}
.nav2 a[aria-current]{box-shadow:inset 0 -2px 0 var(--acc)}
.nav2 .nav2__net{color:var(--acc);font-weight:600}
.nav2__net svg{width:17px;height:17px;margin-right:6px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lede-src{font-size:13px;color:var(--tx3);margin-top:10px}
@media(max-width:1279px){.nav2{display:none}}
@media(max-width:640px){.logo{font-size:21px}.logo svg{width:30px;height:30px}}

/* Названия страниц (цикл 2): мелкая приписка в H1 и строка под заголовком главной */
h1 .h1-note{display:block;font-size:.42em;font-weight:400;color:var(--tx3);letter-spacing:0;margin-top:10px}
.hero2__for{font-size:17px;color:var(--tx2);margin:14px 0 22px}

/* Коммерция (цикл 2): блок «Чем можем помочь» внизу статей + цена под лидом */
.help{margin:40px 0 10px;padding:28px;border-radius:18px;background:var(--acc-soft)}
.help__h{font-size:20px;font-weight:500;letter-spacing:-.02em;margin:0 0 16px;color:var(--tx)}
.help__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.help__grid--one{grid-template-columns:minmax(0,560px)}
.help__c{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 22px;display:flex;flex-direction:column;align-items:flex-start}
.help__tag{font-size:13px;color:var(--acc);font-weight:600;margin:0 0 6px}
.help__c--paid .help__tag{color:var(--tx2)}
.help__t{font-size:18px;font-weight:500;margin:0 0 6px;color:var(--tx)}
.help__s{font-size:15px;color:var(--tx2);margin:0 0 16px;line-height:1.45;flex:1}
.help__all{margin:14px 0 0;font-size:15px}
@media(max-width:760px){.help__grid{grid-template-columns:1fr}.help{padding:20px}}
.lede-price{font-size:15px;font-weight:500;color:var(--acc);margin:12px 0 0}

/* Картинки (цикл 2): сбоку у своего абзаца, узкая панорама, заголовок на картинке */
.mg--photo{width:340px;padding:0;background:none;border:0;box-shadow:none}
.mg--photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:14px}
.mg--photo figcaption{margin-top:9px;font-size:14px;line-height:1.45;color:var(--tx3)}
.photo--strip{max-width:980px;margin:0 0 34px}
.photo--strip img{display:block;width:100%;height:260px;object-fit:cover;object-position:50% 55%;border-radius:18px}
.photo--strip figcaption{margin-top:10px;font-size:14px;color:var(--tx3)}
.head--img{max-width:none;margin-top:26px;padding:150px 44px 40px;border-radius:22px;color:#fff;
  background:linear-gradient(180deg,rgba(10,14,16,.15) 0%,rgba(10,14,16,.55) 45%,rgba(10,14,16,.85) 100%),var(--bg) center 40%/cover}
.head--img h1{color:#fff;max-width:26ch}
.head--img .lede{max-width:58ch;color:rgba(255,255,255,.88)}
.head--img .label{background:rgba(255,255,255,.16);color:#fff}
.head--img .lede-src{color:rgba(255,255,255,.65)}
@media(max-width:1280px){.mg--photo{float:right;width:300px;margin:4px 0 22px 30px}}
@media(max-width:900px){.mg--photo{float:none;width:auto;max-width:560px;margin:20px 0 24px}.mg--photo img{aspect-ratio:16/9}}
@media(max-width:640px){.mg--photo img{aspect-ratio:2/1}.photo--strip img{height:170px}
  .head--img{padding:110px 20px 26px;border-radius:16px;margin-top:14px}}

/* Страница для подростка: длинные разделы свёрнуты */
.qa--teen{margin:12px 0}.teen-hint{margin:34px 0 6px;color:var(--tx3);font-size:15px}
.qa--teen .qa__body .prose{max-width:none}.qa--teen .qa__body h3{margin-top:18px}

/* Телефон: заголовки компактнее, чтобы первый экран не уходил целиком под заголовок */
@media(max-width:640px){
  .head{padding:30px 0 22px}
  .head h1,.hero2 h1{font-size:27px;line-height:1.16;letter-spacing:-.02em}
  .head .lede{font-size:17px;margin-top:14px}
  .head--img{padding-top:90px}
  .hero2__for{font-size:15.5px;margin:10px 0 16px}
}
@media(max-width:640px){
  .hero2 .hero2__tx h1{font-size:28px;line-height:1.15}
  .head.head--img{padding:90px 20px 24px}
}

/* Мобильное меню ☰: группы и акценты, как в шапке на компьютере */
.mnav__pill{display:flex;align-items:center;justify-content:space-between;margin:18px 0 6px;padding:15px 18px;border-radius:14px;
  background:var(--acc-soft);color:var(--acc);font-size:18px;font-weight:600;text-decoration:none}
.mnav__pill::after{content:"→"}
.mnav__pill[aria-current]{box-shadow:inset 0 0 0 1.5px var(--acc)}
.mnav__g{margin:22px 0 2px;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--tx3)}
.mnav__l a{display:flex;align-items:center;gap:10px;font-weight:500}
.mnav__l a::after{content:"›";margin-left:auto;font-size:24px;line-height:1;color:var(--tx3);font-weight:400}
.mnav__l a[aria-current]{color:var(--acc);box-shadow:inset 3px 0 0 var(--acc);padding-left:12px}
.mnav__l .mnav__net{color:var(--acc);font-weight:600}
.mnav__net svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mnav__s{display:flex;flex-direction:column}
.mnav__s a{font-size:16.5px;color:var(--tx2);text-decoration:none;padding:9px 0}
.mnav__s a[aria-current]{color:var(--acc)}

/* почта как альтернатива Telegram */
.help__mail,.offer__mail{margin:10px 0 0;font-size:14px;color:var(--tx3)}
.help__mail a,.offer__mail a{color:inherit;word-break:break-all}

/* прогон 28.09 */
@media(max-width:640px){h1 .h1-note{font-size:max(.42em,13px)}}
.shz-now{margin:18px 0 8px;padding:14px 18px;border-radius:12px;background:var(--acc-soft,var(--card));border:1px solid var(--line);font-size:16px;max-width:74ch}