/* vdiete.ru — система «Этикетка». Телефон по умолчанию, компьютер — от 960 px.
   Основа — site.css утверждённого макета (_design/src/sites/vd), переделано под окно: body.k-vd вместо рамки,
   сетка 12 колонок ограничена 1272 px, цвет поля — по разделу (.h-pit, .h-gol, .h-rec, .h-tr, .h-sr). */
.k-vd{
  --bg:#FFFFFF; --yog:#F7F1F4; --parch:#EADFE4; --ink:#24181F; --skin:#6E5B66; --ink3:#7F6B77; --beet:#B0194F; --on-beet:#FFFFFF;
  --paper:#FFFFFF; --slab:#24181F; --slab-ink:#FFFFFF; --slab-mute:#DCCDD5; --slab-acc:#FF6A9A;
  /* обложки разделов; морковь #D2551F — только крупное, под мелким текстом — глубокая морковь */
  --c-pit:#B0194F; --c-gol:#3B2F6B; --c-rec:#D2551F; --c-rec2:#A33D14; --c-tr:#1E6272; --c-sr:#C9A227; --c-sr-ink:#24181F; --gol-t:#3B2F6B;
  --k-pit:#B0194F; --k-gol:#3B2F6B; --k-rec:#D2551F; --k-tr:#1E6272; --k-sr:#C9A227;
  --z1:#E3DEF3; --z2:#A79DD1; --z3:#3B2F6B; --zi1:#24181F; --zi2:#24181F; --zi3:#FFFFFF;
  --spin:#2D7A4A; --pump:#9A5500; --tom:#B42318;
  --dot:rgba(255,255,255,.2); --dot2:rgba(20,6,14,.2);
  --mk:var(--beet); --hatch:var(--ink); --fi:#fff; --inp:#F7F1F4;
  --fd:Geologica,"Segoe UI",Arial,sans-serif; --ft:Literata,Georgia,"Times New Roman",serif;
  --gx:16px;
  margin:0; min-height:100vh; background:var(--bg); color:var(--ink); font:400 16px/1.5 var(--fd); font-optical-sizing:auto;
  -webkit-font-smoothing:antialiased; overflow-x:clip; -webkit-text-size-adjust:100%; text-size-adjust:100%;
}
:root[data-theme="dark"] .k-vd{
  --bg:#140F14; --yog:#1F171E; --parch:#3A2C36; --ink:#F4ECF0; --skin:#BDA9B4; --ink3:#9C8894; --beet:#FF6A9A; --on-beet:#140F14;
  --paper:#1F171E; --slab:#2A1E28; --slab-ink:#F4ECF0; --slab-mute:#BDA9B4; --slab-acc:#FF6A9A;
  --c-pit:#6E0F33; --c-gol:#2B2253; --c-rec:#8E3812; --c-rec2:#8E3812; --c-tr:#134A56; --c-sr:#A8871C; --c-sr-ink:#140F14; --gol-t:#B7A9F0;
  --k-pit:#FF6A9A; --k-gol:#9C8BE8; --k-rec:#F08A4B; --k-tr:#4FB3C4; --k-sr:#E0BE45;
  --z1:#2B2440; --z2:#3E336F; --z3:#5B4BB0; --zi1:#F4ECF0; --zi2:#F4ECF0; --zi3:#FFFFFF;
  --spin:#58C98C; --pump:#F0A24A; --tom:#FF7A6E;
  --dot:rgba(255,106,154,.2); --dot2:rgba(0,0,0,.3); --hatch:#BDA9B4; --inp:#2A1E28;
  color-scheme:dark;
}
:root{scroll-behavior:auto}
.k-vd *,.k-vd *::before,.k-vd *::after{box-sizing:border-box}
.k-vd :where(h1,h2,h3,h4,p,ul,ol,dl,dd,figure,fieldset,blockquote){margin:0}
.k-vd :where(ul,ol){padding:0; list-style:none}
.k-vd a{color:inherit; text-decoration:none}
.k-vd button,.k-vd input,.k-vd select{font:inherit; color:inherit; border-radius:0}
.k-vd button{background:none; border:0; padding:0; cursor:pointer}
.k-vd svg{display:block}
.k-vd :focus-visible{outline:3px solid var(--beet); outline-offset:2px; border-radius:0}
.k-vd .fld :focus-visible,.k-vd .cover :focus-visible,.k-vd .strip :focus-visible,.k-vd .crumbs :focus-visible,.k-vd .in-head :focus-visible,.k-vd .rub-head :focus-visible{outline-color:var(--fi)}
.k-vd .strip :focus-visible{outline-color:var(--slab-acc)}
.k-vd .cover .lab :focus-visible,.k-vd .dur :focus-visible,.k-vd .outd :focus-visible,.k-vd .cv-q :focus-visible{outline-color:var(--beet)}
.k-vd h1,.k-vd h2{text-wrap:balance}
.k-vd .wrap{padding-inline:var(--gx)}
.k-vd .ico{width:20px; height:20px; flex:none}
.k-vd .arr{width:18px; height:18px; flex:none; transition:transform .2s}
.k-vd a:hover .arr{transform:translateX(3px)}
.k-vd .skip{position:fixed; left:12px; top:-60px; z-index:100; padding:12px 16px; background:var(--ink); color:var(--bg); font:800 15px/1 var(--fd); transition:top .15s}
.k-vd .skip:focus{top:12px}
.k-vd main:focus{outline:0}
.k-vd .dot{font-style:normal; opacity:.55; padding:0 1px}

/* ---------- цвет поля по разделу ---------- */
.k-vd .h-pit{--f:var(--c-pit)}
.k-vd .h-gol{--f:var(--c-gol)}
.k-vd .h-rec{--f:var(--c-rec2)}
.k-vd .h-tr{--f:var(--c-tr)}
.k-vd .h-sr{--f:var(--c-sr); --fi:var(--c-sr-ink); --dot:rgba(36,24,31,.16)}

/* ---------- поле с растровой точкой ---------- */
.k-vd .fld{position:relative; isolation:isolate; overflow:hidden; background-color:var(--f,var(--c-pit)); color:var(--fi)}
.k-vd .fld::before,.k-vd .fld::after{content:""; position:absolute; inset:0; z-index:-1; pointer-events:none}
.k-vd .fld::before{background:radial-gradient(circle,var(--dot) 0 1.25px,transparent 1.9px) 0 0/8px 8px;
  -webkit-mask-image:linear-gradient(165deg,#000 0%,rgba(0,0,0,.55) 45%,transparent 85%); mask-image:linear-gradient(165deg,#000 0%,rgba(0,0,0,.55) 45%,transparent 85%)}
.k-vd .fld::after{background:radial-gradient(circle,var(--dot2) 0 3px,transparent 3.7px) 0 0/11px 11px;
  -webkit-mask-image:radial-gradient(90% 80% at 100% 100%,#000 10%,transparent 70%); mask-image:radial-gradient(90% 80% at 100% 100%,#000 10%,transparent 70%)}
.k-vd .il{position:absolute; pointer-events:none}

/* ---------- линейки, одометр ---------- */
.k-vd .r{display:block; height:1px; background:currentColor; transform-origin:0 50%; animation:vd-draw .85s cubic-bezier(.3,.8,.1,1) both; animation-delay:calc(var(--i,1) * 90ms + 120ms)}
.k-vd .r10{height:10px} .k-vd .r4{height:4px}
@keyframes vd-draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.k-vd .odo{font-variant-numeric:tabular-nums; white-space:nowrap}
.k-vd .odo-w{display:inline-flex; vertical-align:top}
.k-vd .odo-d{display:inline-block; height:1em; line-height:1; overflow:hidden}
.k-vd .odo-s{display:block; transform:translateY(calc(var(--d,0) * -10%)); transition:transform .95s cubic-bezier(.2,.75,.15,1); transition-delay:calc(var(--i,0) * 70ms)}
.k-vd .odo-s i{display:block; height:1em; font-style:normal}
.k-vd .odo-c{display:inline-block; line-height:1}
.k-vd .odo-sr{position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap}

/* ---------- заголовок раздела: этикеточная линейка ---------- */
.k-vd .sh{display:flex; align-items:baseline; justify-content:space-between; gap:8px 16px; flex-wrap:wrap; position:relative; padding-top:18px; margin-bottom:18px}
.k-vd .sh::before{content:""; position:absolute; left:0; right:0; top:0; height:10px; background:var(--ink); transform-origin:0 50%; animation:vd-draw .9s cubic-bezier(.3,.8,.1,1) both .2s}
.k-vd .sh h2{font:800 30px/1.02 var(--fd); letter-spacing:-.03em}
.k-vd .more{display:inline-flex; align-items:center; gap:8px; min-height:44px; font:700 15px/1 var(--fd); color:var(--beet)}
.k-vd .sh-n{font:600 14px/1.3 var(--fd); color:var(--skin)}
.k-vd .sw{display:inline-block; width:12px; height:12px; flex:none; background:var(--k,var(--c))}
.k-vd .kick{display:flex; align-items:center; gap:10px; font:700 13px/1.2 var(--fd); letter-spacing:.09em; text-transform:uppercase}
.k-vd .kick>span{border-top:4px solid currentColor; border-bottom:1px solid currentColor; padding:6px 0 5px}

/* ---------- полоса при прокрутке ---------- */
.k-vd .strip{position:sticky; top:0; height:0; z-index:40}
.k-vd .strip-in{position:absolute; left:0; right:0; top:0; height:52px; display:flex; align-items:center; gap:10px; padding:0 8px 0 var(--gx);
  background:var(--slab); color:var(--slab-ink); --mk:var(--slab-acc); transform:translateY(-100%); visibility:hidden; transition:transform .3s ease,visibility 0s .3s}
.k-vd.is-past .strip-in{transform:none; visibility:visible; transition:transform .3s ease}
.k-vd .strip .logo{margin-right:0}
.k-vd .strip .logo-svg{width:74px; height:27px}
.k-vd .strip-t{flex:1; min-width:0; font:600 13px/1.2 var(--fd); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; opacity:.85}
.k-vd .strip-p{position:absolute; left:0; right:0; bottom:0; height:4px; background:var(--slab-acc); transform-origin:0 50%; transform:scaleX(var(--p,0))}
.k-vd .strip .sost{border-color:currentColor; min-height:40px}
.k-vd .strip .sost:hover{background:var(--slab-ink); color:var(--slab)}

/* ---------- мастхед ---------- */
.k-vd .mast{display:flex; align-items:center; gap:8px; padding:12px 8px 12px var(--gx); border-bottom:4px solid var(--ink); position:relative}
.k-vd .mast::after{content:""; position:absolute; left:0; right:0; bottom:-9px; height:1px; background:var(--ink)}
.k-vd .logo{display:flex; align-items:center; min-height:44px; margin-right:auto}
.k-vd .logo-svg{width:96px; height:35px}
.k-vd .mast-tag,.k-vd .mast-q{display:none}
.k-vd .sost{display:inline-flex; align-items:center; gap:7px; min-height:44px; padding:0 12px; border:2px solid var(--ink); font:800 15px/1 var(--fd); letter-spacing:.01em}
.k-vd .sost b{font-weight:600; font-size:13px; color:var(--skin); font-variant-numeric:tabular-nums}
.k-vd .car{width:11px; height:11px; transition:transform .25s}
.k-vd[data-open="index"] .car{transform:rotate(180deg)}
.k-vd .mast .sost:hover,.k-vd[data-open="index"] .mast .sost{background:var(--ink); color:var(--bg)}
.k-vd .mast .sost:hover b,.k-vd[data-open="index"] .mast .sost b{color:inherit}
.k-vd .ib{display:grid; place-items:center; width:44px; height:44px; flex:none}
.k-vd .ib:hover{background:var(--yog)}
.k-vd .strip .ib:hover{background:rgba(255,255,255,.12)}
.k-vd .qbar{display:none; gap:8px; padding:18px var(--gx) 8px; position:relative}
.k-vd[data-open="search"] .qbar{display:flex}
.k-vd .qbar input{flex:1; min-width:0; height:48px; border:2px solid var(--ink); background:var(--paper); padding:0 12px; font-size:16px}
.k-vd .qbar button{height:48px; padding:0 16px; background:var(--ink); color:var(--bg); font-weight:800}
.k-vd input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none; appearance:none}

/* ---------- подсказки поиска (по индексу статей) ---------- */
.k-vd [data-sug]{position:relative}
.k-vd .sug{position:absolute; left:0; right:0; top:calc(100% + 4px); z-index:30; background:var(--paper); color:var(--ink); border:2px solid var(--ink); box-shadow:8px 8px 0 rgba(36,24,31,.18); text-align:left}
.k-vd .sug[hidden]{display:none}
.k-vd .sug a{display:grid; gap:2px; padding:9px 12px; border-bottom:1px solid var(--parch); font:600 14.5px/1.3 var(--fd)}
.k-vd .sug a span{font:500 12.5px/1.2 var(--fd); color:var(--skin)}
.k-vd .sug a:hover,.k-vd .sug a.is-on{background:var(--yog); color:var(--beet)}
.k-vd .sug .sug-all{display:flex; align-items:center; min-height:44px; border-bottom:0; font-weight:800; color:var(--beet)}
.k-vd .sug-no{padding:12px; font:500 14px/1.4 var(--fd); color:var(--skin)}

/* ---------- этикетка (общее) ---------- */
.k-vd .lab{background:var(--paper); color:var(--ink); border:2px solid var(--ink); padding:12px 14px 12px; font:500 15px/1.3 var(--fd); font-variant-numeric:tabular-nums; position:relative}
.k-vd .lab-ttl{font:800 34px/.95 var(--fd); letter-spacing:-.035em}
.k-vd .lab-st{font:500 15px/1.3 var(--fd); margin-top:4px}
.k-vd .lab-st--out{display:inline-block; margin-top:8px; padding:4px 8px 3px; background:var(--tom); color:#fff; font:800 12px/1.2 var(--fd); text-transform:uppercase; letter-spacing:.08em}
:root[data-theme="dark"] .k-vd .lab-st--out{color:#140F14}
.k-vd .lab-srv{display:flex; justify-content:space-between; gap:12px; font-size:14px; padding-top:3px}
.k-vd .lab-srv b{font-weight:800; text-align:right}
.k-vd .lab .r10{margin:8px 0 4px}
.k-vd .lab .r4{margin:4px 0 0}
.k-vd .lab-kc{display:flex; justify-content:space-between; align-items:flex-end; gap:12px; padding:2px 0 6px}
.k-vd .lab-kc>span{display:grid; font:800 24px/1 var(--fd)}
.k-vd .lab-kc small{font:600 12px/1.3 var(--fd)}
.k-vd .lab-kc>b{font:800 54px/1 var(--fd); letter-spacing:-.03em}
.k-vd .lab-dv{display:flex; justify-content:space-between; font:700 12px/1 var(--fd); padding:8px 0 6px; border-bottom:1px solid var(--ink)}
.k-vd .lab-dv span{font-weight:500; color:var(--skin)}
.k-vd .lab-secs>li{border-bottom:1px solid var(--ink)}
.k-vd .lab-row{display:grid; grid-template-columns:12px minmax(0,1fr) auto 52px; gap:10px; align-items:center; min-height:44px}
.k-vd .lab-row b{font-weight:800; font-size:17px; line-height:1.15}
.k-vd .lab-row .n{color:var(--skin); font-weight:600}
.k-vd .lab-row em{font-style:normal; font-weight:800; text-align:right; font-size:17px}
.k-vd .lab-row:hover b{color:var(--beet)}
.k-vd .lab-sub{display:flex; flex-wrap:wrap; gap:0 12px; padding:0 0 9px 22px; font-size:13.5px; line-height:1.35}
.k-vd .lab-sub a{display:inline-flex; gap:4px; padding:3px 0}
.k-vd .lab-sub a:hover{color:var(--beet); text-decoration:underline; text-underline-offset:3px}
.k-vd .lab-sub a span{color:var(--skin)}
.k-vd .lab-h4{font:800 13px/1 var(--fd); text-transform:uppercase; letter-spacing:.08em; padding:6px 0 4px}
.k-vd .lab-tool{display:grid; grid-template-columns:52px minmax(0,1fr) 18px; gap:10px; align-items:center; min-height:44px; border-top:1px solid var(--ink); font-weight:600}
.k-vd .lab-tool b{font:800 17px/1 var(--fd); color:var(--beet)}
.k-vd .lab-tool:hover span{color:var(--beet)}
.k-vd .lab-fn{font-size:12.5px; line-height:1.4; color:var(--skin); padding-top:7px}
.k-vd .lab .r1{margin-top:2px}
/* шкалы срока внутри указателя */
.k-vd .lab-cap{display:flex; justify-content:space-between; font:700 13px/1 var(--fd); padding:10px 0 6px}
.k-vd .lab-cap span{font-weight:500; color:var(--skin)}
.k-vd .lab-ruler{display:grid; grid-template-columns:repeat(var(--cols,6),minmax(0,1fr)); border-top:4px solid var(--ink)}
.k-vd .lab-ruler a{display:grid; align-content:start; gap:2px; min-height:48px; padding:6px 2px 6px 5px; border-left:1px solid var(--ink); font-size:12px; position:relative}
.k-vd .lab-ruler li:first-child a{border-left:0; padding-left:0}
.k-vd .lab-ruler b{font:800 14px/1.1 var(--fd)}
.k-vd .lab-ruler small{font-size:11px; font-weight:600}
.k-vd .lab-ruler span{color:var(--skin); font-weight:600}
.k-vd .lab-ruler--d a::after{content:""; position:absolute; left:5px; right:6px; bottom:0; height:calc(var(--h) / 54 * 12px + 2px); background:var(--beet); opacity:.85}
.k-vd .lab-ruler--d li:first-child a::after{left:0}
.k-vd .lab-ruler--f{grid-template-columns:repeat(5,minmax(0,1fr))}
.k-vd .lab-ruler--f li:nth-child(6) a{border-left:0; padding-left:0}
.k-vd .lab-ruler--f a{border-top:0; box-shadow:inset 0 -4px 0 var(--zc)}
.k-vd .lab-ruler .zz1{--zc:var(--z1)} .k-vd .lab-ruler .zz2{--zc:var(--z2)} .k-vd .lab-ruler .zz3{--zc:var(--z3)}
.k-vd .lab-ruler a:hover{background:var(--yog)}

/* ---------- указатель-шторка ---------- */
.k-vd .sheet{position:fixed; inset:0; z-index:60; visibility:hidden; opacity:0; transition:opacity .25s,visibility 0s .25s}
.k-vd[data-open="index"] .sheet{visibility:visible; opacity:1; transition:opacity .25s}
.k-vd .sheet-bg{position:absolute; inset:0; width:100%; height:100%; background:rgba(20,8,14,.62); cursor:default}
.k-vd .sheet-in{position:absolute; inset:0; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; background:var(--yog); padding:0 var(--gx) 24px; transform:translateY(-14px); transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.k-vd[data-open="index"] .sheet-in{transform:none}
.k-vd .sheet-top{display:flex; align-items:center; justify-content:space-between; min-height:60px; font:700 13px/1 var(--fd); text-transform:uppercase; letter-spacing:.08em; color:var(--skin)}
.k-vd .ib--x{border:2px solid var(--ink); color:var(--ink)}
.k-vd .lab--sheet .lab-sub{display:grid; grid-template-columns:1fr 1fr; gap:0 14px; padding:0 0 6px 22px}
.k-vd .lab--sheet .lab-sub a{display:flex; justify-content:space-between; align-items:center; gap:6px; min-height:40px; border-top:1px solid var(--parch); padding:4px 0}
html.vd-lock{overflow:hidden}

/* ========== ГЛАВНАЯ ========== */
.k-vd .cover{display:grid; grid-template-columns:var(--gx) minmax(0,1fr) var(--gx); margin-top:9px}
.k-vd .cover>*{position:relative}
.k-vd .cv-fld{grid-column:1/-1; grid-row:1/4}
.k-vd .cv-top{grid-column:2; grid-row:1; padding-top:26px; color:var(--fi); z-index:1}
.k-vd .cv-h1{margin-top:16px; font:800 40px/.98 var(--fd); letter-spacing:-.035em}
.k-vd .cv-lede{grid-column:2; grid-row:2; padding-top:18px; color:var(--fi); z-index:3}
.k-vd .cv-p{font:400 18px/1.45 var(--fd); max-width:36ch}
.k-vd .cv-p b{font-weight:800}
.k-vd .cv-q{display:flex; margin-top:18px; background:#fff; border:2px solid #fff; box-shadow:6px 6px 0 rgba(20,6,14,.35)}
.k-vd .cv-q input{flex:1; min-width:0; height:52px; border:0; padding:0 12px; font-size:16px; background:#fff; color:#24181F}
.k-vd .cv-q input::placeholder{color:#6E5B66}
.k-vd .cv-q button{display:flex; align-items:center; gap:8px; padding:0 16px; background:#24181F; color:#fff; font-weight:800}
.k-vd .cv-often{display:flex; flex-wrap:wrap; gap:6px 6px; margin-top:14px; font:600 14px/1 var(--fd); align-items:center}
.k-vd .cv-often span{opacity:.85; margin-right:4px}
.k-vd .cv-often a{display:inline-flex; align-items:center; min-height:36px; padding:0 10px; border:1.5px solid currentColor}
.k-vd .cv-often a:hover{background:var(--fi); color:var(--f)}
.k-vd .cv-space{grid-column:2; grid-row:3; height:196px}
.k-vd .cv-lab{grid-column:2; grid-row:4; margin-top:-60px; z-index:2}
.k-vd .cv-lab .lab{box-shadow:10px 10px 0 rgba(36,24,31,.18)}
.k-vd .il-beet{width:290px; height:290px; right:-92px; bottom:-66px; transform:rotate(-8deg)}
.k-vd .cv-h1 .nb{white-space:normal}
.k-vd .il-kef{width:88px; height:228px; left:22px; bottom:-40px; transform:rotate(-6deg)}
.k-vd .il-buck{width:210px; height:98px; left:84px; bottom:52px}

/* подбор диеты по сроку */
.k-vd .dur{grid-column:2; grid-row:5; padding-top:44px}
.k-vd .dur-read{display:flex; align-items:flex-end; flex-wrap:wrap; gap:6px 14px; margin-bottom:18px}
.k-vd .dur-n{font:800 104px/.8 var(--fd); color:var(--beet); letter-spacing:-.05em}
.k-vd .dur-w{font:600 17px/1.15 var(--fd); padding-bottom:2px}
.k-vd .dur-w b{display:block; font:800 28px/1 var(--fd); letter-spacing:-.02em}
.k-vd .dur-go{display:inline-flex; align-items:center; gap:8px; min-height:44px; font:800 15px/1 var(--fd); border-bottom:4px solid var(--ink); width:100%; justify-content:space-between}
.k-vd .dur-go:hover{color:var(--beet)}
.k-vd .dur-ch{display:grid; grid-template-columns:repeat(var(--cols,6),minmax(0,1fr)); align-items:end; position:relative;
  background:repeating-linear-gradient(to top,var(--parch) 0 1px,transparent 1px 42px) 0 0/100% calc(100% - 38px) no-repeat}
.k-vd .bar{display:flex; flex-direction:column; justify-content:flex-end; align-items:stretch; min-height:44px; text-align:center; font-variant-numeric:tabular-nums}
.k-vd .bar-n{font:800 16px/1 var(--fd); padding-bottom:6px; transition:color .2s}
.k-vd .bar-c{display:block; margin:0 3px; height:calc(var(--h) * 3.1px); min-height:10px;
  background:repeating-linear-gradient(135deg,var(--hatch) 0 2px,transparent 2px 6px); box-shadow:inset 0 0 0 2px var(--ink); transition:background-color .2s}
.k-vd .bar-l{display:block; border-top:4px solid var(--ink); padding:6px 0 0; font:600 12.5px/1.15 var(--fd); height:38px}
.k-vd .bar:hover .bar-c{background-color:var(--parch)}
.k-vd .bar.is-on .bar-c{background:radial-gradient(circle,rgba(255,255,255,.28) 0 1.2px,transparent 1.8px) 0 0/7px 7px,var(--beet); box-shadow:none}
.k-vd .bar.is-on .bar-n{color:var(--beet)}
.k-vd .bar.is-on .bar-l{font-weight:800}
.k-vd .bar:focus-visible{outline-offset:-2px}
.k-vd .dur-l{margin-top:22px; border-top:4px solid var(--ink); padding-top:10px}
.k-vd .dur-l[hidden]{display:none}
.k-vd .dur-lh{display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:4px 12px; font:800 18px/1.2 var(--fd); padding-bottom:6px}
.k-vd .dur-lh span{font:500 13px/1.2 var(--fd); color:var(--skin)}
.k-vd .dur-l ol{counter-reset:dl}
.k-vd .dur-l ol[start="7"]{counter-reset:dl 6}
.k-vd .dur-l li{counter-increment:dl; border-top:1px solid var(--parch)}
.k-vd .dur-l li a{display:grid; grid-template-columns:30px minmax(0,1fr); gap:8px; align-items:center; min-height:44px; padding:7px 0; font:600 15px/1.3 var(--fd)}
.k-vd .dur-l li a::before{content:counter(dl); font:800 15px/1 var(--fd); color:var(--beet); font-variant-numeric:tabular-nums}
.k-vd .dur-l li a:hover{color:var(--beet)}
.k-vd .dur-more{border-top:1px solid var(--ink)}
.k-vd .dur-more summary{display:flex; align-items:center; gap:8px; min-height:44px; font:800 15px/1.2 var(--fd); color:var(--beet); cursor:pointer; list-style:none}
.k-vd .dur-more summary::-webkit-details-marker{display:none}
.k-vd .dur-more summary::after{content:""; width:9px; height:9px; border-right:2.5px solid currentColor; border-bottom:2.5px solid currentColor; transform:translateY(-2px) rotate(45deg); transition:transform .2s}
.k-vd .dur-more[open] summary::after{transform:translateY(2px) rotate(-135deg)}
.k-vd .dur-note{margin-top:14px; font:400 15px/1.55 var(--ft); color:var(--skin); max-width:60ch}

/* посчитать: калькулятор */
.k-vd .tools{padding-top:48px; scroll-margin-top:64px}
.k-vd .tools-g{display:grid; gap:12px}
.k-vd .tool{display:grid; align-content:start; gap:10px; min-height:230px; padding:16px 18px 18px; --f:var(--c-tr); --fi:#fff}
.k-vd .tool-g{font:800 80px/.85 var(--fd); letter-spacing:-.05em}
.k-vd .tool-t{font:700 18px/1.25 var(--fd); max-width:17ch; position:relative; z-index:1}
.k-vd .tool-n{font:400 15px/1.5 var(--ft); max-width:34ch; position:relative; z-index:1; opacity:.95; margin-top:auto; padding-top:8px}
.k-vd .il-plate{width:210px; height:210px; right:-48px; bottom:-56px; transition:transform .5s cubic-bezier(.2,.8,.2,1); opacity:.9}
.k-vd .tool:hover .il-plate{transform:rotate(-24deg)}
.k-vd .calc-f{display:grid; gap:0; align-content:start}
.k-vd .calc-f fieldset{border:0; padding:0; min-width:0}
.k-vd .cf-sex{display:grid; grid-template-columns:1fr 1fr; margin-top:8px; border:2px solid var(--ink) !important}
.k-vd .cf-sex legend{position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%)}
.k-vd .cf-sex label{position:relative; display:block; cursor:pointer}
.k-vd .cf-sex input{position:absolute; opacity:0; inset:0; width:100%; height:100%; margin:0; cursor:pointer}
.k-vd .cf-sex span{display:grid; place-items:center; min-height:44px; font:800 15px/1 var(--fd)}
.k-vd .cf-sex label+label span{border-left:2px solid var(--ink)}
.k-vd .cf-sex input:checked+span{background:var(--ink); color:var(--bg)}
.k-vd .cf-sex input:focus-visible+span{outline:3px solid var(--beet); outline-offset:-5px}
.k-vd .cf-row{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:12px}
.k-vd .cf-f{display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:2px 4px}
.k-vd .cf-f span,.k-vd .cf-act>span{grid-column:1/-1; font:700 12.5px/1 var(--fd); text-transform:uppercase; letter-spacing:.06em; color:var(--skin)}
.k-vd .cf-f input{width:100%; min-width:0; height:46px; padding:0 8px; border:0; border-bottom:4px solid var(--ink); background:var(--inp); font:800 22px/1 var(--fd); font-variant-numeric:tabular-nums; -moz-appearance:textfield; appearance:textfield}
.k-vd .cf-f input::-webkit-inner-spin-button,.k-vd .cf-f input::-webkit-outer-spin-button{-webkit-appearance:none; margin:0}
.k-vd .cf-f em{font:600 13px/1 var(--fd); font-style:normal; color:var(--skin); padding-bottom:10px}
.k-vd .cf-act{display:grid; gap:4px; margin-top:12px}
.k-vd .cf-act select{width:100%; min-height:46px; padding:0 8px; border:2px solid var(--ink); background:var(--paper); font:600 15px/1.2 var(--fd)}
.k-vd .cf-go{display:inline-flex; align-items:center; justify-content:space-between; gap:10px; min-height:48px; margin-top:14px; padding:0 16px; background:var(--beet); color:var(--on-beet); font:800 16px/1 var(--fd)}
.k-vd .cf-go:hover{filter:brightness(1.08)}
.k-vd .cf-err{margin-top:10px; padding:8px 10px; border-left:4px solid var(--tom); background:var(--yog); font:600 14px/1.4 var(--fd)}
.k-vd .cf-out{margin-top:12px}
.k-vd .cf-out[hidden],.k-vd .cf-err[hidden]{display:none}
.k-vd .cf-out .pass{margin-top:6px}

/* чаще всего читают */
.k-vd .pop{padding-top:48px}
.k-vd .pop-l{display:grid}
.k-vd .pop-l a{display:grid; grid-template-columns:58px minmax(0,1fr); gap:4px 12px; padding:14px 0 16px; border-bottom:1px solid var(--ink); align-items:start}
.k-vd .pop-l li:first-child a{padding-top:4px}
.k-vd .pop-n{grid-row:span 2; font:800 76px/.78 var(--fd); color:var(--beet); letter-spacing:-.06em; font-variant-numeric:tabular-nums}
.k-vd .pop-t{font:700 18px/1.25 var(--fd); letter-spacing:-.01em}
.k-vd .pop-l a:hover .pop-t{color:var(--beet)}
.k-vd .pop-m{display:flex; flex-wrap:wrap; align-items:center; gap:7px; font:500 13px/1.2 var(--fd); color:var(--skin)}
.k-vd .pop-out{font-style:normal; font-weight:800; color:var(--tom); text-transform:uppercase; letter-spacing:.06em; font-size:11.5px}

/* мини-этикетки */
.k-vd .rec{padding-top:48px}
.k-vd .ml-g{display:grid; grid-template-columns:1fr 1fr; gap:14px 12px}
.k-vd .ml--xl,.k-vd .ml--wide{grid-column:1/-1}
.k-vd .ml:not(.ml--xl):not(.ml--wide) .ml-term{font-size:44px}
.k-vd .ml:not(.ml--xl):not(.ml--wide) .ml-term small{font-size:16px}
.k-vd .ml:not(.ml--xl):not(.ml--wide) .ml-term--w{font-size:31px}
.k-vd .ml:not(.ml--xl):not(.ml--wide) .ml-term--w2{font-size:25px}
.k-vd .ml:not(.ml--xl):not(.ml--wide) .ml-term--w3{font-size:20px}
.k-vd .ml:not(.ml--xl):not(.ml--wide) .ml-cov{min-height:118px; padding:10px}
.k-vd .ml:not(.ml--xl):not(.ml--wide) .ml-body{padding:9px 10px 10px}
.k-vd .ml:not(.ml--xl):not(.ml--wide) .ml-t{font-size:15px}
.k-vd .ml{display:flex; flex-direction:column; min-width:0; border:2px solid var(--ink); background:var(--paper); color:var(--ink); transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s}
.k-vd .ml:hover{transform:translate(-4px,-4px); box-shadow:8px 8px 0 var(--ink)}
.k-vd .ml-cov{--f:var(--c); display:grid; align-content:space-between; gap:14px 22px; min-height:148px; padding:12px 14px 12px; color:var(--ci,#fff)}
.k-vd .ml-sec{font:700 12px/1.2 var(--fd); text-transform:uppercase; letter-spacing:.09em; justify-self:start; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.k-vd .ml--rec .ml-sec{background:var(--c-rec2); color:#fff; padding:4px 6px 3px; margin:-4px 0 0 -6px}
.k-vd .ml-out{justify-self:start; padding:4px 6px 3px; background:var(--tom); color:#fff; font:800 11.5px/1.2 var(--fd); text-transform:uppercase; letter-spacing:.08em}
:root[data-theme="dark"] .k-vd .ml-out{color:#140F14}
.k-vd .ml-term{display:flex; align-items:baseline; gap:8px; font:800 76px/.8 var(--fd); letter-spacing:-.05em; font-variant-numeric:tabular-nums; min-width:0}
.k-vd .ml-term small{font:800 22px/1 var(--fd); letter-spacing:-.01em}
.k-vd .ml-term--w{font-size:52px; letter-spacing:-.04em; line-height:.9; overflow-wrap:anywhere; hyphens:auto}
.k-vd .ml-term--w2{font-size:42px}
.k-vd .ml-term--w3{font-size:34px}
.k-vd .ml-body{display:grid; align-content:space-between; gap:12px; flex:1; border-top:10px solid var(--ink); padding:10px 14px 12px}
.k-vd .ml-t{font:700 17px/1.25 var(--fd); overflow-wrap:break-word}
.k-vd .ml-m{font:500 13px/1.2 var(--fd); color:var(--skin); border-top:1px solid var(--ink); padding-top:8px}
.k-vd .ml-ok{font-style:normal; font-weight:700; color:var(--spin); white-space:nowrap}
.k-vd .ml-ok::before{content:"✓ "}
.k-vd .ml--xl .ml-cov{min-height:200px}
.k-vd .ml--xl .ml-term{font-size:120px}
.k-vd .ml--xl .ml-term--w{font-size:72px}
.k-vd .ml--xl .ml-term--w2{font-size:58px}
.k-vd .ml--xl .ml-term--w3{font-size:44px}
.k-vd .ml--xl .ml-t{font-size:21px}

/* как мы пишем */
.k-vd .pol{margin-top:56px; background:var(--slab); color:var(--slab-ink); padding:32px var(--gx) 36px; position:relative}
.k-vd .pol::before{content:""; position:absolute; left:0; right:0; top:0; height:10px; background:var(--slab-acc)}
.k-vd .pol-h{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:6px 16px; margin-bottom:18px}
.k-vd .pol-h h2{font:800 32px/1 var(--fd); letter-spacing:-.03em}
.k-vd .pol .more{color:var(--slab-acc)}
.k-vd .pol :focus-visible{outline-color:var(--slab-acc)}
.k-vd .pol-l{display:grid; gap:0}
.k-vd .pol-l li{display:grid; align-content:start; gap:6px; padding:12px 0 16px; border-top:4px solid var(--slab-ink)}
.k-vd .pol-l b{font:800 19px/1.2 var(--fd)}
.k-vd .pol-l span{font:400 16px/1.5 var(--ft); color:var(--slab-mute)}

/* ========== СТАТЬЯ ========== */
.k-vd .intro{display:grid; grid-template-columns:var(--gx) minmax(0,1fr) var(--gx); margin-top:9px}
.k-vd .intro>*{position:relative}
.k-vd .in-fld{grid-column:1/-1; grid-row:1/3}
.k-vd .crumbs{grid-column:2; grid-row:1; display:flex; flex-wrap:wrap; align-items:center; gap:0 8px; padding-top:8px; font:600 14px/1.2 var(--fd); color:var(--fi); z-index:1; min-width:0}
.k-vd .crumbs a,.k-vd .crumbs [aria-current]{display:inline-flex; align-items:center; min-height:44px}
.k-vd .crumbs a:hover{text-decoration:underline; text-underline-offset:4px}
.k-vd .crumbs>span[aria-hidden]{opacity:.6}
.k-vd .in-head{grid-column:2; grid-row:2; color:var(--fi); padding-bottom:104px; z-index:1; min-width:0}
.k-vd .intro--bare .in-head{padding-bottom:40px}
.k-vd .kick-n{display:grid; place-items:center; min-width:34px; height:34px; padding:0 6px; background:var(--fi); color:var(--f); font:800 20px/1 var(--fd); letter-spacing:0; white-space:nowrap}
.k-vd .in-h1{margin-top:14px; font:800 36px/1 var(--fd); letter-spacing:-.035em; overflow-wrap:break-word; hyphens:manual}
.k-vd .byl{margin-top:16px; font:500 14px/1.5 var(--fd)}
.k-vd .byl b{font-weight:800}
.k-vd .byl i{font-style:normal; opacity:.6; padding:0 3px}
.k-vd .fresh{display:flex; align-items:center; gap:14px; margin-top:16px}
.k-vd .fresh p{font:500 13.5px/1.45 var(--fd)}
.k-vd .fresh a{font-weight:700; text-decoration:underline; text-underline-offset:3px}
.k-vd .stamp{flex:none; display:grid; place-content:center; justify-items:center; gap:3px; width:96px; height:96px; border-radius:50%; background:var(--paper); color:var(--pump);
  border:3px solid currentColor; box-shadow:inset 0 0 0 3px var(--paper),inset 0 0 0 5px currentColor; transform:rotate(-10deg); text-align:center; font:800 12.5px/1.05 var(--fd); text-transform:uppercase; letter-spacing:.05em}
.k-vd .stamp--ok{color:var(--spin)}
.k-vd .stamp small{font:700 10.5px/1 var(--fd); letter-spacing:.02em; margin-top:2px}
/* статус «Неактуально» — на поле, сразу под заголовком */
.k-vd .outd{margin-top:18px; background:var(--paper); color:var(--ink); border-top:10px solid var(--tom); padding:12px 14px 14px; box-shadow:8px 8px 0 rgba(20,6,14,.3)}
.k-vd .outd-k{display:flex; align-items:center; gap:8px; color:var(--tom); font:800 22px/1 var(--fd); text-transform:uppercase; letter-spacing:.04em}
.k-vd .outd-k .ico{width:24px; height:24px}
.k-vd .outd-t{margin-top:8px; font:500 15px/1.5 var(--fd)}
.k-vd .outd-a{display:grid; grid-template-columns:minmax(0,1fr) 20px; gap:2px 10px; align-items:center; margin-top:10px; padding-top:10px; border-top:4px solid var(--ink); min-height:44px}
.k-vd .outd-a span{grid-column:1; font:800 12px/1 var(--fd); text-transform:uppercase; letter-spacing:.09em; color:var(--skin)}
.k-vd .outd-a b{grid-column:1; font:800 17px/1.25 var(--fd); color:var(--beet)}
.k-vd .outd-a .arr{grid-column:2; grid-row:1/3; color:var(--beet)}
.k-vd .outd-a:hover b{text-decoration:underline; text-underline-offset:3px}
.k-vd .il-kef2{width:62px; height:160px; right:-4px; top:4px; transform:rotate(16deg)}
.k-vd .il-buck3{width:200px; height:94px; right:-30px; bottom:34px}
.k-vd .il-clock2{width:118px; height:118px; right:-34px; top:-16px; transform:rotate(-10deg)}
.k-vd .il-plate2{width:118px; height:118px; right:-36px; top:-14px}
.k-vd .intro .il-buck3+.il-plate2{top:-14px; right:-36px}
.k-vd .intro--bare .il{opacity:.45}
.k-vd .in-lab{grid-column:2; grid-row:3; margin-top:-64px; z-index:2; min-width:0}
.k-vd .in-lab .lab{box-shadow:10px 10px 0 rgba(36,24,31,.18)}
/* паспорт */
.k-vd .pass .pr{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:2px 14px; align-items:baseline; border-top:1px solid var(--ink); padding:7px 0}
.k-vd .pass dt{font-weight:800}
.k-vd .pass dd{text-align:right; font-weight:600; max-width:30ch; overflow-wrap:break-word}
.k-vd .pass dd b{font-weight:800}
.k-vd .pass dd small{display:block; font:500 12.5px/1.3 var(--fd); color:var(--skin); margin-top:2px}
.k-vd .pass .pr--long{display:block}
.k-vd .pass .pr--long dd{text-align:left; max-width:none; margin-top:3px; font-weight:500; line-height:1.4}
.k-vd .pass .pr--big{border-top:0; align-items:end; padding-top:2px}
.k-vd .pass .pr--big dt{font:800 24px/1 var(--fd)}
.k-vd .pass .pr--big dd>b{font:800 40px/1 var(--fd); letter-spacing:-.03em; white-space:nowrap}
.k-vd .pass .pr--sep{border-top:4px solid var(--ink)}
.k-vd .pass .pr--no{display:block; margin:8px -14px 0; padding:10px 14px 11px; background:var(--beet); color:var(--on-beet); border:0}
.k-vd .pass .pr--no+.pr--no{margin-top:2px}
.k-vd .pass .pr--no dt{font:800 12px/1 var(--fd); text-transform:uppercase; letter-spacing:.1em}
.k-vd .pass .pr--no dd{text-align:left; max-width:none; margin-top:5px; font:800 17px/1.3 var(--fd)}
.k-vd .pass .pr--no a{text-decoration:underline; text-underline-offset:3px}
.k-vd .lab-med{display:flex; gap:8px; align-items:flex-start; margin-top:8px; font:500 12.5px/1.4 var(--fd); color:var(--skin)}
.k-vd .lab-med .ico{width:18px; height:18px; color:var(--beet)}
/* оглавление */
.k-vd .toc-h{display:flex; justify-content:space-between; align-items:baseline; padding-bottom:8px; border-bottom:10px solid var(--ink); font:800 20px/1 var(--fd)}
.k-vd .toc-h span{font:500 13px/1 var(--fd); color:var(--skin)}
.k-vd .toc a{display:grid; grid-template-columns:32px minmax(0,1fr); gap:10px; align-items:center; min-height:46px; border-bottom:1px solid var(--ink); font:600 15.5px/1.2 var(--fd); padding:4px 0}
.k-vd .toc a i{display:grid; place-items:center; height:26px; font:800 13px/1 var(--fd); font-style:normal; color:var(--skin); font-variant-numeric:tabular-nums; transition:background-color .2s,color .2s}
.k-vd .toc a:hover span{color:var(--beet)}
.k-vd .toc a.is-on{color:var(--beet); font-weight:800}
.k-vd .toc a.is-on i{background:var(--beet); color:var(--on-beet)}
.k-vd .toc--m{grid-column:2; grid-row:4; margin-top:28px}
.k-vd .intro--bare .toc--m{margin-top:24px}
.k-vd .toc--d{display:none}
/* коротко */
.k-vd .short{grid-column:2; grid-row:5; margin-top:36px}
.k-vd .short-h{display:flex; align-items:baseline; gap:12px; border-top:10px solid var(--beet); padding-top:10px; margin-bottom:6px}
.k-vd .short-h b{font:800 26px/1 var(--fd); letter-spacing:-.02em; color:var(--beet)}
.k-vd .short-h span{font:600 14px/1 var(--fd); color:var(--skin)}
.k-vd .short-l li{font:400 20px/1.45 var(--ft); padding:12px 0 13px; border-bottom:1px solid var(--ink); text-wrap:pretty}
.k-vd .short-l b{font:800 1.06em/1.2 var(--fd); color:var(--beet); letter-spacing:-.02em}
.k-vd .short-l code{font:600 .85em/1 ui-monospace,Consolas,monospace}
/* маршрут */
.k-vd .route{margin:40px var(--gx) 0; padding-top:10px; border-top:1px solid var(--ink)}
.k-vd .route-h{display:flex; justify-content:space-between; flex-wrap:wrap; gap:4px 12px; font:800 15px/1.2 var(--fd)}
.k-vd .route-h span{font-weight:600; color:var(--skin)}
.k-vd .route-l{display:grid; grid-template-columns:repeat(var(--cols,3),minmax(0,1fr)); margin-top:12px; position:relative;
  background:linear-gradient(var(--ink),var(--ink)) 0 0/100% 4px no-repeat,repeating-linear-gradient(90deg,var(--ink) 0 1px,transparent 1px 12px) 0 4px/100% 8px no-repeat}
.k-vd .route-l li>a,.k-vd .route-l li>span{display:grid; gap:6px; align-content:start; min-height:64px; padding:18px 8px 6px 0; font:600 13.5px/1.25 var(--fd)}
.k-vd .route-l i{font:800 12px/1 var(--fd); font-style:normal; color:var(--skin)}
.k-vd .route-l a:hover{color:var(--beet)}
.k-vd .route-l .is-here>span{font-weight:800; color:var(--beet)}
.k-vd .route-l .is-here{position:relative}
.k-vd .route-l .is-here::before{content:""; position:absolute; left:0; right:10px; top:0; height:12px; background:var(--beet)}
.k-vd .route-l .is-here i{color:var(--beet)}
/* книга */
.k-vd .book{padding:8px var(--gx) 0}
.k-vd .txt{min-width:0}
.k-vd .ch{padding-top:44px}
.k-vd .ch-h{display:flex; align-items:baseline; gap:12px; border-top:4px solid var(--ink); padding-top:12px; margin-bottom:16px; font:800 28px/1.08 var(--fd); letter-spacing:-.025em}
.k-vd .ch-h i{font:800 14px/1 var(--fd); font-style:normal; color:var(--beet); letter-spacing:.02em; flex:none}
.k-vd .faq>div{padding:14px 0 16px; border-bottom:1px solid var(--ink)}
.k-vd .faq>div:first-child{padding-top:0}
.k-vd .faq dt{font:800 20px/1.25 var(--fd); color:var(--beet); letter-spacing:-.01em}
.k-vd .faq dd{margin-top:8px; font:400 18px/1.7 var(--ft)}
.k-vd .faq dd p+p{margin-top:10px}
.k-vd .faq dd a{color:var(--beet); text-decoration:underline; text-underline-offset:3px}
.k-vd .faq dd ul,.k-vd .faq dd ol{margin:8px 0; padding-left:22px; list-style:square}
.k-vd .colo{display:grid; gap:24px; margin-top:44px; padding-top:18px; border-top:10px solid var(--ink)}
.k-vd .au{display:grid; grid-template-columns:64px minmax(0,1fr); gap:6px 14px}
.k-vd .au-av{grid-row:span 2; display:grid; place-items:center; width:64px; height:64px; background:var(--slab); color:var(--slab-ink); font:800 24px/1 var(--fd); letter-spacing:-.04em; border-bottom:6px solid var(--beet)}
.k-vd .au-n b{display:block; font:800 20px/1.2 var(--fd)}
.k-vd .au-n span{font:500 13.5px/1.3 var(--fd); color:var(--skin)}
.k-vd .au-t{grid-column:1/-1; font:400 17px/1.6 var(--ft); margin-top:6px}
.k-vd .au-t a{color:var(--beet); text-decoration:underline; text-underline-offset:3px}
.k-vd .src-h{display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 12px; padding-bottom:6px; border-bottom:4px solid var(--ink)}
.k-vd .src-h b{font:800 18px/1 var(--fd)}
.k-vd .src-h span{font:600 13px/1.2 var(--fd); color:var(--pump)}
.k-vd .src-h span.is-ok{color:var(--spin)}
.k-vd .src-l{counter-reset:src}
.k-vd .src-l li{counter-increment:src; display:grid; grid-template-columns:28px minmax(0,1fr); font:500 15px/1.45 var(--fd); padding:9px 0; border-bottom:1px solid var(--parch); color:var(--skin)}
.k-vd .src-l li::before{content:counter(src); font:800 13px/1.6 var(--fd); color:var(--beet)}
.k-vd .src-l a{color:var(--ink); text-decoration:underline; text-decoration-color:var(--parch); text-underline-offset:3px; overflow-wrap:anywhere}
.k-vd .src-l a:hover{color:var(--beet); text-decoration-color:currentColor}
.k-vd .med{display:flex; gap:8px; align-items:flex-start; font:500 13.5px/1.45 var(--fd); color:var(--skin)}
.k-vd .med .ico{width:18px; height:18px; color:var(--beet)}
.k-vd .side{padding:0 var(--gx)}
.k-vd .book>.side{padding:0}
.k-vd .side-in{display:grid; gap:14px; padding-top:36px}
.k-vd .calc{display:grid; gap:10px; padding:14px 16px 12px; background:var(--slab); color:var(--slab-ink); position:relative}
.k-vd .calc-g{font:800 44px/.9 var(--fd); color:var(--slab-acc); letter-spacing:-.04em}
.k-vd .calc>span{font:500 15px/1.4 var(--fd)}
.k-vd .calc-go{display:inline-flex !important; align-items:center; gap:10px; min-height:44px; font-weight:800 !important; border-top:4px solid currentColor; width:max-content}
.k-vd .calc:focus-visible{outline-color:var(--slab-acc)}
.k-vd .err{font:500 14px/1.5 var(--fd); color:var(--skin); padding:12px 0 0; border-top:4px solid var(--ink)}
.k-vd .err b{color:var(--ink); font-weight:800}
.k-vd .err a{display:inline-flex; align-items:center; min-height:44px; font-weight:800; color:var(--beet)}
/* комментарии */
.k-vd .cmt{margin-top:44px; padding-top:14px; border-top:4px solid var(--ink)}
.k-vd .cmt-h{display:flex; align-items:baseline; gap:10px; font:800 24px/1.1 var(--fd); letter-spacing:-.02em; margin-bottom:6px}
.k-vd .cmt-h span{font:800 16px/1 var(--fd); color:var(--beet)}
.k-vd .cmt-l li{padding:14px 0; border-bottom:1px solid var(--parch)}
.k-vd .cmt-l li.is-reply{margin-left:22px; padding-left:14px; border-left:4px solid var(--parch)}
.k-vd .cmt-m{display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 12px; font:500 13px/1.3 var(--fd); color:var(--skin)}
.k-vd .cmt-m b{font:800 15px/1.2 var(--fd); color:var(--ink)}
.k-vd .cmt-t{margin-top:6px; font:400 16.5px/1.6 var(--ft); overflow-wrap:break-word}
.k-vd .cmt-t p+p{margin-top:8px}
.k-vd .cmt-t a{color:var(--beet); text-decoration:underline}
/* что дальше */
.k-vd .next{padding-top:52px}
.k-vd .next-g{display:grid; gap:12px}
.k-vd .nx{display:grid; grid-template-columns:minmax(0,1fr) 22px; gap:6px 12px; align-items:end; border:2px solid var(--ink); padding:12px 14px 14px; background:var(--paper)}
.k-vd .nx>*{grid-column:1}
.k-vd .nx .arr{grid-column:2; grid-row:3; width:22px; height:22px}
.k-vd .nx .nx-k{grid-column:1/-1}
.k-vd .nx-k{font:800 12px/1 var(--fd); text-transform:uppercase; letter-spacing:.09em; padding-bottom:10px; border-bottom:10px solid currentColor; color:var(--beet)}
.k-vd .nx-t{font:800 22px/1.1 var(--fd); letter-spacing:-.02em; margin-top:6px}
.k-vd .nx-d{font:500 14.5px/1.35 var(--fd); color:var(--skin)}
.k-vd .nx:hover .nx-t{color:var(--beet)}
.k-vd .nx--hot{background:var(--beet); color:var(--on-beet); border-color:var(--beet)}
.k-vd .nx--hot .nx-k,.k-vd .nx--hot .nx-d{color:inherit}
.k-vd .nx--hot:hover .nx-t{color:inherit}
.k-vd .nx--hot:focus-visible{outline-color:var(--ink)}

/* ---------- текст статьи: любая разметка старых и новых статей ---------- */
.k-vd .cs-body{font:400 18px/1.72 var(--ft); color:var(--ink); overflow-wrap:break-word}
.k-vd .cs-body::after{content:""; display:block; clear:both}
.k-vd .cs-body p{margin:0 0 16px; text-wrap:pretty}
.k-vd .cs-body>:first-child{margin-top:20px}
.k-vd .cs-body h2{display:flex; align-items:baseline; gap:12px; clear:both; border-top:4px solid var(--ink); padding-top:12px; margin:44px 0 16px; font:800 27px/1.1 var(--fd); letter-spacing:-.025em; text-wrap:balance}
.k-vd .cs-body h2 .ch-n{font:800 14px/1 var(--fd); font-style:normal; color:var(--beet); letter-spacing:.02em; flex:none}
.k-vd .cs-body h3{margin:30px 0 10px; font:800 21px/1.25 var(--fd); letter-spacing:-.01em; text-wrap:balance}
.k-vd .cs-body h4,.k-vd .cs-body h5,.k-vd .cs-body h6{margin:24px 0 8px; font:800 17px/1.3 var(--fd)}
.k-vd .cs-body h2+h3{margin-top:12px}
.k-vd .cs-body a{color:var(--beet); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px}
.k-vd .cs-body a:hover{text-decoration-thickness:2px}
.k-vd .cs-body strong,.k-vd .cs-body b{font-weight:700}
.k-vd .cs-body em,.k-vd .cs-body i{font-style:italic}
.k-vd .cs-body ul,.k-vd .cs-body ol{margin:0 0 18px; padding-left:26px}
.k-vd .cs-body ul{list-style:square}
.k-vd .cs-body ol{list-style:decimal}
.k-vd .cs-body li{margin:0 0 8px; padding-left:4px}
.k-vd .cs-body li::marker{color:var(--beet); font-family:var(--fd); font-weight:800}
.k-vd .cs-body li>ul,.k-vd .cs-body li>ol{margin:8px 0 0}
.k-vd .cs-body li>p{margin-bottom:6px}
.k-vd .cs-body hr{border:0; height:4px; background:var(--ink); margin:32px 0}
.k-vd .cs-body .drop::first-letter{float:left; font-family:var(--fd); font-weight:800; color:var(--beet); font-size:4.3em; line-height:.8; margin:.1em .08em 0 0}
@supports (initial-letter:3){.k-vd .cs-body .drop::first-letter{float:none; font-size:inherit; line-height:inherit; margin:0 .14em 0 0; initial-letter:3}}
/* картинки */
.k-vd .cs-body img{display:block; max-width:100%; height:auto; margin:8px auto}
.k-vd .cs-body p>img:only-child{margin:4px auto}
.k-vd .cs-body .alignleft,.k-vd .cs-body .alignright{float:none; margin:8px auto 16px}
.k-vd .cs-body .aligncenter{margin-left:auto; margin-right:auto}
.k-vd .cs-body figure,.k-vd .cs-body .wp-caption,.k-vd .cs-body .wp-block-image{margin:24px 0; max-width:100%}
.k-vd .cs-body figure img{margin:0 auto}
.k-vd .cs-body figcaption,.k-vd .cs-body .wp-caption-text,.k-vd .cs-body .wp-element-caption{margin-top:8px; padding-top:6px; border-top:1px solid var(--parch); font:500 13.5px/1.45 var(--fd); color:var(--skin); text-align:left}
.k-vd .cs-body figcaption a{color:inherit}
.k-vd .cs-body .wp-caption{width:auto !important}
.k-vd .cs-body .gallery,.k-vd .cs-body .wp-block-gallery{display:grid; grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); gap:8px; margin:24px 0; padding:0; list-style:none}
.k-vd .cs-body .gallery img,.k-vd .cs-body .wp-block-gallery img{width:100%; height:100%; object-fit:cover; margin:0}
/* видео и вставки */
.k-vd .cs-body iframe,.k-vd .cs-body video,.k-vd .cs-body embed,.k-vd .cs-body object{display:block; max-width:100%; margin:24px 0; border:0}
.k-vd .cs-body iframe[src*="youtube"],.k-vd .cs-body iframe[src*="youtu.be"],.k-vd .cs-body iframe[src*="rutube"],.k-vd .cs-body iframe[src*="vk.com"],.k-vd .cs-body iframe[src*="vkvideo"],.k-vd .cs-body iframe[src*="dzen"],.k-vd .cs-body video,.k-vd .cs-body .wp-block-embed iframe{width:100%; height:auto; aspect-ratio:16/9}
.k-vd .cs-body .wp-block-embed,.k-vd .cs-body .wp-block-video{margin:24px 0}
.k-vd .cs-body .wp-block-embed__wrapper{position:relative}
/* таблицы — этикетка: рамка 2 px, шапка на толстой линейке; прокрутка внутри */
.k-vd .cs-body .cs-table{margin:24px 0; border:2px solid var(--ink); background:var(--paper); overflow-x:auto; -webkit-overflow-scrolling:touch; overscroll-behavior-x:contain}
.k-vd .cs-body table{width:100%; border-collapse:collapse; font:500 15px/1.4 var(--fd); font-variant-numeric:tabular-nums}
.k-vd .cs-body caption{caption-side:top; text-align:left; padding:10px 12px 8px; font:800 20px/1.15 var(--fd); border-bottom:10px solid var(--ink)}
.k-vd .cs-body th,.k-vd .cs-body td{padding:9px 12px; text-align:left; vertical-align:top; border-bottom:1px solid var(--ink)}
.k-vd .cs-body thead th,.k-vd .cs-body thead td{font:700 12.5px/1.25 var(--fd); text-transform:uppercase; letter-spacing:.04em; border-bottom:4px solid var(--ink); vertical-align:bottom}
.k-vd .cs-body tbody th{font-weight:700}
.k-vd .cs-body tbody tr:last-child>*{border-bottom:0}
.k-vd .cs-body tfoot th,.k-vd .cs-body tfoot td{border-top:10px solid var(--ink); border-bottom:0; font-weight:800}
.k-vd .cs-body td>p,.k-vd .cs-body th>p{margin:0 0 6px}
.k-vd .cs-body td>p:last-child{margin:0}
.k-vd .cs-body td img{margin:0}
.k-vd .cs-body table ul,.k-vd .cs-body table ol{margin:0; padding-left:18px}
/* врезки */
.k-vd .cs-body blockquote{margin:24px 0; padding:14px 16px 15px; background:var(--yog); border-left:4px solid var(--beet); font-size:17px; line-height:1.6}
.k-vd .cs-body blockquote>:last-child{margin-bottom:0}
.k-vd .cs-body blockquote p{margin-bottom:10px}
.k-vd .cs-body blockquote cite{display:block; margin-top:6px; font:600 13.5px/1.4 var(--fd); font-style:normal; color:var(--skin)}
.k-vd .cs-body blockquote:is(.info,.warning,.danger,.check,.is-style-info,.is-style-warning,.is-style-danger,.is-style-check){border-left:0; border-top:4px solid var(--q); padding-top:12px}
.k-vd .cs-body blockquote:is(.info,.warning,.danger,.check,.is-style-info,.is-style-warning,.is-style-danger,.is-style-check)::before{display:block; margin-bottom:6px; font:800 12px/1 var(--fd); text-transform:uppercase; letter-spacing:.1em; color:var(--q)}
.k-vd .cs-body blockquote:is(.info,.is-style-info){--q:var(--beet)}
.k-vd .cs-body blockquote:is(.info,.is-style-info)::before{content:"На заметку"}
.k-vd .cs-body blockquote:is(.check,.is-style-check){--q:var(--ink)}
.k-vd .cs-body blockquote:is(.check,.is-style-check)::before{content:"Важно"}
.k-vd .cs-body blockquote:is(.warning,.is-style-warning){--q:var(--pump)}
.k-vd .cs-body blockquote:is(.warning,.is-style-warning)::before{content:"Внимание"}
.k-vd .cs-body blockquote:is(.danger,.is-style-danger){--q:var(--tom); background:var(--paper); border:2px solid var(--tom); border-top-width:10px}
.k-vd .cs-body blockquote:is(.danger,.is-style-danger)::before{content:"Опасно"}
.k-vd .cs-body .medical-disclaimer{margin:28px 0 !important; padding:12px 14px !important; background:var(--yog) !important; border:0 !important; border-top:4px solid var(--beet) !important; font:500 15px/1.55 var(--fd); color:var(--ink) !important}
.k-vd .cs-body .medical-disclaimer p{margin:0}
/* код и клавиши */
.k-vd .cs-body code{padding:1px 5px; background:var(--yog); border:1px solid var(--parch); font:500 .86em/1.4 ui-monospace,"Cascadia Mono",Consolas,monospace; overflow-wrap:anywhere}
.k-vd .cs-body code.cs-copy,.k-vd code.cs-copy{cursor:copy; border-color:var(--beet); position:relative}
.k-vd code.cs-copy.is-copied{background:var(--beet); color:var(--on-beet)}
.k-vd code.cs-copy.is-copied::after{content:"скопировано"; position:absolute; left:0; bottom:calc(100% + 4px); padding:3px 6px; background:var(--ink); color:var(--bg); font:700 11px/1 var(--fd); white-space:nowrap}
.k-vd .cs-body pre{margin:24px 0; padding:14px 16px; background:var(--slab); color:var(--slab-ink); overflow-x:auto; font:500 14px/1.55 ui-monospace,"Cascadia Mono",Consolas,monospace; white-space:pre}
.k-vd .cs-body pre code{padding:0; background:none; border:0; color:inherit; font:inherit}
.k-vd .cs-body kbd{display:inline-block; padding:1px 6px 2px; border:2px solid var(--ink); border-bottom-width:4px; background:var(--paper); font:700 .8em/1.3 var(--fd)}
/* старые блоки WordPress */
.k-vd .cs-body .wp-block-table{margin:24px 0}
.k-vd .cs-body .wp-block-quote{margin:24px 0}
.k-vd .cs-body .wp-block-separator{border:0; height:4px; background:var(--ink); margin:32px 0}
.k-vd .cs-body .wp-block-button__link,.k-vd .cs-body .wp-block-file__button{display:inline-flex; align-items:center; min-height:44px; padding:0 16px; background:var(--beet); color:var(--on-beet); text-decoration:none; font:800 15px/1 var(--fd)}
.k-vd .cs-body .wp-block-columns{display:grid; gap:16px; margin:24px 0}
.k-vd .cs-body .has-text-align-center{text-align:center}
.k-vd .cs-body .has-text-align-right{text-align:right}
.k-vd .cs-body .screen-reader-text{position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%)}
/* карточка «По теме» на поле */
.k-vd .mcard{display:grid; gap:6px; margin:18px 0; padding:12px 14px 14px; border:2px solid var(--ink); background:var(--paper); position:relative; overflow:hidden; text-decoration:none !important; color:var(--ink) !important; font-family:var(--fd)}
.k-vd .mcard-il{width:120px; height:56px; margin:-4px 0 2px -6px}
.k-vd .mcard-k{font:800 11px/1 var(--fd); text-transform:uppercase; letter-spacing:.1em; color:var(--beet); border-top:4px solid var(--ink); padding-top:8px}
.k-vd .mcard-t{font:800 17px/1.25 var(--fd)}
.k-vd .mcard-m{font:500 13px/1.3 var(--fd); color:var(--skin)}
.k-vd .mcard:hover .mcard-t{color:var(--beet)}
/* текст страницы и «О разделе» */
.k-vd .book--page{padding-bottom:8px}
.k-vd .pg-m{margin-top:28px; padding-top:10px; border-top:1px solid var(--ink); font:500 13.5px/1.4 var(--fd); color:var(--skin)}
.k-vd .about{padding-top:56px}
.k-vd .about-in{border-top:10px solid var(--ink); padding-top:14px}
.k-vd .about-h{font:800 26px/1.1 var(--fd); letter-spacing:-.02em; margin-bottom:6px}
.k-vd .about-t{max-width:680px; font-size:17px}
.k-vd .about-t>:first-child{margin-top:8px}

/* ========== РУБРИКА, ПОИСК, 404, СТРАНИЦА ========== */
.k-vd .rub{display:grid; grid-template-columns:var(--gx) minmax(0,1fr) var(--gx); margin-top:9px}
.k-vd .rub>*{position:relative}
.k-vd .rub-fld{grid-column:1/-1; grid-row:1/5}
.k-vd .rub-head{grid-column:2; grid-row:2; color:var(--fi); z-index:1; min-width:0; padding-top:18px}
.k-vd .rub .crumbs+.rub-head{padding-top:0}
.k-vd .rub .kick .odo{font-weight:800}
.k-vd .rub-h1{margin:14px 0 0 -3px; font:800 62px/.9 var(--fd); letter-spacing:-.055em; overflow-wrap:break-word; hyphens:auto}
.k-vd .rub-h1--m{font-size:48px}
.k-vd .rub-h1--s{font-size:38px; letter-spacing:-.04em; line-height:.95}
.k-vd .rub-h1--xs{font-size:32px; letter-spacing:-.035em; line-height:1}
.k-vd .rub-pg{font-size:.45em; letter-spacing:-.02em; white-space:nowrap}
.k-vd .rub-p{margin-top:16px; font:400 17px/1.5 var(--fd); max-width:62ch}
.k-vd .rub-p p+p{margin-top:8px}
.k-vd .rub-p strong{font-weight:800}
.k-vd .rub-p a{text-decoration:underline; text-underline-offset:3px}
.k-vd .warn{grid-column:2; grid-row:3; display:flex; gap:10px; margin-top:18px; padding:12px 14px; background:var(--paper); color:var(--ink); font:500 14px/1.45 var(--fd); z-index:1; border-top:4px solid var(--tom)}
.k-vd .warn .ico{color:var(--tom); margin-top:1px}
.k-vd .warn b{font-weight:800}
.k-vd .rub-space{grid-column:2; grid-row:4; height:190px}
.k-vd .rub--flat .rub-space{height:36px}
.k-vd .rub--flat .rub-fld{grid-row:1/5}
.k-vd .il-r{width:250px; height:250px; right:-58px; bottom:-40px; transform:rotate(-12deg)}
.k-vd .rub--flat .il-r{opacity:.4; width:200px; height:200px; right:-70px; bottom:-60px}
.k-vd .il-r--buck{height:118px; width:250px; transform:none; bottom:-20px}
.k-vd .il-r--kefir{width:96px; height:250px; right:-6px}
.k-vd .scale{grid-column:2; grid-row:5; margin-top:-56px; z-index:2; background:var(--paper); border:2px solid var(--ink); padding:12px 14px 14px; box-shadow:10px 10px 0 rgba(36,24,31,.18); min-width:0}
.k-vd .scale-h{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:4px 12px}
.k-vd .scale-h b{font:800 24px/1 var(--fd); letter-spacing:-.02em}
.k-vd .scale-h span{font:500 13px/1.3 var(--fd); color:var(--skin)}
.k-vd .scale .r10{margin:8px 0 0}
.k-vd .z{padding:10px 0 10px; border-bottom:1px solid var(--ink)}
.k-vd .z:last-child{border-bottom:0; padding-bottom:0}
.k-vd .z-m{display:flex}
.k-vd .z-m li{flex:1 1 0; min-width:0}
.k-vd .z-m a{display:grid; place-content:center; justify-items:center; min-height:62px; background:var(--zc); color:var(--zi); font:800 24px/1 var(--fd); letter-spacing:-.02em; font-variant-numeric:tabular-nums; position:relative; box-shadow:inset -2px 0 0 var(--paper); transition:transform .15s}
.k-vd .z-m li:last-child a{box-shadow:none}
.k-vd .z-m a small{font:700 11px/1.2 var(--fd); letter-spacing:.02em}
.k-vd .z-m a::before{content:""; position:absolute; top:0; left:50%; width:2px; height:9px; margin-left:-1px; background:currentColor; opacity:.7}
.k-vd .z-m a:hover{transform:translateY(-3px)}
.k-vd .z1{--zc:var(--z1); --zi:var(--zi1)} .k-vd .z2{--zc:var(--z2); --zi:var(--zi2)} .k-vd .z3{--zc:var(--z3); --zi:var(--zi3)}
.k-vd .z-cap{margin-top:7px; font:500 13px/1.3 var(--fd)}
.k-vd .z-cap b{font-weight:800}
.k-vd .z3 .z-cap b{color:var(--tom)}
.k-vd .sub-l{margin-top:4px}
.k-vd .sub-l>li:last-child{border-bottom:0}
.k-vd .rub .dur{grid-column:2; grid-row:6}
.k-vd .map{padding-top:48px}
.k-vd .map-g{display:grid; gap:26px}
.k-vd .grp{min-width:0}
.k-vd .grp-h{display:flex; justify-content:space-between; align-items:flex-end; gap:12px; padding-bottom:6px; border-bottom:4px solid var(--ink)}
.k-vd .grp-h b{font:800 21px/1.1 var(--fd); letter-spacing:-.01em}
.k-vd .grp-h span{font:800 38px/.8 var(--fd); color:var(--gol-t); letter-spacing:-.04em; font-variant-numeric:tabular-nums}
.k-vd .h-pit~.map .grp-h span{color:var(--k-pit)} .k-vd .h-rec~.map .grp-h span{color:var(--k-rec)} .k-vd .h-tr~.map .grp-h span{color:var(--k-tr)} .k-vd .h-sr~.map .grp-h span{color:var(--ink)}
.k-vd .grp-s{font:500 13px/1.3 var(--fd); color:var(--skin); padding:7px 0 4px}
.k-vd .grp ul a{display:flex; align-items:center; min-height:44px; padding:6px 0; border-bottom:1px solid var(--parch); font:500 15.5px/1.3 var(--fd)}
.k-vd .grp ul a:hover{color:var(--beet)}
.k-vd .grp-more{display:inline-flex; align-items:center; gap:8px; min-height:44px; font:800 14.5px/1 var(--fd); color:var(--beet)}
.k-vd .grp-all{display:inline-flex; align-items:center; min-height:44px; font:600 13px/1 var(--fd); color:var(--skin)}
.k-vd .grp-x summary{display:inline-flex; align-items:center; gap:8px; min-height:44px; font:800 14.5px/1 var(--fd); color:var(--beet); cursor:pointer; list-style:none}
.k-vd .grp-x summary::-webkit-details-marker{display:none}
.k-vd .grp-x summary::after{content:""; width:8px; height:8px; border-right:2.5px solid currentColor; border-bottom:2.5px solid currentColor; transform:translateY(-2px) rotate(45deg)}
.k-vd .grp-x[open] summary::after{transform:translateY(2px) rotate(-135deg)}
.k-vd .path{padding-top:40px}
.k-vd .path-in{background:var(--z1); color:var(--zi1); padding:16px 14px 16px; border-top:10px solid var(--gol-t)}
.k-vd .path-h{display:flex; justify-content:space-between; align-items:baseline; gap:4px 12px; flex-wrap:wrap; font:800 22px/1 var(--fd); letter-spacing:-.02em; margin-bottom:12px}
.k-vd .path-h span{font:700 14px/1 var(--fd); opacity:.75}
.k-vd .path-l{display:grid; gap:8px}
.k-vd .path-l a{display:grid; grid-template-columns:50px minmax(0,1fr) 20px; align-items:center; gap:10px; min-height:64px; padding:8px 12px; background:var(--paper); color:var(--ink); border:2px solid var(--ink); font:700 16px/1.25 var(--fd); transition:transform .2s,box-shadow .2s}
.k-vd .path-l a::after{content:"→"; font-weight:800; color:var(--beet)}
.k-vd .path-l a:hover{transform:translate(-3px,-3px); box-shadow:6px 6px 0 var(--ink)}
.k-vd .path-l i{font:800 46px/.8 var(--fd); font-style:normal; color:var(--gol-t); letter-spacing:-.05em}
.k-vd .all{padding-top:48px}
.k-vd .pag{display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin-top:28px; padding-top:14px; border-top:4px solid var(--ink)}
.k-vd .pag a,.k-vd .pag .pag-a{display:grid; place-items:center; min-width:44px; height:44px; padding:0 6px; border:2px solid var(--ink); font:800 16px/1 var(--fd); font-variant-numeric:tabular-nums}
.k-vd .pag a:hover{background:var(--yog)}
.k-vd .pag a[aria-current]{background:var(--ink); color:var(--bg)}
.k-vd .pag .is-dis{opacity:.3}
.k-vd .pag-gap{display:grid; place-items:center; min-width:20px; height:44px; font:800 16px/1 var(--fd); color:var(--skin)}
.k-vd .pag-t{margin-left:8px; font:600 14px/1 var(--fd); color:var(--skin)}
/* поиск */
.k-vd .srch-q{max-width:620px; margin-top:20px}
.k-vd .srch .rub-h1{overflow-wrap:anywhere}
.k-vd .none{padding-top:40px}
.k-vd .none-p{font:400 18px/1.6 var(--ft); max-width:60ch}
.k-vd .none-often{display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin-top:16px; font:600 14px/1 var(--fd)}
.k-vd .none-often span{color:var(--skin); margin-right:4px}
.k-vd .none-often a{display:inline-flex; align-items:center; min-height:40px; padding:0 10px; border:2px solid var(--ink)}
.k-vd .none-often a:hover{background:var(--ink); color:var(--bg)}
.k-vd .none-lab{margin-top:28px; max-width:560px}
/* 404 */
.k-vd .e404 .rub-head{padding-bottom:8px}
.k-vd .e404 .cv-often a:hover{background:#fff; color:var(--c-pit)}
.k-vd .e404-g{display:grid; gap:24px; padding-top:36px; align-items:start}
.k-vd .e404-lab{box-shadow:10px 10px 0 rgba(36,24,31,.18)}
.k-vd .e404-lab .pr--big dd>b{font-size:56px}
/* страница */
.k-vd .pg .rub-head{padding-bottom:6px}

/* ---------- подвал ---------- */
.k-vd .foot{margin-top:56px; border-top:10px solid var(--ink); background:var(--yog); padding:22px var(--gx) 28px; position:relative}
.k-vd .foot::before{content:""; position:absolute; left:0; right:0; top:4px; height:1.5px; background:var(--ink)}
.k-vd .pol+.foot,.k-vd main:has(>.pol:last-child)+.foot{margin-top:0}
.k-vd .foot-in{display:grid; gap:14px}
.k-vd .foot-nav{display:flex; flex-wrap:wrap; gap:0 18px}
.k-vd .foot-nav a{display:inline-flex; align-items:center; min-height:44px; font:700 15px/1 var(--fd)}
.k-vd .foot-nav a:hover{color:var(--beet)}
.k-vd .foot-note{display:flex; gap:8px; font:500 13.5px/1.45 var(--fd); color:var(--skin)}
.k-vd .foot-note .ico{width:18px; height:18px; color:var(--beet)}
.k-vd .bc{display:grid; gap:4px; justify-items:start}
.k-vd .bc i{display:block; width:148px; height:40px; background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 4px,var(--ink) 4px 5px,transparent 5px 8px,var(--ink) 8px 11px,transparent 11px 12px,var(--ink) 12px 13px,transparent 13px 17px)}
.k-vd .bc span{font:700 11px/1 var(--fd); letter-spacing:.42em}

/* ================= КОМПЬЮТЕР ================= */
@media (min-width:960px){
  .k-vd{--gx:max(48px,calc(50% - 636px)); --cols14:minmax(24px,1fr) repeat(12,minmax(0,84px)) minmax(24px,1fr)}
  .k-vd .sh{padding-top:22px; margin-bottom:26px}
  .k-vd .sh h2{font-size:46px}
  /* шапка */
  .k-vd .mast{gap:16px; padding:18px var(--gx) 16px}
  .k-vd .logo{margin-right:0}
  .k-vd .mast .logo-svg{width:150px; height:55px}
  .k-vd .mast-tag{display:block; font:700 12px/1.25 var(--fd); text-transform:uppercase; letter-spacing:.09em; color:var(--skin); padding-left:16px; border-left:1px solid var(--ink); margin-right:auto}
  .k-vd .mast .sost{min-height:48px; padding:0 16px; font-size:16px}
  .k-vd .mast-q{display:flex; width:340px; height:48px; border:2px solid var(--ink)}
  .k-vd .mast-q input{flex:1; min-width:0; border:0; padding:0 12px; background:var(--paper); font-size:15px}
  .k-vd .mast-q button{display:grid; place-items:center; width:46px; background:var(--ink); color:var(--bg)}
  .k-vd .mast-q .sug{left:-2px; right:-2px; top:calc(100% + 2px)}
  .k-vd .ib-q{display:none}
  .k-vd[data-open="search"] .qbar{display:none}
  .k-vd .strip-in{padding-left:var(--gx); padding-right:var(--gx); gap:18px}
  .k-vd .strip-t{font-size:14px}
  /* указатель — выезжает справа */
  .k-vd .sheet-in{left:auto; width:540px; padding:0 28px 28px; transform:translateX(24px); box-shadow:-16px 0 0 rgba(20,8,14,.25)}
  .k-vd[data-open="index"] .sheet-in{transform:none}
  /* этикетка крупнее */
  .k-vd .lab{padding:16px 20px 16px}
  .k-vd .lab-ttl{font-size:44px}
  .k-vd .lab-kc>b{font-size:64px}
  .k-vd .pass .pr--no{margin-inline:-20px; padding-inline:20px}

  /* главная: обложка */
  .k-vd .cover{grid-template-columns:var(--cols14); column-gap:24px}
  .k-vd .cv-fld{grid-column:1/-1; grid-row:1/3}
  .k-vd .cv-top{grid-column:2/12; grid-row:1; padding-top:48px}
  .k-vd .cv-h1 .nb{white-space:nowrap}
  .k-vd .cv-h1{margin-top:24px; font-size:88px; line-height:.92; letter-spacing:-.045em; max-width:980px}
  .k-vd .cv-lede{grid-column:2/8; grid-row:2; padding:32px 0 120px}
  .k-vd .cv-p{font-size:21px; max-width:32ch}
  .k-vd .cv-q{max-width:520px; margin-top:24px}
  .k-vd .cv-q input{height:58px; font-size:17px}
  .k-vd .cv-space{display:none}
  .k-vd .cv-lab{grid-column:9/14; grid-row:2/4; margin-top:36px; align-self:start}
  .k-vd .il-beet{width:460px; height:460px; right:-150px; top:-60px; bottom:auto; transform:rotate(-8deg)}
  .k-vd .il-kef{width:120px; height:310px; left:calc(50% - 10px); bottom:-86px; transform:rotate(-5deg)}
  .k-vd .il-buck{width:300px; height:140px; left:44px; bottom:-44px}
  .k-vd .cover .dur{grid-column:2/9; grid-row:3; padding-top:64px}
  .k-vd .dur-n{font-size:150px}
  .k-vd .dur-w{font-size:20px}
  .k-vd .dur-w b{font-size:40px}
  .k-vd .dur-go{width:auto; margin-left:auto; border-bottom-width:4px}
  .k-vd .dur-ch{background-size:100% calc(100% - 42px)}
  .k-vd .bar-n{font-size:20px}
  .k-vd .bar-c{height:calc(var(--h) * 4.8px); margin:0 7px}
  .k-vd .bar-l{font-size:14px; height:42px}
  .k-vd .dur-note{font-size:16px}
  .k-vd .dur-l ol{columns:2; column-gap:24px}
  .k-vd .dur-l li{break-inside:avoid}
  /* посчитать, читают, обновлено */
  .k-vd .tools{padding-top:72px}
  .k-vd .tools-g{grid-template-columns:7fr 5fr; gap:24px; align-items:stretch}
  .k-vd .tool{min-height:300px; padding:22px 26px 24px}
  .k-vd .tool-g{font-size:128px}
  .k-vd .tool-t{font-size:24px; max-width:19ch}
  .k-vd .tool-n{font-size:16.5px; max-width:40ch}
  .k-vd .il-plate{width:330px; height:330px; right:-40px; bottom:-90px}
  .k-vd .calc-f{padding:18px 22px}
  .k-vd .pop{padding-top:72px}
  .k-vd .pop-l{grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:24px}
  .k-vd .pop-l a{grid-template-columns:84px minmax(0,1fr); padding:18px 0 22px; min-height:100%}
  .k-vd .pop-l li:first-child a{padding-top:18px}
  .k-vd .pop-n{font-size:112px}
  .k-vd .pop-t{font-size:20px}
  .k-vd .rec{padding-top:72px}
  .k-vd .ml-g{grid-template-columns:repeat(12,minmax(0,1fr)); gap:24px}
  .k-vd .ml{grid-column:span 3}
  .k-vd .ml:not(.ml--xl):not(.ml--wide) .ml-term{font-size:76px}
  .k-vd .ml:not(.ml--xl):not(.ml--wide) .ml-term small{font-size:22px}
  .k-vd .ml:not(.ml--xl):not(.ml--wide) .ml-term--w{font-size:44px}
  .k-vd .ml:not(.ml--xl):not(.ml--wide) .ml-term--w2{font-size:34px}
  .k-vd .ml:not(.ml--xl):not(.ml--wide) .ml-term--w3{font-size:27px}
  .k-vd .ml:not(.ml--xl):not(.ml--wide) .ml-cov{min-height:190px; padding:12px 14px}
  .k-vd .ml:not(.ml--xl):not(.ml--wide) .ml-body{padding:10px 14px 12px}
  .k-vd .ml:not(.ml--xl):not(.ml--wide) .ml-t{font-size:17px}
  .k-vd .ml-g--home .ml--xl{grid-column:span 6}
  .k-vd .ml-g--home .ml:not(.ml--xl){grid-column:span 3}
  .k-vd .ml-cov{min-height:190px}
  .k-vd .ml--xl .ml-cov{min-height:260px; padding:16px 20px}
  .k-vd .ml--xl .ml-term{font-size:176px}
  .k-vd .ml--xl .ml-term small{font-size:34px}
  .k-vd .ml--xl .ml-term--w{font-size:104px}
  .k-vd .ml--xl .ml-term--w2{font-size:84px}
  .k-vd .ml--xl .ml-term--w3{font-size:62px}
  .k-vd .ml--xl .ml-body{padding:14px 20px 16px}
  .k-vd .ml--xl .ml-t{font-size:26px; letter-spacing:-.015em}
  .k-vd .pol{margin-top:88px; padding:48px var(--gx) 56px}
  .k-vd .pol-h h2{font-size:46px}
  .k-vd .pol-l{grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px}
  .k-vd .pol-l b{font-size:21px}

  /* статья */
  .k-vd .intro{grid-template-columns:var(--cols14); column-gap:24px}
  .k-vd .in-fld{grid-column:1/-1; grid-row:1/3}
  .k-vd .crumbs{grid-column:2/14; grid-row:1; padding-top:14px}
  .k-vd .in-head{grid-column:2/8; grid-row:2; padding:10px 0 64px}
  .k-vd .intro--bare .in-head{grid-column:2/12; padding-bottom:56px}
  .k-vd .in-h1{font-size:60px; line-height:.96; letter-spacing:-.045em; margin-top:22px}
  .k-vd .intro--bare .in-h1{font-size:64px}
  .k-vd .byl{font-size:15px; margin-top:22px}
  .k-vd .fresh{margin-top:22px; max-width:500px}
  .k-vd .outd{margin-top:24px; padding:16px 20px 18px; max-width:620px}
  .k-vd .outd-t{font-size:16px}
  .k-vd .stamp{width:112px; height:112px; font-size:14px}
  .k-vd .il-kef2{top:auto; width:130px; height:336px; left:calc(50% - 30px); right:auto; bottom:-70px; transform:rotate(8deg)}
  .k-vd .il-buck3{width:280px; height:131px; left:calc(50% - 300px); right:auto; bottom:-34px}
  .k-vd .il-clock2,.k-vd .il-plate2{width:260px; height:260px; left:calc(50% - 110px); right:auto; top:auto; bottom:-90px}
  .k-vd .intro .il-buck3+.il-plate2{left:calc(50% - 60px); right:auto; top:auto; width:190px; height:190px; bottom:-60px}
  .k-vd .intro--bare .il{opacity:.35}
  .k-vd .intro--bare .il-kef2,.k-vd .intro--bare .il-clock2,.k-vd .intro--bare .il-plate2{left:auto; right:-40px}
  .k-vd .intro--bare .il-buck3{left:auto; right:120px}
  .k-vd .in-lab{grid-column:9/14; grid-row:2/4; margin-top:10px; align-self:start}
  .k-vd .toc--m{display:none}
  .k-vd .short{grid-column:2/8; grid-row:3; margin-top:44px}
  .k-vd .intro--bare .short{grid-column:2/10}
  .k-vd .short-h b{font-size:30px}
  .k-vd .short-l li{font-size:22px; line-height:1.42; padding:14px 0 16px}
  .k-vd .route{margin:56px var(--gx) 0}
  .k-vd .route-h{font-size:16px}
  .k-vd .route-l li>a,.k-vd .route-l li>span{font-size:16px; padding-top:20px}
  .k-vd .book{display:grid; grid-template-columns:minmax(0,640px) 48px 250px 24px minmax(0,1fr); padding:12px var(--gx) 0}
  .k-vd .txt{grid-column:1}
  .k-vd .cs-body{font-size:19px}
  .k-vd .cs-body h2{font-size:34px; gap:16px; margin-top:56px}
  .k-vd .cs-body h2 .ch-n{font-size:16px}
  .k-vd .cs-body h3{font-size:23px}
  .k-vd .cs-body .alignright{float:right; clear:right; margin:6px 0 14px 24px; max-width:46%}
  .k-vd .cs-body .alignleft{float:left; clear:left; margin:6px 24px 14px 0; max-width:46%}
  .k-vd .cs-body p:has(>img.alignright:only-child),.k-vd .cs-body p:has(>img.alignleft:only-child){margin:0}
  .k-vd .cs-body blockquote{font-size:18px}
  .k-vd .mcard{float:right; clear:right; width:250px; margin:6px -298px 12px 18px}
  .k-vd .ch{padding-top:56px}
  .k-vd .ch-h{font-size:34px; gap:16px}
  .k-vd .ch-h i{font-size:16px}
  .k-vd .faq dt{font-size:22px}
  .k-vd .faq dd{font-size:19px}
  .k-vd .colo{grid-template-columns:1fr; margin-top:56px}
  .k-vd .side{grid-column:5; padding:0}
  .k-vd .side-in{position:sticky; top:72px; padding-top:56px}
  .k-vd .toc--d{display:block}
  .k-vd .toc--d ol{max-height:calc(100vh - 380px); overflow-y:auto; scrollbar-width:thin}
  .k-vd .next{padding-top:80px}
  .k-vd .next-g{grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px}
  .k-vd .nx{padding:16px 20px 20px; min-height:200px}
  .k-vd .nx-t{font-size:28px}
  .k-vd .book--page{grid-template-columns:minmax(0,720px) minmax(0,1fr)}
  .k-vd .about-in{display:grid; grid-template-columns:minmax(0,300px) minmax(0,680px); gap:48px}
  .k-vd .about-h{font-size:34px}

  /* рубрика */
  .k-vd .rub{grid-template-columns:var(--cols14); column-gap:24px}
  .k-vd .rub-fld{grid-row:1/5}
  .k-vd .crumbs{padding-top:14px}
  .k-vd .rub .crumbs{grid-column:2/14}
  .k-vd .rub-head{grid-column:2/11; padding-top:36px}
  .k-vd .rub .crumbs+.rub-head{padding-top:8px}
  .k-vd .rub-h1{font-size:156px; line-height:.84; letter-spacing:-.06em; margin-top:18px; margin-left:-7px}
  .k-vd .rub-h1--m{font-size:112px; line-height:.88}
  .k-vd .rub-h1--s{font-size:84px; line-height:.92; letter-spacing:-.05em; margin-left:-4px}
  .k-vd .rub-h1--xs{font-size:64px; line-height:.96; letter-spacing:-.045em; margin-left:-3px}
  .k-vd .rub-p{font-size:19px; margin-top:24px}
  .k-vd .warn{grid-column:2/9; margin-top:24px; font-size:15px; padding:14px 18px}
  .k-vd .rub-space{grid-column:2/14; height:110px}
  .k-vd .rub--flat .rub-space{height:56px}
  .k-vd .il-r{width:470px; height:470px; right:-96px; top:40px; bottom:auto}
  .k-vd .rub--flat .il-r{opacity:.5; width:360px; height:360px; right:-60px; top:auto; bottom:-80px}
  .k-vd .il-r--buck{width:460px; height:216px; top:auto; bottom:-30px}
  .k-vd .rub--flat .il-r--buck{width:420px; height:197px; bottom:-40px}
  .k-vd .il-r--kefir{width:180px; height:466px; right:40px}
  .k-vd .scale{grid-column:2/14; margin-top:-72px; padding:18px 22px 20px}
  .k-vd .scale-h b{font-size:30px}
  .k-vd .scale-z{display:grid; grid-template-columns:var(--zt,3fr 1fr 5fr)}
  .k-vd .z{border-bottom:0; padding:0}
  .k-vd .z+.z{border-left:2px solid var(--paper)}
  .k-vd .z-m a{min-height:92px; font-size:34px}
  .k-vd .z-m a small{font-size:13px}
  .k-vd .z-m a::before{height:14px}
  .k-vd .z-cap{padding:10px 12px 0 0; font-size:14px}
  .k-vd .sub-lab{grid-column:2/14}
  .k-vd .sub-l{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:40px}
  .k-vd .sub-l>li:nth-last-child(2):nth-child(odd){border-bottom:0}
  .k-vd .rub .dur{grid-column:2/11; grid-row:6; padding-top:56px}
  .k-vd .map{padding-top:80px}
  .k-vd .map-g{grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px 24px}
  .k-vd .path{padding-top:64px}
  .k-vd .path-in{display:grid; grid-template-columns:220px 1fr; gap:24px; align-items:center; padding:22px 24px}
  .k-vd .path-h{display:grid; gap:8px; font-size:30px; margin:0}
  .k-vd .path-l{grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px}
  .k-vd .path-l a{min-height:88px; font-size:17px}
  .k-vd .path-l i{font-size:60px}
  .k-vd .all{padding-top:80px}
  .k-vd .ml-g--cat .ml--xl{grid-column:span 6; grid-row:span 2}
  .k-vd .ml-g--cat .ml--xl .ml-cov{flex:1; min-height:340px}
  .k-vd .ml-g--cat .ml--xl .ml-body{flex:none}
  .k-vd .ml-g--cat .ml--xl .ml-term{font-size:220px}
  .k-vd .ml-g--cat .ml--xl .ml-term--w{font-size:120px}
  .k-vd .ml-g--cat .ml--xl .ml-term--w2{font-size:96px}
  .k-vd .ml-g--cat .ml--xl .ml-term--w3{font-size:70px}
  .k-vd .ml-g--cat .ml--wide{grid-column:1/-1; flex-direction:row}
  .k-vd .ml--wide .ml-cov{flex:0 0 calc(50% - 12px); min-height:170px}
  .k-vd .ml--wide .ml-body{border-top:0; border-left:10px solid var(--ink); padding:18px 22px}
  .k-vd .ml--wide .ml-t{font-size:26px; max-width:24ch}
  .k-vd .ml--wide .ml-term{font-size:120px}
  .k-vd .ml--wide .ml-term--w{font-size:84px}
  .k-vd .ml--wide .ml-term--w2{font-size:66px}
  .k-vd .ml--wide .ml-term--w3{font-size:52px}
  .k-vd .srch-q{margin-top:28px}
  .k-vd .none-lab{max-width:620px}
  .k-vd .e404-g{grid-template-columns:5fr 7fr; gap:48px}
  .k-vd .e404 .rub-head{padding-top:56px}

  /* подвал */
  .k-vd .foot{padding:30px var(--gx) 34px}
  .k-vd .foot-in{grid-template-columns:auto 1fr auto; align-items:center; gap:16px 40px}
  .k-vd .foot .logo-svg{width:120px; height:44px}
  .k-vd .foot-note{grid-column:1/3}
  .k-vd .bc{grid-column:3; grid-row:1/3; justify-items:end}
}
@media (min-width:960px) and (max-width:1180px){
  .k-vd .cv-h1{font-size:72px}
  .k-vd .cv-h1 .nb{white-space:normal}
  .k-vd .in-h1{font-size:50px}
  .k-vd .book{grid-template-columns:minmax(0,600px) 32px 220px 16px minmax(0,1fr)}
  .k-vd .mcard{width:220px; margin-right:-252px}
  .k-vd .mast-q{width:260px}
}

@media (prefers-reduced-motion:reduce){
  .k-vd *,.k-vd *::before,.k-vd *::after{animation:none!important; transition:none!important}
}
:root.ds-rm .k-vd *,:root.ds-rm .k-vd *::before,:root.ds-rm .k-vd *::after{animation:none!important; transition:none!important}
@media print{
  .k-vd .strip,.k-vd .mast,.k-vd .qbar,.k-vd .sheet,.k-vd .side,.k-vd .next,.k-vd .rec,.k-vd .foot-nav,.k-vd .il{display:none!important}
  .k-vd .fld{background:none!important; color:#000!important}
}