@charset "UTF-8";
:root {
  --setka: #EAEFE9;  --blank: #F7F9F5;
  --tush: #17211D;   --vynoska: #4F5C55;
  --shtempel: #4A2E8F;
  --shtempel-hover: #3B2472; --shtempel-press: #2E1B59;
  --shtempel-inv: #B9A6F0;
  --peregruz: #8E1F5B; --dopusk: #0F6E6A;
  --porog: #7C8A82;
  --granitsa: #6E7C74;
  --liniya: #D6DDD4; --kant: #DDE3DA;
  --f-display: "WMDisplay", "WMD-fallback", Arial, sans-serif;
  --f-text: "WMText", "WMT-fallback", Arial, sans-serif;
  --f-mono: "PlexMono", "PlexMono-fallback", "Courier New", monospace;
  --s-1: 4px;   --s-2: 8px;   --s-3: 12px;  --s-4: 16px;  --s-5: 20px;
  --s-6: 24px;  --s-7: 28px;  --s-8: 32px;  --s-9: 40px;  --s-10: 48px;
  --s-11: 56px; --s-12: 72px; --s-13: 96px; --s-14: 128px;
  --shirina: 1200px;
  --pole: var(--s-8);
  --zhelob: var(--s-7);
  --stroka: var(--s-11);
  --r: 2px;
  --r-pole: 0;
  --b-liniya: 1px solid var(--liniya);
  --b-kant: 1px solid var(--kant);
  --b-upravl: 1.5px solid var(--granitsa);
  --b-porog: 1px dashed var(--porog);
  --ottisk: 3px 3px 0 var(--tush);
  --e-padenie: cubic-bezier(0.30, 0.02, 0.22, 1);
  --e-otklik: cubic-bezier(0.42, 0.12, 0.28, 1);
  --t-porog: 280ms;  --t-shag: 120ms;  --t-shapka: 160ms;
  --vys-lipkoy: 0px;
}
@font-face { font-family: "PlexMono"; src: url("../fonts/plex-400.woff2") format("woff2"); font-weight: 400; font-display: swap }
@font-face { font-family: "PlexMono"; src: url("../fonts/plex-500.woff2") format("woff2"); font-weight: 500; font-display: swap }
@font-face { font-family: "PlexMono"; src: url("../fonts/plex-700.woff2") format("woff2"); font-weight: 700; font-display: swap }
@font-face { font-family: "WMDisplay"; src: url("../fonts/wmd-600.woff2") format("woff2"); font-weight: 600; font-display: swap }
@font-face { font-family: "WMDisplay"; src: url("../fonts/wmd-700.woff2") format("woff2"); font-weight: 700; font-display: swap }
@font-face { font-family: "WMText"; src: url("../fonts/wmt-400.woff2") format("woff2"); font-weight: 400; font-display: swap }
@font-face { font-family: "WMText"; src: url("../fonts/wmt-600.woff2") format("woff2"); font-weight: 600; font-display: swap }
@font-face { font-family: "WMD-fallback"; src: local("Arial"); size-adjust: 97%; ascent-override: 92%; descent-override: 24%; line-gap-override: 0% }
@font-face { font-family: "WMT-fallback"; src: local("Arial"); size-adjust: 102%; ascent-override: 94%; descent-override: 25%; line-gap-override: 0% }
@font-face { font-family: "PlexMono-fallback"; src: local("Courier New"); size-adjust: 100%; ascent-override: 102.5%; descent-override: 27.5%; line-gap-override: 0% }
*, *::before, *::after { box-sizing: border-box }
html { font-size: 16px; -webkit-text-size-adjust: 100% }
body, h1, h2, h3, h4, p, figure, dl, dd, ul, ol, fieldset, legend { margin: 0; padding: 0 }
ul, ol { list-style: none }
img, svg { max-width: 100%; height: auto; display: block }
button, input, select, textarea { font: inherit; color: inherit }
button { background: none; border: 0; cursor: pointer }
table { border-collapse: collapse; border-spacing: 0; width: 100% }
fieldset { border: 0; min-width: 0 }
a { color: var(--shtempel); text-underline-offset: .18em }
a:hover { color: var(--shtempel-hover) }
[hidden] { display: none !important }
body {
  font-family: var(--f-text); font-size: 1.0625rem; line-height: 1.5882;
  color: var(--tush); background: var(--setka); min-height: 100vh;
  padding-bottom: var(--vys-lipkoy);
  overflow-x: hidden;
}
h1 { font-family: var(--f-display); font-weight: 700;
  font-size: 2.375rem; line-height: 2.75rem; letter-spacing: -.02em }
.vd-hero__h1 { font-size: 3.5rem; line-height: 3.75rem; letter-spacing: -.025em }
h2 { font-family: var(--f-display); font-weight: 600; margin: var(--s-11) 0 var(--s-5);
  font-size: 1.6875rem; line-height: 2.125rem; letter-spacing: -.01em }
h3 { font-family: var(--f-text); font-weight: 600; margin: var(--s-9) 0 var(--s-3);
  font-size: 1.3125rem; line-height: 1.75rem; letter-spacing: -.005em }
.vd-lead { font-size: 1.25rem; line-height: 1.875rem }
.vd-sum { font-family: var(--f-mono); font-weight: 700;
  font-size: 3rem; line-height: 3rem; white-space: nowrap }
.vd-grif { display: block; font-family: var(--f-mono); font-weight: 700;
  font-size: .75rem; line-height: .9375rem; letter-spacing: .1em;
  text-transform: uppercase; color: var(--vynoska) }
.vd-grif--shtempel { color: var(--shtempel) }
.vd-num { font-family: var(--f-mono); font-weight: 500; font-size: 1rem; line-height: 1.375rem }
.vd-mono { font-family: var(--f-mono); font-size: .875rem; line-height: 1.25rem }
.vd-num, .vd-sum, .vd-mono, .vd-grif, .vd-krokhi, [data-chislo] {
  font-variant-numeric: tabular-nums slashed-zero;
  font-feature-settings: "tnum" 1, "zero" 1;
}
p + p, p + ul, p + ol, ul + p, ol + p { margin-top: var(--s-5) }
li + li { margin-top: var(--s-2) }
blockquote { font-style: italic; padding-left: var(--s-5); border-left: var(--b-porog) }
strong, b { font-weight: 600 }
[data-sostoyanie="vyshe"] { color: var(--peregruz) }
[data-sostoyanie="nizhe"] { color: var(--dopusk) }
.vd-obolochka { width: 100%; max-width: var(--shirina); margin: 0 auto;
  padding-left: var(--pole); padding-right: var(--pole) }
.vd-doc, .vd-doc__reyka { display: block }
.vd-doc__list { display: block; min-width: 0 }
.vd-razdel { padding-block: var(--s-12) }
.vd-skrytno { position: absolute !important; width: 1px; height: 1px; padding: 0;
  margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0 }
.vd-lovushka { position: fixed; top: 0; left: 0; width: 0; height: 0;
  font-size: 0; line-height: 0; overflow: hidden; opacity: 0;
  pointer-events: none; z-index: -1 }
.vd-propusk { position: absolute; left: var(--s-4); top: -100px; z-index: 60;
  background: var(--blank); color: var(--tush); padding: var(--s-3) var(--s-5);
  border: var(--b-upravl); border-radius: var(--r) }
.vd-propusk:focus { top: var(--s-2) }
.no-js [data-unit] { display: none }
.js [data-unit-dubl] { display: none }
.vd-shapka { position: sticky; top: 0; z-index: 40; background: var(--setka);
  border-bottom: 1px solid transparent; transition: border-color var(--t-shapka) var(--e-otklik) }
.vd-shapka__ryad { display: flex; align-items: center; gap: var(--s-5);
  height: 72px; transition: height var(--t-shapka) var(--e-otklik) }
.vd-shapka__znak { margin-right: auto; text-decoration: none; color: var(--tush);
  font-family: var(--f-display); font-weight: 700; font-size: 1.25rem; line-height: 1.4 }
.vd-shapka__znak .vd-grif { margin-top: 2px; transition: opacity var(--t-shapka) var(--e-otklik) }
.vd-shapka__tel { display: inline-flex; align-items: center; justify-content: center;
  min-height: 44px; min-width: 44px; text-decoration: none; color: var(--tush);
  font-family: var(--f-mono); font-weight: 500; font-size: 1.0625rem }
.vd-shapka__menyu { display: flex; align-items: center; gap: var(--s-6) }
.vd-shapka__menyu a { color: var(--tush); text-decoration: none; font-size: .9375rem }
.vd-shapka__menyu a:hover { color: var(--shtempel); text-decoration: underline }
.vd-shapka[data-sostoyanie="szhata"] { border-bottom-color: var(--liniya) }
.vd-shapka[data-sostoyanie="szhata"] .vd-shapka__ryad { height: 52px }
.vd-shapka[data-sostoyanie="szhata"] .vd-shapka__znak .vd-grif { opacity: 0 }
.vd-krokhi { font-family: var(--f-mono); font-size: .875rem; color: var(--vynoska) }
.vd-krokhi ol { display: flex; flex-wrap: wrap; align-items: center }
.vd-krokhi li { display: flex; align-items: center; margin: 0 }
.vd-krokhi li + li::before { content: "·"; margin: 0 var(--s-2); color: var(--porog) }
.vd-krokhi a { color: var(--shtempel); padding-block: var(--s-3) }
.vd-krokhi [aria-current="page"] { color: var(--tush) }
.vd-hero { padding-top: var(--s-9); padding-bottom: var(--s-12) }
.vd-hero__grif { margin-bottom: var(--s-4) }
.vd-hero__lead { margin-top: var(--s-6); max-width: 34em }
.vd-hero__knopki { display: flex; flex-wrap: wrap; gap: var(--s-3); margin-top: var(--s-9) }
.vd-hero__tsena { margin-top: var(--s-4); color: var(--vynoska); font-size: .9375rem }
/* Фон-фото hero: слой --setka поверх фотографии; текст остаётся читаемым (AA),
   при 404 файла остаётся штатный цвет --setka. Акт/otvet/дропзона — опаковые карты сверху. */
.vd-hero--foto, .vd-razdel--foto {
  background-color: var(--setka);
  background-image:
    linear-gradient(180deg, rgba(234,239,233,.68), rgba(234,239,233,.86) 50%, var(--setka) 78%),
    var(--vd-foto, none);
  background-repeat: no-repeat; background-position: center top; background-size: cover;
}
.vd-razdel--foto { padding-inline: var(--s-7); border: var(--b-kant); border-radius: var(--r) }
/* Секционная иллюстрация: поле бланка с кантом, теней нет */
.vd-figura { margin: var(--s-9) 0 0; padding: var(--s-3); background: var(--blank);
  border: var(--b-kant); border-radius: var(--r) }
.vd-figura__foto { width: 100%; height: auto; border-radius: var(--r) }
.vd-figura__podpis { margin-top: var(--s-3); color: var(--vynoska);
  font-size: .9375rem; line-height: 1.4 }
/* Graceful: при 404 img получает [hidden] (onerror), фигура — пустое поле с пунктиром */
.vd-figura:has(.vd-figura__foto[hidden]) { aspect-ratio: 3 / 2; display: grid;
  place-items: center; border-style: dashed; border-color: var(--porog) }
.vd-figura:has(.vd-figura__foto[hidden])::after { content: attr(data-gotovitsya);
  font-family: var(--f-mono); font-weight: 700; font-size: .75rem;
  letter-spacing: .1em; text-transform: uppercase; color: var(--vynoska) }
.vd-porog { position: relative; border-top: var(--b-porog); min-height: var(--s-5);
  display: flex; align-items: center; justify-content: flex-end }
.vd-porog__podpis { padding-left: var(--s-3); background: var(--setka); color: var(--vynoska) }
.vd-vilka-dop { position: relative; height: var(--vilka-h, 20px); background: none;
  border-top: var(--b-porog); border-bottom: var(--b-porog) }
.vd-vilka-dop::after { content: ""; position: absolute; left: 0; right: 0; top: 50%;
  border-top: var(--b-porog) }
.vd-vilka-dop__podpis { position: absolute; right: 0; top: 50%; transform: translateY(-50%);
  padding-left: var(--s-3); background: var(--setka); color: var(--vynoska) }
.vd-akt { position: relative; background: var(--blank); border: var(--b-kant);
  border-radius: var(--r); padding: var(--s-6); margin-top: var(--s-9) }
.vd-akt__grif { margin-bottom: var(--s-5) }
.vd-os { display: grid; grid-template-columns: 5.5rem 1fr 5rem 4.5rem;
  align-items: center; gap: var(--s-3); min-height: var(--s-9) }
.vd-os__stolbik { height: 12px; border-radius: 1px; background: var(--dopusk) }
.vd-os[data-sostoyanie="vyshe"] .vd-os__stolbik { background: var(--peregruz) }
.vd-os__znachenie, .vd-os__protsent { font-family: var(--f-mono); font-weight: 500; text-align: right }
.vd-os[data-sostoyanie="vyshe"] .vd-os__protsent { color: var(--peregruz) }
.vd-os[data-sostoyanie="nizhe"] .vd-os__protsent { color: var(--dopusk) }
.vd-akt__ekviv { margin-top: var(--s-5) }
.vd-koridor { margin-top: var(--s-10) }
.vd-koridor__ryad { display: flex; justify-content: space-between; align-items: baseline;
  gap: var(--s-4); min-height: var(--s-9) }
.vd-koridor__imya { font-family: var(--f-mono); font-size: .75rem; letter-spacing: .1em;
  text-transform: uppercase; color: var(--vynoska) }
.vd-koridor__predel { margin-top: var(--s-5); color: var(--vynoska) }
.vd-reestr { border-top: var(--b-liniya) }
.vd-reestr__legenda { padding-block: var(--s-3) }
.vd-reestr__stroka { display: flex; align-items: center; gap: var(--s-3); cursor: pointer;
  min-height: var(--stroka); padding-inline: var(--s-3);
  border-bottom: var(--b-liniya); border-left: 3px solid transparent }
.vd-reestr__stroka:hover { background: var(--blank) }
.vd-reestr__stroka input { position: absolute; opacity: 0; width: 1px; height: 1px }
.vd-reestr__yarlyk { font-family: var(--f-mono); font-weight: 500 }
.vd-reestr__vilka { margin-left: auto; font-family: var(--f-mono);
  font-size: .875rem; color: var(--vynoska) }
.vd-reestr__stroka:has(input:checked) { border-left-color: var(--shtempel); background: var(--blank) }
.vd-reestr__stroka:has(input:focus-visible) { outline: 2px solid var(--shtempel); outline-offset: -2px }
.vd-knopka { display: inline-flex; align-items: center; justify-content: center;
  min-height: 52px; padding: 0 var(--s-6); border-radius: var(--r); text-align: center;
  font-family: var(--f-text); font-weight: 600; font-size: 1.0625rem;
  letter-spacing: .01em; text-decoration: none;
  transition: background-color var(--t-shag) var(--e-otklik), transform var(--t-shag) var(--e-otklik) }
.vd-knopka--pervaya { background: var(--shtempel); color: var(--blank) }
.vd-knopka--pervaya:hover { background: var(--shtempel-hover); color: var(--blank);
  transform: translateY(-1px) }
.vd-knopka--pervaya:active { background: var(--shtempel-press); transform: translateY(0) }
.vd-knopka--vtoraya { background: transparent; color: var(--tush); border: var(--b-upravl) }
.vd-knopka--vtoraya:hover { background: var(--blank); border-color: var(--tush); color: var(--tush) }
.vd-knopka--vtoraya:active { background: var(--liniya) }
.vd-knopka--prizrak { color: var(--shtempel); padding-inline: 0; min-height: 44px;
  text-decoration: underline; text-decoration-style: dashed }
.vd-knopka--prizrak:hover { text-decoration-style: solid }
.vd-knopka[disabled], .vd-knopka[aria-disabled="true"] { background: var(--liniya);
  color: var(--vynoska); border-color: var(--liniya); cursor: not-allowed; transform: none }
.vd-knopka--pervaya:focus-visible, .vd-knopka--vtoraya:focus-visible {
  outline: none; box-shadow: 0 0 0 2px var(--blank), 0 0 0 4px var(--shtempel) }
@media (hover: hover) and (pointer: fine) {
  .vd-hero .vd-knopka--pechat:hover { box-shadow: var(--ottisk); transform: translate(-1px, -1px) }
  .vd-hero .vd-knopka--pechat:active { box-shadow: none; transform: translate(2px, 2px) }
}
.vd-forma { background: var(--blank); border: var(--b-kant); border-radius: var(--r);
  padding: var(--s-6) }
.vd-forma__ryad { display: grid; gap: var(--s-6) }
.vd-pole { display: block }
.vd-pole__grif { display: block; margin-bottom: var(--s-2);
  font-family: var(--f-mono); font-weight: 700; font-size: .75rem; line-height: .9375rem;
  letter-spacing: .1em; text-transform: uppercase; color: var(--vynoska) }
.vd-pole__vvod { width: 100%; min-height: 48px; font-size: 1.0625rem;
  background: transparent; color: var(--tush); padding: var(--s-2) 0;
  border: 0; border-bottom: var(--b-upravl); border-radius: var(--r-pole) }
.vd-pole__vvod[type="tel"], .vd-pole__vvod[type="date"], .vd-pole__vvod[inputmode="numeric"] {
  font-family: var(--f-mono); font-weight: 500; font-size: 1rem;
  font-variant-numeric: tabular-nums slashed-zero }
.vd-pole__vvod:focus { outline: 2px solid var(--shtempel); outline-offset: 2px;
  border-bottom: 2px solid var(--shtempel) }
.vd-pole:focus-within .vd-pole__grif { color: var(--shtempel) }
textarea.vd-pole__vvod { min-height: 96px; resize: vertical }
select.vd-pole__vvod { appearance: none }
.vd-pole__oshibka { display: block; margin-top: var(--s-2);
  color: var(--peregruz); font-size: .9375rem }
.vd-pole__vvod[aria-invalid="true"] { border-bottom-color: var(--peregruz) }
.vd-pole__galka { color: var(--dopusk) }
.vd-soglasie { display: flex; gap: var(--s-3); align-items: flex-start; font-size: .9375rem }
.vd-soglasie input { width: 20px; height: 20px; min-width: 20px; margin-top: 3px;
  accent-color: var(--shtempel) }
.vd-forma__itog { display: flex; flex-wrap: wrap; gap: var(--s-4); align-items: center;
  margin-top: var(--s-2) }
.vd-forma__svodka, .vd-proverka__svodka { display: block; margin-top: var(--s-2);
  color: var(--peregruz); font-size: .9375rem }
.vd-proverka { margin-top: var(--s-6); padding-top: var(--s-6); border-top: var(--b-porog) }
.vd-proverka__ryad { display: grid; gap: var(--s-5); margin-top: var(--s-5) }
.vd-proverka__pamyatka, .vd-proverka__opis { margin-top: var(--s-2);
  color: var(--vynoska); font-size: .9375rem }
.vd-proverka__itog { margin-top: var(--s-6); padding: var(--s-5);
  background: var(--setka); border-radius: var(--r) }
.vd-proverka__itog[data-sostoyanie="zapros"] { color: var(--vynoska) }
.vd-proverka__summa { display: block; margin-top: var(--s-1) }
.vd-proverka__slovo { margin-top: var(--s-3) }
.vd-proverka__ogovorka { margin-top: var(--s-4);
  color: var(--vynoska); font-size: .8125rem; line-height: 1.35 }
@media (min-width: 768px) { .vd-proverka__ryad { grid-template-columns: 1fr 1fr } }
.vd-dropzona { background: var(--blank); border: 1.5px dashed var(--granitsa);
  border-radius: var(--r); padding: var(--s-6) }
.vd-dropzona[data-sostoyanie="nad"] { background: var(--setka);
  border-style: solid; border-color: var(--shtempel) }
.vd-dropzona__mikrotekst { margin-top: var(--s-3); color: var(--vynoska); font-size: .9375rem }
.vd-spasibo { background: var(--blank); border: var(--b-kant);
  border-left: 3px solid var(--shtempel); border-radius: var(--r); padding: var(--s-6) }
.vd-vedomost-obolochka { overflow-x: auto; -webkit-overflow-scrolling: touch;
  background: var(--blank); border: var(--b-kant); border-radius: var(--r) }
.vd-vedomost-obolochka:focus-visible { outline: 2px solid var(--shtempel); outline-offset: 2px }
.vd-vedomost { min-width: 34rem }
.vd-vedomost caption { text-align: left; padding: var(--s-4) var(--s-5);
  color: var(--vynoska); font-size: .9375rem; border-bottom: var(--b-liniya) }
.vd-vedomost th { text-align: left; padding: var(--s-3) var(--s-5);
  font-family: var(--f-mono); font-weight: 700; font-size: .75rem; letter-spacing: .1em;
  text-transform: uppercase; color: var(--vynoska); border-bottom: var(--b-liniya) }
.vd-vedomost td { padding: var(--s-4) var(--s-5); vertical-align: top;
  border-bottom: var(--b-liniya) }
.vd-vedomost tbody tr:hover { background: var(--setka) }
.vd-vedomost tbody tr:last-child td { border-bottom: 0 }
.vd-vedomost [data-chislo] { font-family: var(--f-mono); font-weight: 500;
  text-align: right; white-space: nowrap }
.vd-vedomost__strelka { font-family: var(--f-mono); color: var(--porog) }
.vd-yakor { display: block; margin-bottom: var(--s-3);
  color: var(--vynoska); font-size: .9375rem }
.vd-karta { background: var(--blank); border: var(--b-kant); border-radius: var(--r);
  padding: var(--s-6) }
.vd-karta--aktivnaya { border-top: 3px solid var(--shtempel) }
.vd-karta + .vd-karta { margin-top: var(--s-6) }
.vd-otvet { background: var(--blank); border-left: 3px solid var(--shtempel);
  padding: var(--s-5) var(--s-6); margin-top: var(--s-6) }
.vd-otvet__osnovanie { display: block; margin-top: var(--s-4);
  font-family: var(--f-mono); font-size: .875rem; color: var(--vynoska) }
.vd-svodka { list-style: none; margin-top: var(--s-5);
  display: grid; gap: var(--s-2) }
.vd-svodka > li { padding: var(--s-3) 0; border-bottom: var(--b-liniya);
  line-height: 1.5 }
.vd-svodka > li:last-child { border-bottom: 0 }
.vd-svodka__grif { display: block; font-weight: 600; margin-bottom: 2px }
.vd-vopros { border-bottom: var(--b-liniya); border-left: 3px solid transparent }
.vd-vopros > summary { display: flex; align-items: center; justify-content: space-between;
  gap: var(--s-4); min-height: var(--stroka); padding: var(--s-3) var(--s-4);
  cursor: pointer; list-style: none;
  font-family: var(--f-text); font-weight: 600; font-size: 1.0625rem }
.vd-vopros > summary::-webkit-details-marker { display: none }
.vd-vopros > summary::after { content: "+"; font-family: var(--f-mono);
  font-size: 1rem; color: var(--vynoska) }
.vd-vopros[open] > summary::after { content: "−" }
.vd-vopros[open] { background: var(--blank); border-left-color: var(--shtempel) }
.vd-vopros__otvet { padding: 0 var(--s-4) var(--s-5) }
.vd-vopros > summary:focus-visible { outline: 2px solid var(--shtempel); outline-offset: 2px }
.vd-futer { background: var(--tush); color: var(--setka);
  margin-top: var(--s-13); padding-block: var(--s-9) var(--s-10) }
.vd-futer a { color: var(--shtempel-inv) }
.vd-otrez { border-top: 1px dashed var(--porog);
  padding-top: var(--s-3); margin-bottom: var(--s-8) }
.vd-otrez .vd-grif { color: var(--porog) }
.vd-futer__grafy { display: grid; gap: var(--s-8) }
.vd-rekvizit { display: flex; align-items: baseline; gap: var(--s-2); padding-block: var(--s-2);
  font-family: var(--f-mono); font-size: .875rem; line-height: 1.25rem }
.vd-rekvizit__imya, .vd-rekvizit__znachenie { white-space: nowrap }
.vd-rekvizit__znachenie { font-variant-numeric: tabular-nums slashed-zero }
.vd-vynoska { flex: 1 1 auto; border-bottom: 1px dotted var(--porog); transform: translateY(-.25em) }
.vd-futer__nizhe { margin-top: var(--s-8); font-size: .875rem }
.vd-lipkaya { position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; display: none;
  background: var(--blank); border-top: var(--b-liniya);
  padding: var(--s-2) var(--s-4) calc(var(--s-2) + env(safe-area-inset-bottom)) }
.vd-lipkaya[data-sostoyanie="vidna"] { display: block }
.vd-lipkaya__srok { display: block; margin-bottom: var(--s-1) }
.vd-lipkaya__ryad { display: grid; grid-template-columns: 68% 1fr; gap: var(--s-2); align-items: center }
.vd-lipkaya .vd-knopka { width: 100%; min-height: 48px; padding-inline: var(--s-3); font-size: 1rem }
.vd-lipkaya__zvonok { display: inline-flex; flex-direction: column; align-items: center;
  justify-content: center; gap: 2px; min-height: 48px; min-width: 56px;
  border: var(--b-upravl); border-radius: var(--r); color: var(--tush); text-decoration: none }
body[data-klaviatura="est"] .vd-lipkaya { display: none }
.vd-shtamp { font-family: var(--f-mono); font-size: .875rem; color: var(--vynoska) }
.vd-diskleymer { margin-top: var(--s-4); max-width: 46em;
  color: var(--vynoska); font-size: .9375rem }
@media (max-width: 389px) {
  :root { --pole: var(--s-4) }
  .vd-hero__h1 { font-size: 2rem; line-height: 2.25rem }
  .vd-sum { font-size: 1.75rem; line-height: 1.875rem }
}
@media (max-width: 767px) {
  :root { --pole: var(--s-5) }
  body { font-size: 1rem; line-height: 1.625 }
  .vd-hero__h1 { font-size: 2.125rem; line-height: 2.375rem }
  h1 { font-size: 1.6875rem; line-height: 2rem }
  h2 { font-size: 1.375rem; line-height: 1.75rem; margin-top: var(--s-10) }
  h3 { font-size: 1.1875rem; line-height: 1.625rem }
  .vd-lead { font-size: 1.125rem; line-height: 1.6875rem }
  .vd-sum { font-size: 2rem; line-height: 2.125rem }
  .vd-num { font-size: .9375rem; line-height: 1.3125rem }
  .vd-mono { font-size: .8125rem; line-height: 1.1875rem }
  .vd-knopka, .vd-hero__knopki .vd-knopka { min-height: 48px; width: 100% }
  .vd-knopka--prizrak { width: auto }
  .vd-razdel { padding-block: var(--s-10) }
  .vd-akt { padding: var(--s-4) }
  .vd-os { grid-template-columns: 4.25rem 1fr 4rem 3.75rem; gap: var(--s-2) }
  .vd-vilka-dop__podpis { position: static; transform: none; display: block;
    padding: var(--s-2) 0 0 }
  .vd-shapka__menyu { display: none }
  .vd-shapka__menyu[data-sostoyanie="raskryto"] { display: flex; flex-direction: column;
    align-items: flex-start; gap: var(--s-4); position: absolute; left: 0; right: 0; top: 100%;
    background: var(--setka); border-bottom: var(--b-liniya); padding: var(--s-5) var(--s-5) var(--s-6) }
}
@media (max-width: 1023px) {
  .vd-doc__reyka { margin-bottom: var(--s-6) }
  .vd-reestr { display: flex; overflow-x: auto;
    border-top: 0; border-bottom: var(--b-liniya) }
  .vd-reestr__legenda { position: absolute; clip-path: inset(50%) }
  .vd-reestr__stroka { flex: 0 0 auto; min-height: var(--s-10); gap: var(--s-2);
    padding-inline: var(--s-4); border-left: 0; border-bottom: 3px solid transparent }
  .vd-reestr__stroka:has(input:checked) { border-bottom-color: var(--shtempel) }
  .vd-reestr__vilka { margin-left: var(--s-2) }
}
@media (min-width: 768px) {
  .vd-hero__ryad { display: grid; grid-template-columns: 1fr 320px;
    gap: var(--zhelob); align-items: start }
  .vd-forma__ryad--para { grid-template-columns: 1fr 1fr }
  .vd-setka-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--zhelob) }
  .vd-setka-3 .vd-karta + .vd-karta { margin-top: 0 }
  .vd-futer__grafy { grid-template-columns: 1fr 1fr }
}
@media (min-width: 1200px) {
  .vd-doc { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: var(--zhelob) }
  .vd-doc__reyka { grid-column: span 3; position: sticky; top: 92px; align-self: start;
    border-right: var(--b-porog); padding-right: var(--zhelob) }
  .vd-doc__list { grid-column: span 9 }
  .vd-lipkaya, .vd-lipkaya[data-sostoyanie="vidna"] { display: none }
  body { padding-bottom: 0 }
}
:focus-visible { outline: 2px solid var(--shtempel); outline-offset: 2px }
:target, .vd-pole__vvod, .vd-vopros > summary { scroll-margin-bottom: 96px; scroll-margin-top: 88px }
.vd-porog__marker { transition: transform var(--t-porog) var(--e-padenie),
  color var(--t-porog) var(--e-padenie) }
.vd-shag { transition: opacity var(--t-shag) var(--e-otklik), transform var(--t-shag) var(--e-otklik) }
.vd-shag[data-sostoyanie="vkhodit"] { opacity: 0; transform: translateY(8px) }
@media (prefers-reduced-motion: reduce) {
  .vd-porog__marker, .vd-shag, .vd-shapka, .vd-shapka__ryad,
  .vd-shapka__znak .vd-grif, .vd-knopka { transition: none !important; animation: none !important }
  .vd-porog__marker { transform: none; color: var(--dopusk) }
  .vd-shag[data-sostoyanie="vkhodit"] { opacity: 1; transform: none }
  html { scroll-behavior: auto }
}
@media print {
  :root { --setka: #fff; --blank: #fff }
  body { background: #fff; color: #000; font-size: 11pt; line-height: 1.45; padding-bottom: 0 }
  .vd-shapka, .vd-lipkaya, .vd-propusk, .vd-krokhi, .vd-forma, .vd-dropzona, .vd-proverka,
  .vd-hero__knopki, .vd-knopka, .vd-shapka__menyu { display: none !important }
  .vd-obolochka { max-width: none; padding: 0 }
  .vd-doc { display: block }
  .vd-hero--foto, .vd-razdel--foto { background-image: none !important; border: 0; padding-inline: 0 }
  .vd-figura { break-inside: avoid }
  .vd-karta, .vd-akt, .vd-otvet, .vd-vedomost-obolochka { border: 1px solid #999 }
  .vd-vedomost-obolochka { overflow: visible }
  .vd-vopros__otvet { display: block }
  .vd-futer { background: none; color: #000; margin-top: 24pt }
  a, .vd-futer a { color: #000 }
  h1, h2, h3 { break-after: avoid }
  table, .vd-otvet { break-inside: avoid }
}