/* LEXERY landing v4: topic pages (N06b). Loaded after v4.css by /ai-for-lawyers, /case-law, /legislation, /documents, /faq and /en
   only (kb_page in v4.py), so Home and the other pages keep their render-blocking CSS as it was. Same tokens, curves and durations. */
/* ---- N06b (10.10): topic pages in motion (founder 10.10 ~11:50 «анімувати все, красивий моушн в нашому стилі»).
   Layout: the intro holds the H1 + lead and a micro-demo of the product; every section is a numbered row (heading column +
   body on the page grid, the heading stays in view while its body scrolls); lists are cards, questions are cards, the source
   figures count up in Home's layout. The base CSS is the composed final frame; .rv / .rvs / .kd-js (v4.js) add the motion.
   Only transform and opacity move (no layout shift); reduced motion and ?still = .calm = no motion at all. */
.p-kb .kb-in .g{row-gap:48px;align-items:start}
.kb-up{margin-top:28px}
.kb-note{margin-top:8px;max-width:38em}  /* SEO2: the guides' disclaimer, quiet like «Оновлено» */
.kb-a{margin-top:28px}  /* design review 13.10: /pricing's apply button under the lead */
.p-kb .nw{white-space:nowrap}  /* G1: an act number («2120-IX») never breaks at its hyphen */
.kb-hl{grid-column:1/-1}.kb-hl .h1{max-width:13em}.kb-hl .lead{max-width:38em}
@media (min-width:1024px){.kb-d .kb-hl{grid-column:1/7;padding-top:28px}.kb-d .kd{grid-column:7/13}.p-kb .kb-in{padding-top:96px}}
@media (max-width:1023px){.kd{grid-column:1/-1;max-width:600px}}
.p-kb .lg{grid-column:1/-1;max-width:none}
.p-kb .legal{padding-top:96px}.lg>.ks:first-child{margin-top:0}
/* contents: numbered, three columns on desktop; the number turns blue and the title underlines on hover / focus */
.lg .kb-toc{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px var(--gap);margin-top:0;padding:16px 0 0;border-bottom:0}
.kb-toc a{display:flex;align-items:baseline;gap:12px;padding:6px 0;color:var(--ink-2);text-decoration:none}
.kb-toc .tn{flex:none;width:22px;font-size:13px;color:var(--ink-3);font-variant-numeric:tabular-nums;transition:color var(--t-micro) var(--e-std)}
.kb-toc .tt{background:linear-gradient(currentColor,currentColor) no-repeat 100% 100%/0 1px;padding-bottom:2px;transition:background-size var(--t-exit) var(--e-exit)}
.kb-toc a:focus-visible .tn{color:var(--blue)}.kb-toc a:focus-visible .tt{background-position:0 100%;background-size:100% 1px}
@media (hover:hover){.kb-toc a:hover{color:var(--ink)}.kb-toc a:hover .tn{color:var(--blue)}
  .kb-toc a:hover .tt{background-position:0 100%;background-size:100% 1px;transition:background-size var(--t-ui) var(--e-out)}}
/* sections: hairline + number + heading column; the body on the right */
.ks{position:relative;margin-top:72px;padding-top:28px}
.ks::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--line);transform-origin:0 50%}
.ks-n{display:block;font-size:13px;line-height:20px;color:var(--ink-3);font-variant-numeric:tabular-nums}
.lg .ks-h h2{margin-top:8px;font-size:28px;line-height:1.2;letter-spacing:-.016em}
.ks-more .ks-h h2{margin-top:0;font-size:20px}
.ks-b>:first-child{margin-top:0}.lg .ks-b>*+*{margin-top:16px}
@media (min-width:1024px){.ks{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);margin-top:96px}
  .ks-h{grid-column:1/5;align-self:start;position:sticky;top:104px;padding-right:24px}
  .ks-b{grid-column:5/13;max-width:820px}
  .ks-more .ks-h{position:static}}
@media (max-width:1023px){.ks-b{margin-top:20px}}
/* cards: numbered, a bold lead-in before «:», two columns when every item is short */
.lg .kc{display:grid;gap:10px;padding:0;list-style:none}
.lg .kc li+li{margin-top:0}
.kc-i{display:grid;grid-template-columns:30px minmax(0,1fr);padding:16px 18px 17px;border:1px solid var(--line);border-radius:12px;background:var(--paper);font-size:16px;line-height:25px;transition:border-color var(--t-micro) var(--e-std)}
.kc-n{font-size:13px;line-height:25px;color:var(--ink-3);font-variant-numeric:tabular-nums;transition:color var(--t-micro) var(--e-std)}
.kc-h{color:var(--ink);font-weight:600}
@media (min-width:768px){.lg .kc-2{grid-template-columns:repeat(2,minmax(0,1fr))}.kc-2 .kc-i:last-child:nth-child(odd){grid-column:1/-1}}
/* design review 13.10: three short items, three columns (no 2 + 1); a list with a long item: hairline rows at full measure (G4) */
@media (min-width:1024px){.lg .kc-3{grid-template-columns:repeat(3,minmax(0,1fr))}.kc-3 .kc-i:last-child:nth-child(odd){grid-column:auto}}
.lg .kc-long{gap:0}
.kc-long .kc-i{display:block;padding:16px 0;border:0;border-top:1px solid var(--line);border-radius:0;background:none}
.kc-long .kc-i:last-child{border-bottom:1px solid var(--line)}
.kc-long .kc-n{display:inline;margin-right:8px}
/* question cards (the visible FAQ: h3 + one self-contained answer) */
.kq{display:grid;gap:10px}
.kq-i{padding:20px 22px 22px;border:1px solid var(--line);border-radius:12px;transition:border-color var(--t-micro) var(--e-std)}
.lg .kq-i h3{margin-top:0;font-size:17px;line-height:1.4}.lg .kq-i p{margin-top:8px;font-size:16px;line-height:26px}
@media (hover:hover){.kc-i:hover,.kq-i:hover{border-color:var(--line-2)}.kc-i:hover .kc-n{color:var(--ink)}}
/* figures: Home's layout, two columns; the number counts up (.cu, v4.js) */
.lg .kn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--gap);margin-top:24px}
.kn-i{position:relative;padding:22px 0 24px}
.kn-i::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--line);transform-origin:0 50%}
.kn-v{font-size:48px;line-height:1;font-weight:400;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.kn-i dd{margin:0}.kn-l{display:block;margin-top:14px;font-size:15px;line-height:22px;color:var(--ink)}
.kn-m{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:10px}
.kn-d{display:inline-flex;align-items:center;height:22px;padding:0 8px;border:1px solid var(--line-2);border-radius:4px;font-size:12.5px;line-height:1;color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap}
.kn-s{font-size:13px;line-height:18px;color:var(--ink-3)}
.kn-i:nth-child(2){--r:1}.kn-i:nth-child(3){--r:2}.kn-i:nth-child(4){--r:3}
.cu{position:relative;display:inline-block;white-space:nowrap}.cu-v{position:absolute;left:0;top:0;white-space:nowrap;visibility:hidden}
.cu.run .cu-g{visibility:hidden}.cu.run .cu-v{visibility:visible}
.js:not(.calm) [data-roll].pre .cu{opacity:0}.js:not(.calm) [data-roll].in .cu{opacity:1;transition:opacity var(--t-micro) var(--e-std)}
.js:not(.calm) .kn-i[data-roll].pre::before{transform:scaleX(0)}
.js:not(.calm) .kn-i[data-roll].in::before{transition:transform var(--t-camera) var(--e-out);transition-delay:calc(var(--r,0) * 120ms)}
.js:not(.calm) .kn-i[data-roll].pre .kn-d{opacity:0;transform:scale(1.18)}
.js:not(.calm) .kn-i[data-roll].in .kn-d{transition:opacity var(--t-ui) var(--e-out),transform 420ms var(--e-tick);transition-delay:calc(var(--r,0) * 120ms + 950ms)}
/* stat tiles (the figures of a sentence in the same section) */
.kt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.kt-1{grid-template-columns:minmax(0,360px)}.kt-2,.kt-4{grid-template-columns:repeat(2,minmax(0,1fr))}
.kt-i{padding:20px 20px 18px;border-radius:12px;background:var(--plate)}
.kt-v{font-size:40px;line-height:1;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.lg .kt-l{margin-top:12px;font-size:14px;line-height:20px;color:var(--ink-2)}
.kw{font-size:.5em;letter-spacing:0;color:var(--ink-2);margin:0 .3em;vertical-align:baseline;font-weight:400}
.kt-i:nth-child(2){--r:1}.kt-i:nth-child(3){--r:2}.kt-i:nth-child(4){--r:3}
/* «Читайте також»: link cards, the arrow moves */
.lg .kr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;list-style:none}.lg .kr-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg .kr-3 a{font-size:15px}
.lg .kr li+li{margin-top:0}
.lg .kr a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:14px 18px;border:1px solid var(--line);border-radius:12px;color:var(--ink);font-size:16px;line-height:22px;font-weight:500;text-decoration:none;transition:border-color var(--t-micro) var(--e-std),background-color var(--t-micro) var(--e-std),transform var(--t-press) var(--e-std)}
.lg .kr a:active{transform:scale(.985)}
@media (hover:hover){.lg .kr a:hover{border-color:var(--ink-3);background:var(--plate)}}
.lg .kr a:focus-visible{outline-offset:2px}.lg .kr a:focus-visible .ar{transform:translateX(3px)}
/* SEO1 /guides: a card per guide (title + arrow, what it answers, reading time), the «Читайте також» card's look and states */
.lg .kg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;list-style:none}
.lg .kg li+li{margin-top:0}
.lg .kg a{display:flex;flex-direction:column;gap:8px;height:100%;padding:20px 22px 22px;border:1px solid var(--line);border-radius:12px;color:var(--ink);text-decoration:none;transition:border-color var(--t-micro) var(--e-std),background-color var(--t-micro) var(--e-std),transform var(--t-press) var(--e-std)}
.lg .kg a:active{transform:scale(.985)}
@media (hover:hover){.lg .kg a:hover{border-color:var(--ink-3);background:var(--plate)}}
.lg .kg a:focus-visible{outline-offset:2px}.lg .kg a:focus-visible .ar{transform:translateX(3px)}
.kg-t{display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:17px;line-height:24px;font-weight:600}
.kg-d{font-size:15px;line-height:23px;color:var(--ink-2)}
.kg-m{margin-top:auto;padding-top:4px;font-size:13px;line-height:18px;color:var(--ink-3)}
/* SEO1 guides: «Джерела», the acts a guide cites (links to zakon.rada.gov.ua); /lexery's milestones and official pages (kg-ls) */
.lg .kg-src{padding-left:0;list-style:none}.lg .kg-src li{padding:12px 0;border-top:1px solid var(--line)}.lg .kg-src li+li{margin-top:0}
.lg .kg-ls li:last-child{border-bottom:1px solid var(--line)}
/* tables: a two-column table is key → value (kg-kv): the header row is for screen readers only. G5: the limitation table's
   «Строк» stays on one line and «Норма» gets room from 1024 px */
.lg .kg-kv thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (min-width:1024px){.lg .kg-tb:not(.kg-kv) td:nth-child(2){white-space:nowrap}.lg .kg-tb:not(.kg-kv) td:last-child{min-width:12em;white-space:nowrap}}
/* G6: search syntax (court-register-search) */
.lg code{font:500 .92em/1 ui-monospace,SFMono-Regular,Menlo,monospace;padding:2px 5px;border-radius:4px;background:var(--plate);color:var(--ink);white-space:normal;-webkit-box-decoration-break:clone;box-decoration-break:clone}
/* G2: contents. Desktop and tablet: the numbered list; phones: one folded row (<details>, closed, no JS) with the same links */
.kb-tocd{display:none}
/* reveals (v4.js): items below the first screen rise in as they enter, several at once in a 70 ms stagger;
   the section hairline draws from the left */
.js:not(.calm) .rv:not(.in){opacity:0;transform:translateY(18px)}
.rv.in{transition:opacity var(--t-panel) var(--e-out),transform 700ms var(--e-out);transition-delay:calc(var(--k,0) * 70ms)}
.js:not(.calm) .rvs:not(.in)::before{transform:scaleX(0)}
.js:not(.calm) .rvs:not(.in) .ks-n{opacity:0;transform:translateY(8px)}
.rvs.in::before{transition:transform var(--t-title) var(--e-out)}
.rvs.in .ks-n{transition:opacity var(--t-panel) var(--e-out) 120ms,transform var(--t-panel) var(--e-out) 120ms}

/* micro-demos: portal tokens (.ui), the plate of Home's answer card */
.kd{margin:0}.kd,.kf{--kd-mark:rgba(41,122,204,.18)}
@media (prefers-color-scheme:dark){.kd,.kf{--kd-mark:rgba(90,160,230,.36)}}
.kd-w{position:relative;padding:22px 22px 24px;border:1px solid var(--line);border-radius:16px;background:var(--plate);font-size:14.5px;line-height:22px;contain:layout paint;overflow:hidden}
.kd-cap{margin-top:12px;font-size:13px;line-height:18px;color:var(--ink-3)}
.ty{position:relative;display:block}.ty-v{position:absolute;left:0;top:0;right:0}
.kd-q{width:fit-content;max-width:88%;margin-left:auto;padding:11px 14px 12px;border-radius:14px 14px 4px 14px;background:var(--d-bg);border:1px solid var(--d-line);color:var(--d-ink)}
.kd-q .ty-v,.kd-q .ty-g{white-space:normal}
.kd-a{margin-top:18px}
.kd-k{display:flex;align-items:center;gap:8px;font-size:13px;line-height:18px;color:var(--d-ink-3)}
.kd-cube{width:13px;height:15px;flex:none;stroke:var(--d-ink);stroke-width:6.5;stroke-linecap:round;stroke-linejoin:round}
.kd-cube path{stroke-dasharray:1;stroke-dashoffset:0}
.kd-s{margin-top:8px;color:var(--d-ink)}
.kd-c{color:var(--d-cite);font-weight:500;text-decoration:underline 1px rgba(var(--d-acc),.35);text-underline-offset:3px;transition:color var(--t-ui) var(--e-std),text-decoration-color var(--t-ui) var(--e-std)}
.kd-ok{display:inline-flex;align-items:center;gap:6px;height:26px;margin-top:14px;padding:0 10px 0 8px;border:1px solid var(--d-line-3);border-radius:999px;background:var(--d-bg);font-size:12.5px;line-height:1;color:var(--d-ink)}
.kd-ok .tick{width:14px;height:14px}
.kd-src{margin-top:16px;border-top:1px solid var(--d-line-2)}
.kd-src li{display:flex;align-items:flex-start;gap:10px;padding:10px 0 0}
.kd-src b{display:block;font-size:13px;line-height:18px;font-weight:500;color:var(--d-ink)}.kd-src i{display:block;font-style:normal;font-size:12px;line-height:17px;color:var(--d-ink-3)}
.kd-act{display:flex;align-items:center;gap:10px}.kd-act b{font-size:14.5px;line-height:20px;font-weight:600;color:var(--d-ink)}
.kd-bs{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.kd-b{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border:1px solid var(--d-line-3);border-radius:999px;background:var(--d-bg);font-size:12px;line-height:1;color:var(--d-ink-2);white-space:nowrap;font-variant-numeric:tabular-nums}
.kd-on::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue)}
.kd-x{color:var(--d-ink-3);border-style:dashed}
.kd-art{margin-top:16px;font-size:14px;line-height:21px;font-weight:600;color:var(--d-ink)}
.kd-p{margin-top:6px;font-size:14px;line-height:21px;color:var(--d-ink-2)}
.kd-m{padding:1px 2px;border-radius:3px;color:var(--d-ink);background:linear-gradient(var(--kd-mark),var(--kd-mark)) no-repeat 0 0/100% 100%;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.kd-qt{margin:16px 0 0;padding-left:14px;border-left:2px solid var(--d-line-3);font-size:15px;line-height:23px;color:var(--d-ink)}
.kd-k2{margin-top:18px;font-size:12.5px;line-height:18px;color:var(--d-ink-3)}
.kd-ch{margin-top:6px}
/* SEO2: /pricing card (the price as Home's figures set it) and a guide card's «і ще N акти» line */
.kd-pr{display:flex;align-items:baseline;gap:8px;margin-top:14px}.kd-pv{font-size:48px;line-height:1;font-weight:500;letter-spacing:-.03em;color:var(--d-ink);font-variant-numeric:tabular-nums}.kd-pu{font-size:15px;line-height:20px;color:var(--d-ink-3)}.kd-more{margin-top:8px}
.kd-ch li{display:grid;grid-template-columns:16px auto minmax(0,1fr);align-items:center;column-gap:8px;padding:8px 0;border-bottom:1px solid var(--d-line-2);font-size:13px;line-height:18px}
.kd-ch .tick{width:14px;height:14px;color:var(--blue)}.kd-ch span{color:var(--d-ink-3)}.kd-ch b{justify-self:end;font-weight:500;color:var(--d-ink);text-align:right;font-variant-numeric:tabular-nums}
.kd-doc .kd-w{background:var(--d-paper);padding:20px 24px 22px}
.kd-tag{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;background:var(--plate);font-size:12px;line-height:1;color:var(--d-ink-3)}
.kd-to{width:min(100%,290px);margin:14px 0 0 auto}
.kd-tl{font-size:11.5px;line-height:16px;color:var(--d-ink-3)}
.kd-f{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:14px;line-height:21px;color:var(--d-ink)}
.kd-f>span:first-child{min-width:0}.kd-sm{font-size:13px;color:var(--d-ink-2)}
.kd-f .kd-b{height:20px;font-size:11px;padding:0 7px}
.kd-edr{border-color:rgba(41,122,204,.45);color:var(--d-ink)}
.kd-sk{display:block;width:96px;height:8px;border-radius:3px;background:var(--d-line-3)}
.kd-blank span{color:var(--d-ink-3)}.kd-blank i{font-style:normal;display:inline-flex;align-items:center;height:20px;padding:0 8px;border:1px dashed var(--d-cite);border-radius:4px;font-size:11.5px;color:var(--d-cite)}
.kd-dt{margin-top:18px;text-align:center;font-size:15px;line-height:22px;font-weight:600;color:var(--d-ink)}
.kd-ls{margin-top:12px}.kd-l{display:block;height:7px;margin-top:9px;border-radius:3px;background:var(--d-line-2);transform-origin:0 50%}
.kd-l.w92{width:92%}.kd-l.w100{width:100%}.kd-l.w86{width:86%}.kd-l.w97{width:97%}.kd-l.w64{width:64%}
.kd-dl{display:inline-flex;align-items:center;gap:10px;margin-top:16px;padding:8px 12px 8px 10px;border:1px solid var(--d-line-3);border-radius:10px;background:var(--d-bg);font-size:13px;line-height:18px;color:var(--d-ink)}
.kd-dl b{font-weight:500}.kd-fi svg{width:18px;height:18px}.kd-ar{display:inline-flex;color:var(--d-ink-3)}.kd-ar svg{width:14px;height:14px}
.kd-q2+.kd-s2{margin-bottom:16px}.kd-s2{display:flex;gap:9px;align-items:baseline;color:var(--d-ink-2)}.kd-s2 .kd-cube{transform:translateY(2px)}
.kd-faq .kd-s2:last-child{margin-bottom:0}
/* section figures */
.kf{margin-top:20px;padding:14px 18px;border:1px solid var(--line);border-radius:14px;background:var(--plate)}
.kf-ed li{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:10px 0}.kf-ed li+li{border-top:1px solid var(--d-line-2)}
.kf-ed b{font-size:14.5px;line-height:20px;font-weight:500;color:var(--d-ink)}.kf-bg{display:inline-flex;flex-wrap:wrap;gap:6px}.kf-off b{color:var(--d-ink-3)}
.kf-s{text-decoration:none;background:linear-gradient(currentColor,currentColor) no-repeat 0 58%/100% 1px}
.kf-tx{font-size:15.5px;line-height:25px;color:var(--d-ink)}
.kf-tx del{text-decoration:none;color:var(--d-ink-3);background:linear-gradient(currentColor,currentColor) no-repeat 0 58%/100% 1px}
.kf-tx ins{text-decoration:none;padding:1px 3px;border-radius:3px;background:var(--kd-mark)}
.kf-bt{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
.kf-bt span{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:6px;font-size:13px;font-weight:500}
.kf-no{border:1px solid var(--d-line-3);color:var(--d-ink-2);background:var(--d-bg)}.kf-yes{background:var(--d-btn);color:var(--d-btn-ink)}
.lg .kf ul{margin:0;padding:0;list-style:none}.lg .kf li+li{margin-top:0}.lg .kf p{margin-top:0}.lg .kf .kf-bt{margin-top:12px}.lg .kt-v{margin-top:0}
/* demo motion: the composed frame above is what no JS / reduced motion / ?still shows; with .kd-js every [data-at] waits for its
   beat. Hidden states are .001, not 0 (the LCP note above). Without v4.js the frame shows after 4 s (kd-fb). */
.js:not(.calm) [data-demo]:not(.kd-js) [data-at]{opacity:.001;animation:kd-fb 0s 4s forwards}
@keyframes kd-fb{to{opacity:1}}
.js:not(.calm) .kd .kd-w{animation:rise 820ms var(--e-out) 240ms both}
.kd-js [data-at]:not(.ty):not(.kd-c):not(.kd-m):not(.kf-s):not(.kf-yes){transition:opacity var(--t-panel) var(--e-out),transform var(--t-camera) var(--e-out)}
.kd-js [data-at]:not(.on):not(.ty):not(.kd-c):not(.kd-m):not(.kf-s):not(.kf-yes){opacity:.001;transform:translateY(8px)}
.kd-js .ty .ty-g{visibility:hidden}
.kd-js .kd-q{transition:opacity var(--t-ui) var(--e-out),transform var(--t-panel) var(--e-out)}.kd-js .kd-q:has(>.ty:not(.on)){opacity:.001;transform:translateY(6px)}
.kd-js .kd-c:not(.on){color:var(--d-ink);text-decoration-color:transparent}
.kd-js .kd-m{transition:background-size 900ms var(--e-move)}.kd-js .kd-m:not(.on){background-size:0 100%}
.kd-js .kf-s{transition:background-size 700ms var(--e-move)}.kd-js .kf-s:not(.on){background-size:0 1px}
.kd-js .kf-tx del{transition:background-size 600ms var(--e-move),color var(--t-ui) var(--e-std),opacity var(--t-panel) var(--e-out),transform var(--t-camera) var(--e-out)}
.kd-js .kf-tx del:not(.on){opacity:1;transform:none;background-size:0 1px;color:var(--d-ink)}
.kd-js .kf-yes.on{animation:kd-press 420ms var(--e-std)}
@keyframes kd-press{40%{transform:scale(.93)}}
.kd-js .tick path{transition:stroke-dashoffset 520ms var(--e-out) 180ms}.kd-js :is(.kd-ok,.kd-ch li):not(.on) .tick path{stroke-dashoffset:1}
.kd-js .kd-cube path{transition:stroke-dashoffset 700ms var(--e-move)}.kd-js :is(.kd-k,.kd-s2):not(.on) .kd-cube path{stroke-dashoffset:1}
.kd-cube path:nth-child(2){transition-delay:60ms}.kd-cube path:nth-child(3){transition-delay:120ms}.kd-cube path:nth-child(4){transition-delay:180ms}.kd-cube path:nth-child(5){transition-delay:240ms}.kd-cube path:nth-child(6){transition-delay:300ms}
.kd-js .kd-src li{transition:opacity var(--t-panel) var(--e-out),transform var(--t-camera) var(--e-out)}.kd-js .kd-src li+li{transition-delay:140ms}
.kd-js .kd-src:not(.on) li{opacity:.001;transform:translateY(8px)}
.kd-js .kd-l{transition:transform 600ms var(--e-out)}.kd-js .kd-l:not(.on){opacity:1;transform:scaleX(0)}
.kd-js .kd-dl{transition:opacity var(--t-ui) var(--e-out),transform 520ms var(--e-tick)}.kd-js .kd-dl:not(.on){transform:translateY(-10px) scale(.96)}
.kd-js .kd-b:not(.on){transform:scale(.9)}
.kd-js .kd-b{transition:opacity var(--t-ui) var(--e-out),transform 420ms var(--e-tick)}
@media (max-width:767px){
  .p-kb .kb-in .g{row-gap:36px}.p-kb .legal{padding-top:64px}
  .lg .kb-toc{display:block;padding:0;margin-top:0;border:0}.lg .kb-toc+.ks{margin-top:40px}.lg .kb-toc>a{display:none}
  .kb-tocd{display:block;border-top:1px solid var(--line)}.kb-tocd[open]{border-bottom:1px solid var(--line)}
  .kb-tocd summary{display:flex;align-items:center;gap:12px;min-height:52px;cursor:pointer;list-style:none;font-size:16px;line-height:22px;font-weight:500;color:var(--ink);-webkit-tap-highlight-color:transparent}
  .kb-tocd summary::-webkit-details-marker{display:none}
  .kb-tocd summary::after{content:"";width:8px;height:8px;margin:0 4px 4px auto;border-right:1.5px solid var(--ink-3);border-bottom:1.5px solid var(--ink-3);transform:rotate(45deg);transition:transform var(--t-ui) var(--e-std)}
  .kb-tocd[open] summary::after{margin-bottom:-4px;transform:rotate(-135deg)}
  .kb-tn{font-size:14px;font-weight:400;color:var(--ink-3)}
  .kb-tocd summary:focus-visible{outline-offset:2px}
  .kb-tl{padding-bottom:8px}
  .lg .kb-tl a{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 0;border-top:1px solid var(--line);font-size:15.5px;line-height:22px;color:var(--ink-2)}
  .kb-tl .tn{width:22px}
  .kt-2,.kt-4{gap:8px}.kt-2 .kt-v,.kt-4 .kt-v{font-size:28px}.kt-2 .kt-i,.kt-4 .kt-i{padding:16px 14px}.kt-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kt-3 .kt-i:last-child{grid-column:1/-1}.kt-3 .kt-v{font-size:28px}.kt-3 .kt-i{padding:16px 14px}.kt-1{grid-template-columns:1fr}
  .ks{margin-top:56px;padding-top:22px}.lg .ks-h h2{font-size:24px}
  .lg .kn{grid-template-columns:1fr}.kn-v{font-size:40px}.kt-v{font-size:36px}
  .lg .kr,.lg .kr-3,.lg .kg{grid-template-columns:1fr}.lg .kg a{padding:18px 18px 20px}
  .lg .kg-tb{display:block;overflow:visible}.lg .kg-tb tbody,.lg .kg-tb tr{display:block}
  .lg .kg-tb thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .lg .kg-tb tr{padding:12px 0 13px;border-bottom:1px solid var(--line)}
  .lg .kg-tb th,.lg .kg-tb td{display:block;min-width:0;padding:0;border:0;white-space:normal;overflow-wrap:normal}
  .lg .kg-tb td{margin-top:4px;color:var(--ink-2)}.lg .kg-tb td[data-h]::before{content:attr(data-h) ": ";color:var(--ink-3)}
  .kc-i{padding:14px 16px 15px;font-size:15.5px;line-height:24px}.kq-i{padding:18px 18px 20px}
  .kd-w{padding:18px 16px 20px;font-size:14px;line-height:21px}.kd-doc .kd-w{padding:18px 18px 20px}.kd-q{max-width:94%}
  .kd-to{width:min(100%,260px)}}
@media (max-width:479px){.kd-to{margin-left:0}.kd-dt{text-align:left}}
@media (max-width:1023px){.p-kb .fin-r{display:flex;grid-column:1/-1;justify-content:flex-start;margin-top:48px}.p-kb .fin-r .cube-d{width:88px}}
@media (min-width:768px) and (max-width:1023px){.lg .kb-toc{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media (max-width:359px){.kb-hl .h1{font-size:30px}}  /* [seo-ship] 320 px: «Верховного Суду» (nbsp) fits the line */