/* doctormikrukov.org — внутренние страницы: статьи, индекс, основные страницы, виджеты.
 * Токены и общие компоненты (кнопки, шапка, подвал, формы) — в main.css. */

.inner main{padding-top:64px}
.sec--tight{padding:clamp(32px,5vw,56px) 0 var(--sec)}

/* ── Шапка страницы ── */
.phead{padding:clamp(48px,8vw,96px) 0 clamp(24px,4vw,40px)}
.phead h1{font-size:var(--t-h2);font-weight:800;letter-spacing:-.03em}
.phead .lead{margin-top:16px}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:var(--t-small);color:var(--mute);margin-bottom:18px}
.crumbs a{color:var(--dim);text-decoration:none}
.crumbs a:hover{color:var(--lime)}

/* ── Фильтр тем и карточки статей ── */
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.chip{min-height:40px;padding:0 14px;border-radius:999px;border:1.5px solid var(--line-2);background:transparent;color:var(--dim);font-weight:700;font-size:var(--t-small);cursor:pointer;transition:border-color .2s,color .2s,background .2s}
.chip span{color:var(--mute);margin-left:4px}
.chip:hover{color:var(--ink);border-color:var(--ink)}
.chip.is-on{background:var(--lime);border-color:var(--lime);color:var(--lime-ink)}
.chip.is-on span{color:var(--lime-ink);opacity:.7}
.agrid{display:grid;gap:14px}
@media (min-width:700px){.agrid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1080px){.agrid{grid-template-columns:repeat(3,1fr)}}
.acard{display:flex;flex-direction:column;gap:12px;padding:22px 22px 20px;border-radius:var(--r-m);background:var(--bg-2);border:1px solid var(--line);text-decoration:none;transition:border-color .2s,transform .2s var(--ease)}
.acard:hover{border-color:var(--lime);transform:translateY(-2px)}
.acard[hidden]{display:none}
.acard__cat{align-self:flex-start;font-weight:700;font-size:var(--t-micro);color:var(--c);display:flex;align-items:center;gap:8px}
.acard__cat::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c)}
.acard b{font:700 1.12rem/1.3 var(--f-d);letter-spacing:-.01em}
.acard__lead{color:var(--dim);font-size:.95rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.acard__meta{margin-top:auto;color:var(--mute);font-size:var(--t-micro);font-weight:600}
.related{padding:clamp(56px,8vw,96px) 0}

/* ── Статья ── */
.art__head{max-width:860px;padding-top:clamp(40px,7vw,80px)}
.art__head h1{font-size:clamp(1.8rem,1.3rem + 2.4vw,3.1rem);font-weight:800;letter-spacing:-.03em;line-height:1.08}
.art__lead{margin-top:18px;font-size:var(--t-lead);color:var(--dim);max-width:62ch}
.art__meta{display:flex;align-items:center;gap:12px;margin-top:26px;padding-top:20px;border-top:1px solid var(--line);font-size:var(--t-small);color:var(--mute)}
.art__meta img{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#eee}
.art__meta b{display:block;color:var(--ink);font-weight:700}
.art__time{margin-left:auto;white-space:nowrap}
/* длинная подпись автора (pl, bg…) не выталкивает дату за край: дата уходит на новую строку */
.art__meta{flex-wrap:wrap}
.art__meta>span:not(.art__time){flex:1 1 180px;min-width:0}
@media (max-width:560px){.art__time{flex-basis:100%;margin-left:56px}}
.prose{max-width:860px;padding-top:clamp(24px,4vw,40px);padding-bottom:24px;font-size:1.0875rem;line-height:1.7}
.prose>*{max-width:68ch}
.prose p,.prose ul,.prose ol,.prose blockquote,.prose table{margin-top:1.1em}
.prose h2{font-size:clamp(1.35rem,1.15rem + .8vw,1.8rem);margin-top:1.9em;letter-spacing:-.02em;line-height:1.2}
.prose h3{font-size:1.15rem;margin-top:1.6em}
.art-faq{max-width:860px;margin-top:clamp(32px,5vw,56px)}
.art-faq h2{font-size:clamp(1.35rem,1.15rem + .8vw,1.8rem);letter-spacing:-.02em;line-height:1.2;margin-bottom:12px}
.art-faq .faq__list{max-width:68ch}
.prose strong,.prose b{color:var(--ink);font-weight:700}
.prose p,.prose li{color:rgba(244,245,240,.86)}
.prose a{color:var(--lime);text-underline-offset:3px}
.prose ul,.prose ol{padding-left:1.3em}
.prose ul{list-style:none;padding-left:0}
.prose ul li{position:relative;padding-left:24px}
.prose ul li::before{content:"";position:absolute;left:2px;top:.75em;width:10px;height:2px;background:var(--lime)}
.prose ol{list-style:decimal}
.prose ol li::marker{color:var(--lime);font-weight:800}
.prose li+li{margin-top:.45em}
.prose blockquote{padding:14px 18px;border-left:3px solid var(--skin);background:rgba(231,180,155,.06);border-radius:0 10px 10px 0}
.prose table{border-collapse:collapse;width:100%;font-size:.95rem}
.prose th,.prose td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left}
.fig{margin:1.6em 0;max-width:100%!important}
.fig img{width:100%;max-height:760px;object-fit:contain;border-radius:14px;background:var(--bg-2)}
@media (min-width:1024px){.fig{max-width:760px!important}}
.tgbox{max-width:860px;margin-top:24px;margin-bottom:clamp(56px,8vw,96px)}
.tgbox__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;max-width:68ch;padding:20px 22px;border-radius:var(--r-m);border:1px solid var(--line-2);background:var(--bg-2)}
.tgbox__in p{color:var(--dim);max-width:44ch}
.tgbox__in b{color:var(--ink)}

/* ── Виджеты в статьях ── */
.wg{max-width:68ch!important;margin:2.2em 0;padding:24px 22px;border-radius:var(--r-m);background:var(--bg-2);border:1px solid var(--line);position:relative}
.wg::before{content:"";position:absolute;top:22px;right:22px;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--lime);background:radial-gradient(circle,var(--lime) 0 2.5px,transparent 3.5px)}
.wg__title{font:700 1.2rem/1.25 var(--f-d);letter-spacing:-.01em;margin:0!important;padding-right:36px}
.wg__hint{margin-top:8px!important;color:var(--dim)!important;font-size:.95rem}
.wg__note{margin-top:16px!important;color:var(--mute)!important;font-size:var(--t-micro);line-height:1.5}
.wg__verdict{margin-top:14px!important;color:var(--ink)!important;font-weight:600;min-height:1.6em}
.wg button{font:inherit}
.wg__swatches,.wg__seg{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.wg__swatches button,.wg__seg button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:999px;border:1.5px solid var(--line-2);background:transparent;color:var(--dim);font-weight:700;font-size:.88rem;cursor:pointer}
.wg__swatches button::before{content:"";width:14px;height:14px;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.wg__swatches button[aria-checked="true"],.wg__seg button[aria-checked="true"]{border-color:var(--lime);color:var(--ink);background:rgba(215,255,63,.08)}
.wg__waves{margin-top:18px;display:grid;gap:10px}
.wv{display:grid;grid-template-columns:76px 96px 1fr;align-items:center;gap:12px;font-size:.95rem}
.wv__nm{font:700 .92rem/1 var(--f-d)}
.wv__lvl{display:flex;gap:4px}
.wv__lvl i{flex:1;height:10px;border-radius:3px;background:var(--line-2);transition:background .3s}
.wv__lvl i.on{background:var(--lime)}
.wv__txt{color:var(--dim)}
.pl{margin-top:18px}
.pl__ruler{position:relative;height:14px;border-radius:999px;background:repeating-linear-gradient(90deg,var(--line-2) 0 1px,transparent 1px 10%);border:1px solid var(--line)}
.pl__beam{position:absolute;left:0;top:2px;bottom:2px;border-radius:999px;background:linear-gradient(90deg,rgba(215,255,63,.3),var(--lime));box-shadow:0 0 14px rgba(215,255,63,.5);transition:width .6s var(--ease)}
.pl__big{margin-top:14px!important;font:800 clamp(1.3rem,1.1rem + 1vw,1.8rem)/1.2 var(--f-d);color:var(--ink)!important;letter-spacing:-.02em}
.pl__sub{margin-top:6px!important;color:var(--dim)!important}
.ty{display:grid;grid-template-columns:110px 1fr;gap:16px;margin-top:16px;align-items:center}
.ty__view{display:grid;gap:8px;justify-items:center;text-align:center}
.ty__swatch{width:90px;height:90px;border-radius:50%;box-shadow:inset 0 0 0 3px rgba(255,255,255,.08);transition:background .25s}
.ty__cap{font-size:var(--t-micro);color:var(--mute)}
.ty__skin{width:100%;border-radius:12px;overflow:hidden}
.ty__lbl{font:600 9px var(--f-b);fill:rgba(60,30,20,.6)}
.ty__range{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:14px;font-size:var(--t-micro);color:var(--mute)}
.ty__range input{accent-color:var(--lime)}
.kb{display:grid;gap:10px;margin-top:16px}
@media (min-width:640px){.kb{grid-template-columns:1fr 1fr}}
.kb label{display:grid;gap:6px;font-size:var(--t-micro);font-weight:700;color:var(--dim)}
.kb select{min-height:44px;border-radius:10px;border:1.5px solid var(--line);background:var(--bg);color:var(--ink);padding:0 10px;font:600 .92rem var(--f-b)}
.kb select:focus{border-color:var(--lime);outline:none}
.kb__out{margin-top:18px!important;display:flex;align-items:baseline;gap:10px;color:var(--dim)!important}
.kb__n{font:900 3rem/1 var(--f-d);color:var(--lime);letter-spacing:-.04em}
.sh__cv{display:block;width:100%;height:auto;margin-top:16px;border-radius:12px}
.sh__ui{display:flex;align-items:center;gap:14px;margin-top:12px}
.sh__ui .quiet{margin:0;background:none;border:0;cursor:pointer;font:700 .9rem var(--f-b)}
.sh__n{margin-left:auto;color:var(--mute);font-size:var(--t-micro)}
.ck{list-style:none!important;padding:0!important;margin-top:14px!important;display:grid;gap:8px}
.ck li{padding:0!important;margin:0!important}
.ck li::before{display:none}
.ck label{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:10px;border:1px solid var(--line);cursor:pointer;color:var(--ink);font-weight:600;font-size:.95rem;line-height:1.4}
.ck input{position:absolute;opacity:0}
.ck label::before{content:"";flex:0 0 20px;height:20px;margin-top:1px;border-radius:6px;border:1.5px solid var(--line-2)}
.ck input:checked+label{border-color:rgba(215,255,63,.5);background:rgba(215,255,63,.06)}
.ck input:checked+label::before{background:var(--lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12l5 5L20 7' fill='none' stroke='%2313150f' stroke-width='3'/%3E%3C/svg%3E") center/14px no-repeat;border-color:var(--lime)}
.ck input:focus-visible+label{outline:3px solid var(--lime);outline-offset:2px}
.ck__bar{height:6px;margin-top:14px;border-radius:999px;background:var(--line)}
.ck__bar span{display:block;height:100%;width:0;border-radius:999px;background:var(--lime);transition:width .4s var(--ease)}

/* ── Основные страницы ── */
.cards2{display:grid;gap:16px}
@media (min-width:860px){.cards2{grid-template-columns:repeat(2,1fr)}}
.ccard{display:flex;flex-direction:column;gap:14px;padding:26px 24px;border-radius:var(--r-m);background:var(--bg-2);border:1px solid var(--line)}
.ccard h3{font-size:var(--t-h3)}
.ccard p{color:var(--dim)}
.ccard .btn{align-self:flex-start;margin-top:auto}
.ccard__tag{align-self:flex-start;font-weight:700;font-size:var(--t-micro);padding:5px 10px;border-radius:999px;background:rgba(215,255,63,.12);color:var(--lime)}
.timeline{display:grid;gap:0;border-top:1px solid var(--line)}
.timeline li{display:grid;gap:8px;padding:24px 0;border-bottom:1px solid var(--line)}
@media (min-width:768px){.timeline li{grid-template-columns:200px 1fr auto;align-items:center;gap:24px}}
.timeline time{font:800 1.4rem/1 var(--f-d);color:var(--lime)}
.timeline h3{font-size:1.15rem}
.timeline li.is-past{opacity:.45}
.legal{max-width:860px}
.legal h2{font-size:1.25rem;margin-top:1.8em}
.legal p,.legal li{color:var(--dim);font-size:.98rem}
.contacts{display:grid;gap:14px}
@media (min-width:860px){.contacts{grid-template-columns:repeat(3,1fr)}}
.contacts .ccard b{font:800 1.25rem/1.2 var(--f-d)}
.press{display:grid;gap:14px}
@media (min-width:860px){.press{grid-template-columns:repeat(2,1fr)}}

/* ── Шкала Кирби-Десай ── */
.kd{display:grid;gap:24px;align-items:start}
@media (min-width:1024px){.kd{grid-template-columns:1fr 380px;gap:40px}}
.kd__form{display:grid;gap:22px}
.kd__group{border:0;padding:0;margin:0;display:grid;gap:8px}
.kd__group legend{font:700 1.15rem/1.2 var(--f-d);margin-bottom:10px}
.kd__group label{position:relative;display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 16px;border-radius:12px;border:1.5px solid var(--line);background:var(--bg-2);cursor:pointer;transition:border-color .2s,background .2s}
.kd__group label:hover{border-color:var(--line-2)}
.kd__group input{position:absolute;opacity:0}
.kd__group label span{flex:1;color:var(--dim);font-weight:600}
.kd__group label span b{display:inline-block;min-width:30px;color:var(--ink);font-family:var(--f-d)}
.kd__group label i{font-style:normal;font:700 .9rem/1 var(--f-d);color:var(--mute)}
.kd__group label:has(input:checked){border-color:var(--lime);background:rgba(215,255,63,.07)}
.kd__group label:has(input:checked) span{color:var(--ink)}
.kd__group label:has(input:checked) i{color:var(--lime)}
.kd__group label:has(input:focus-visible){outline:3px solid var(--lime);outline-offset:2px}
.kd__res{position:sticky;top:88px;padding:26px 24px;border-radius:22px;background:var(--bg-2);border:1px solid var(--lime)}
.kd__lbl{color:var(--mute);font-weight:700;font-size:var(--t-small)}
.kd__n{display:flex;align-items:baseline;gap:12px;margin:6px 0 20px}
.kd__n b{font:900 clamp(3.6rem,3rem + 3vw,5.4rem)/1 var(--f-d);color:var(--lime);letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.kd__n span{font:700 1.2rem/1 var(--f-d)}
.kd__bars{display:grid;gap:10px;margin-bottom:18px}
.kd__bars li{display:grid;grid-template-columns:1fr 70px 18px;align-items:center;gap:10px;font-size:var(--t-micro);color:var(--dim)}
.kd__bars i{height:6px;border-radius:999px;background:var(--line)}
.kd__bars b{display:block;height:100%;border-radius:999px;background:var(--lime);transition:width .4s var(--ease)}
.kd__bars em{font-style:normal;font-weight:800;color:var(--ink);text-align:right}
.kd__note{color:var(--mute);font-size:var(--t-micro);line-height:1.5;margin-bottom:18px}
.kd__how{display:grid;gap:14px}
@media (min-width:768px){.kd__how{grid-template-columns:repeat(3,1fr)}}
.kd__how li{display:grid;gap:8px;padding:20px;border-radius:var(--r-m);border:1px solid var(--line);background:var(--bg)}
.kd__how b{font:700 1.05rem/1.2 var(--f-d)}
.kd__how span{color:var(--dim);font-size:.95rem}
.kd__src{margin-top:28px;color:var(--mute);font-size:var(--t-small)}
.kd__src a{color:var(--dim)}

/* ── Мини-курсы ── */
.numlist{counter-reset:n;display:grid;gap:10px;margin-top:16px}
.numlist li{counter-increment:n;position:relative;padding:14px 16px 14px 56px;border-radius:12px;background:var(--bg-2);border:1px solid var(--line);font-weight:600}
.numlist li::before{content:counter(n);position:absolute;left:14px;top:12px;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--lime);color:var(--lime);display:grid;place-items:center;font:700 .8rem/1 var(--f-d)}
/* МЕГА-сборник: тип материала и строки-ссылки целиком */
.numlist li>b,.numlist li a>b{color:var(--lime);font-weight:800}
.numlist--links{margin:28px 0}
.numlist--links li{padding:0;transition:border-color .2s}
.numlist--links li:hover{border-color:var(--lime)}
.numlist--links a{display:block;padding:14px 16px 14px 56px;text-decoration:none;color:inherit}
.numlist--links a:focus-visible{outline:2px solid var(--lime);outline-offset:2px;border-radius:12px}

/* ── Кейсы и отзывы ── */
.rvgrid{columns:1;column-gap:14px}
@media (min-width:700px){.rvgrid{columns:2}}
@media (min-width:1080px){.rvgrid{columns:3}}
.rv{break-inside:avoid;margin-bottom:14px;border-radius:var(--r-m);background:var(--bg-2);border:1px solid var(--line);overflow:hidden}
.rv[hidden]{display:none}
.rv__cover{display:block;width:100%;height:auto;max-height:420px;object-fit:cover;background:var(--bg-3)}
.rv__cover--empty{height:6px;background:linear-gradient(90deg,var(--lime),transparent)}
.rv__body{padding:18px 20px 20px;display:grid;gap:8px}
.rv__cat{font-size:var(--t-micro);font-weight:700;color:var(--skin)}
.rv h3{font-size:1.1rem}
.rv__quote{color:var(--dim);font-size:.96rem}
.rv__more summary{cursor:pointer;color:var(--lime);font-weight:700;font-size:var(--t-small);margin-top:4px}
.rv__more p{margin-top:10px;color:var(--dim);font-size:.95rem}
.rv__more img{margin-top:10px;border-radius:10px;width:100%;height:auto}
.vid{margin:1.6em 0;max-width:760px!important;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:var(--bg-2)}
.vid iframe{width:100%;height:100%;border:0;display:block}
.vid--file{aspect-ratio:auto;max-width:420px!important}
.vid--file video{display:block;width:100%;height:auto}

/* ── Лид-магниты ── */
.lm{padding:clamp(40px,7vw,80px) 0 clamp(56px,8vw,96px)}
.lm__in{display:grid;gap:32px;align-items:start}
.lm__pdf{display:none}
@media (min-width:1024px){.lm__pdf{display:block}}
.lm__pdf{width:min(240px,60%);height:auto;margin-top:28px;border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.35);transform:rotate(-2deg)}
@media (min-width:1024px){.lm__in{grid-template-columns:1fr minmax(380px,440px);gap:64px}}
.lm__kicker{font-weight:700;color:var(--skin);font-size:var(--t-small)}
.lm h1{font-size:clamp(1.9rem,1.3rem + 2.8vw,3.4rem);font-weight:800;letter-spacing:-.03em;line-height:1.05;margin:12px 0 16px}
.lm__cover{margin-top:28px;max-width:520px}
.lm__cover img{width:100%;height:auto;border-radius:var(--r-m)}
.lmauthor{display:flex;gap:14px;align-items:center;margin-top:24px;max-width:520px}
.lmauthor img{width:64px;height:64px;border-radius:50%;object-fit:cover;background:#eee;flex:0 0 64px}
.lmauthor p{color:var(--mute);font-size:var(--t-small)}
.lmauthor b{display:block;color:var(--ink)}
.lm__thanks{max-width:900px}
.lm__opts{display:grid;gap:14px;margin:28px 0}
@media (min-width:760px){.lm__opts{grid-template-columns:1fr 1fr}}
.lmvid{margin-top:32px}
.lmvid figcaption{display:grid;gap:4px;margin-top:12px;color:var(--dim);font-size:.95rem}
.lmvid figcaption b{color:var(--ink);font-family:var(--f-d);font-weight:700}
.rv__play{display:inline-flex;align-items:center;gap:10px;justify-self:start;min-height:42px;padding:0 16px 0 12px;border-radius:999px;border:1.5px solid var(--lime);background:transparent;color:var(--lime);font:700 var(--t-small)/1 var(--f-b);cursor:pointer}
.rv__play::before{content:"";width:0;height:0;border-left:9px solid var(--lime);border-top:6px solid transparent;border-bottom:6px solid transparent}
.rv .vid{margin:4px 0 0;max-width:100%!important}
.acard{padding-top:0;overflow:hidden}
.acard__media{display:block;width:calc(100% + 44px);margin:0 -22px 4px;aspect-ratio:16/9;overflow:hidden;background:var(--bg-3)}
.acard__img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
@media (hover:hover) and (prefers-reduced-motion:no-preference){.acard:hover .acard__img{transform:scale(1.045)}}  /* картинка приближается, рамка на месте */
.acard:not(:has(.acard__img)){padding-top:22px}
.lm__lists{display:grid;gap:32px}
@media (min-width:900px){.lm__lists{grid-template-columns:1fr 1fr;gap:56px}}
.lm__lists h2{font-size:var(--t-h3);margin-bottom:16px}

/* ── «Живые схемы» вместо картинок с текстом (build/figures.py, assets/js/figs.js) ── */
.fx{margin:2em 0;padding:clamp(18px,3vw,28px);border-radius:var(--r-m);background:var(--bg-2);border:1px solid var(--line);max-width:760px!important}
.fx__title{font:700 1.08rem/1.3 var(--f-d);letter-spacing:-.01em;margin:0 0 16px;color:var(--ink)}
.fx__note{margin:14px 0 0;color:var(--mute);font-size:.9rem}
.fx__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.fx-table{width:100%;border-collapse:collapse;font-size:.95rem;min-width:420px}
.fx-table th,.fx-table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.fx-table thead th{color:var(--lime);font-weight:800;font-size:.85rem;letter-spacing:.02em;border-bottom-color:var(--line-2)}
.fx-table tbody th{font-weight:700;color:var(--ink)}
.fx-table tbody tr:hover{background:rgba(215,255,63,.04)}
.fx-steps{list-style:none;margin:0;padding:0;counter-reset:fx;display:grid;gap:8px}
.fx-steps li{counter-increment:fx;position:relative;padding-left:46px}
.fx-steps li::before{content:counter(fx);position:absolute;left:0;top:6px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font:800 .9rem/1 var(--f-d);border:1.5px solid var(--line-2);color:var(--dim);transition:background .2s,color .2s,border-color .2s}
.fx-steps li.is-done::before{background:var(--lime);border-color:var(--lime);color:var(--lime-ink)}
.fx-steps__h{all:unset;cursor:pointer;display:block;padding:10px 0;font-weight:700;line-height:1.35}
.fx-steps__h:focus-visible{outline:2px solid var(--lime);outline-offset:4px;border-radius:4px}
.fx-steps__t{margin:0 0 8px;color:var(--dim);display:none}
.fx-steps__h[aria-expanded="true"]+.fx-steps__t{display:block}
.fx-dec__q{font-weight:700;margin:0 0 12px}
.fx-dec__opts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.fx-dec__opt,.fx-cmp__tab{all:unset;cursor:pointer;padding:9px 14px;border-radius:999px;border:1.5px solid var(--line-2);font-weight:700;font-size:.92rem}
.fx-dec__opt[aria-selected="true"],.fx-cmp__tab[aria-pressed="true"]{border-color:var(--lime);color:var(--lime)}
.fx-dec__opt:focus-visible,.fx-cmp__tab:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.fx-dec__ans{margin:0;padding:14px 16px;border-left:3px solid var(--lime);background:rgba(215,255,63,.05);border-radius:0 10px 10px 0}
.fx-cmp__tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.fx-cmp{display:grid;gap:14px}
.fx-cmp__col{display:none}
.fx-cmp__col.is-on{display:block}
.fx-cmp__col h4{font:700 1rem/1.3 var(--f-d);margin:0 0 10px}
.fx-cmp__col ul,.fx-cards{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.fx-cmp__col li{position:relative;padding-left:26px}
.fx-cmp__col li::before{position:absolute;left:0;top:0;font-weight:800}
.fx-cmp__col li.is-plus::before{content:"+";color:var(--lime)}
.fx-cmp__col li.is-minus::before{content:"−";color:#ff8a7a}
@media (min-width:720px){.fx-cmp__tabs{display:none}.fx-cmp{grid-template-columns:repeat(var(--n),1fr)}.fx-cmp__col{display:block}}
.fx-cards{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.fx-cards li{padding:14px 16px;border-radius:12px;border:1px solid var(--line);display:grid;gap:6px}
.fx-cards li span{color:var(--dim);font-size:.94rem}
.fx-bars{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.fx-bars li{display:grid;grid-template-columns:minmax(90px,34%) 1fr auto;gap:12px;align-items:center}
.fx-bars__track{height:12px;border-radius:999px;background:var(--line);overflow:hidden}
.fx-bars__track i{display:block;height:100%;width:0;border-radius:999px;background:var(--lime);transition:width 1s var(--ease)}
.fx--bars.is-in .fx-bars__track i{width:var(--w)}
.fx-bars__v{font-weight:800;font-variant-numeric:tabular-nums}
.fx-scale__axis{position:relative;height:64px;border-radius:12px;background:var(--line)}
.fx-scale__band{position:absolute;top:0;bottom:0;left:var(--a);width:calc(var(--b) - var(--a));min-width:4px;background:hsl(calc(70 + var(--k)*55) 80% 60% / .55);border-radius:10px;opacity:0;transition:opacity .6s calc(var(--k)*.12s)}
.fx--scale.is-in .fx-scale__band{opacity:1}
.fx-scale__band em{position:absolute;left:6px;top:6px;font-style:normal;font-weight:800;font-size:.8rem;white-space:nowrap;color:var(--ink)}
.fx-scale__band small{position:absolute;left:6px;bottom:6px;font-size:.72rem;color:var(--ink);opacity:.8;white-space:nowrap}
.fx-scale__ends{display:flex;justify-content:space-between;margin-top:6px;color:var(--mute);font-size:.85rem}
.fx--callout{border-color:var(--lime)}
.fx--callout blockquote{margin:0;font:600 1.15rem/1.45 var(--f-d)}
.fx--callout blockquote p{margin:0}
.fx--callout .fx__title{font-size:.85rem;color:var(--lime);margin-bottom:8px}
.fx-legend{margin-top:10px;font-size:.92rem;color:var(--dim)}
.fx-legend ol{margin:6px 0 0;padding-left:1.4em;display:grid;gap:2px}
/* обложки карточек статей — генеративные, без текста (build/covers.py) */
.acard__img[src$=".svg"]{background:var(--bg-3)}
/* взаимная ссылка между статьями на одну тему */
.prose .seealso{margin-top:2em;padding:14px 18px;border-left:3px solid var(--lime);background:rgba(215,255,63,.05);border-radius:0 12px 12px 0}
/* перерисованные рисунки (SVG без текста) и очищенные фото с подписями */
.fx--svg .fx-svg svg{display:block;width:100%;height:auto}
.fx--photo{background:none;border:0;padding:0}
.fx-ph{display:grid;gap:12px;grid-template-columns:repeat(var(--n),1fr)}
@media (max-width:560px){.fx-ph{grid-template-columns:1fr}}
.fx-ph__cell img{display:block;width:100%;height:auto;border-radius:12px}
.fx-ph__cell p{margin:8px 0 0;font-weight:700;font-size:.95rem}
/* новые виджеты: фрост, аппараты, охлаждение, пиковая мощность, прицел, корочка */
.wg__range{display:grid;gap:8px;margin-top:16px;font-weight:700;color:var(--dim)}
.wg__range input{accent-color:var(--lime);width:100%}
.wg__range b{color:var(--ink)}
.wg__seg button small{font-weight:600;color:var(--mute)}
.cl{display:grid;grid-template-columns:1fr 160px;gap:18px;align-items:center;margin-top:18px}
.cl__lbl{display:block;font-size:.82rem;color:var(--mute);margin-bottom:8px;font-weight:700}
.cl__track{height:16px;border-radius:999px;background:var(--line);overflow:hidden}
.cl__track i{display:block;height:100%;width:0;border-radius:999px;transition:width .15s linear,background .3s}
.cl__beam canvas{display:block;width:160px;height:160px;border-radius:12px;background:#0f1114}
.am__cv{cursor:crosshair;touch-action:manipulation}
@media (max-width:520px){.cl{grid-template-columns:1fr}.cl__beam canvas{width:120px;height:120px}}
/* карточки «миф ↔ правда» (переворот по нажатию) */
.fx-flip{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.fx-flip__card{all:unset;box-sizing:border-box;cursor:pointer;display:grid;width:100%;min-height:150px;perspective:900px}
.fx-flip__front,.fx-flip__back{grid-area:1/1;display:flex;align-items:center;padding:18px;border-radius:14px;backface-visibility:hidden;transition:transform .5s var(--ease);font-weight:700;line-height:1.35}
.fx-flip__front{background:var(--bg-3);border:1px solid var(--line-2)}
.fx-flip__front::before{content:"?";flex:none;display:grid;place-items:center;width:26px;height:26px;margin-right:12px;border-radius:50%;border:1.5px solid #ff8a7a;color:#ff8a7a;font-size:.85rem}
.fx-flip__back{background:rgba(215,255,63,.08);border:1px solid var(--lime);transform:rotateY(180deg);font-weight:600;color:var(--ink)}
.fx-flip__card[aria-pressed="true"] .fx-flip__front{transform:rotateY(-180deg)}
.fx-flip__card[aria-pressed="true"] .fx-flip__back{transform:rotateY(0)}
.fx-flip__card:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:14px}
/* ── единый вид фото в статьях (build/figures.py → frame): рамка 3:2, ряды одинаковых ячеек, размытый фон для вписанных ── */
.fig.fig--crop,.fig.fig--fit{position:relative;aspect-ratio:3/2;overflow:hidden;border-radius:14px;background:var(--bg-2);cursor:zoom-in}
.fig--crop img,.fig--fit img{position:relative;z-index:1;width:100%;height:100%!important;max-height:none;border-radius:0;background:none}
.fig--crop img{object-fit:cover}
.fig--fit img{object-fit:contain}
.fig--fit::before{content:"";position:absolute;inset:-30px;background:var(--bg) center/cover no-repeat;filter:blur(26px) brightness(.45) saturate(1.1)}
.fig-row{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:12px;margin:1.6em 0;max-width:760px!important}
.fig-row .fig{margin:0;aspect-ratio:4/3}
@media (max-width:560px){.fig-row{grid-template-columns:1fr}.fig-row[style*="--n:2"]{grid-template-columns:1fr 1fr}.fig-row[style*="--n:2"] .fig{aspect-ratio:3/4}}
.fx-ph{grid-template-columns:repeat(var(--n),1fr)}
.fx-ph .fig{margin:0;aspect-ratio:4/3}
@media (max-width:560px){.fx-ph{grid-template-columns:1fr}}
/* просмотр фото целиком */
.lbx{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:rgba(10,11,13,.92);cursor:zoom-out;padding:16px}
.lbx img{max-width:100%;max-height:100%;object-fit:contain;border-radius:10px}
/* ── 404: «страница удалена лазером» ── */
.e404{padding:clamp(110px,14vh,150px) 0 clamp(60px,10vh,110px)}
.e404__in{display:grid;gap:clamp(24px,4vw,56px);align-items:center}
@media (min-width:960px){.e404__in{grid-template-columns:1fr 1.15fr}}
.e404__kicker{color:var(--lime);font-weight:800;letter-spacing:.04em;margin:0 0 10px}
.e404 h1{font:900 clamp(2rem,1.4rem + 3vw,3.4rem)/1.02 var(--f-d);letter-spacing:-.03em;margin:0 0 18px}
.e404__kirby{color:var(--mute);font-size:.95rem;margin-top:14px}
.e404__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.e404__cv{display:block;width:100%;height:auto;cursor:none;touch-action:manipulation}
.e404__ui{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:40px;margin-top:6px;color:var(--dim);font-weight:700;font-variant-numeric:tabular-nums}
.e404__again[hidden]{display:none!important}
/* призыв в конце статьи → плашка с кнопкой к форме консультации */
.art-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;margin:2.2em 0 0;padding:22px 24px;border-radius:var(--r-m);border:1.5px solid var(--lime);background:rgba(215,255,63,.05)}
.prose .art-cta__q{margin:0!important;font:700 1.15rem/1.35 var(--f-d);max-width:46ch;color:var(--ink)}