/* fermabusines.ru · система «Хозяйство»: бирки хозяйств × сезон. Телефон — по умолчанию, компьютер — @media ≥ 960 px.
   Основа — site.css утверждённого макета (_design/src/sites/fb); ниже — правки под окно браузера и стили сайта (.cs-body, поиск, 404, страницы). */
.k-fb{
  --bg:#F7F8F3; --straw:#ECEFE6; --line:#D6DCCD; --ink:#17221B; --mute:#4D5A50; --link:#2E6B3F; --focus:#0B57D0;
  --tag:#F2C21B; --card:#FFFFFF;
  --hero:#F2C21B; --hero-ink:#17221B; --hero-txt:#17221B; --hero-line:rgb(120 80 0 / .14);
  --field:#2E6B3F; --field-ink:#F7F8F3; --field-num:#F2C21B; --field-line:rgb(247 248 243 / .26);
  --soil:#2A1F17; --soil-a:rgb(242 194 27 / .30); --soil-b:rgb(255 240 220 / .14); --grass:#3F8A4F;
  --wood:#E3CD98; --wood-seam:rgb(107 69 38 / .22); --grain:rgb(107 69 38 / .07); --rail:#6B4526; --rail-2:#4B2E18; --rope:#8B6A3E; --nail:#DCE0DC;
  --amber:#8A5A00; --amber-bg:#F0B64A; --red:#A3261B; --red-bg:#A3261B; --red-ink:#FFF4F0;
  --sign:#17221B; --sign-ink:#F2C21B; --sign-txt:#F7F8F3;
  --step:#DDE3D5; --done:#7CC47F; --q-line:#17221B; --rib-line:#17221B;
  --sh:drop-shadow(0 5px 4px rgb(23 34 27 / .26));
  --head:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 35' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M10.22 18.5A13 13 0 1 1 33.78 18.5L42 34V35H2V34ZM17 13A5 5 0 1 0 27 13A5 5 0 1 0 17 13Z'/%3E%3C/svg%3E");
  --tuft:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 12'%3E%3Cpath d='M3 12C3 8 2 5 0 3C3 4 5 7 5.6 12ZM6 12C6.5 7 8 4 11 1C9.5 5 9 8 9.2 12ZM20 12C20 9 19 7 16.5 5.5C19.5 6.2 21.5 8.5 22 12ZM23 12C23.5 8 25 6 28 4.5C26.4 7.4 26 9.5 26 12ZM31 12C31.2 10 32 8.6 34 7.6C33.2 9.2 33 10.6 33.2 12Z'/%3E%3C/svg%3E");
  --fd:"Fira Sans Extra Condensed","Arial Narrow","Roboto Condensed",sans-serif;
  --ft:"Golos Text",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --pad:16px; --rib-h:96px; --anc:48px;
  background:var(--bg); color:var(--ink); font:400 17px/1.65 var(--ft); -webkit-font-smoothing:antialiased;
}
:root[data-theme="dark"] .k-fb{
  --bg:#0F1511; --straw:#18201A; --line:#2A352D; --ink:#E7ECE4; --mute:#A6B2A8; --link:#7FC58E; --focus:#8AB4F8;
  --tag:#F4CB3A; --card:#151D17;
  --hero:#1A2110; --hero-ink:#F4CB3A; --hero-txt:#E7ECE4; --hero-line:rgb(244 203 58 / .07);
  --field:#133821; --field-ink:#E7ECE4; --field-num:#F4CB3A; --field-line:rgb(231 236 228 / .16);
  --soil:#1F170F; --soil-a:rgb(244 203 58 / .24); --soil-b:rgb(255 240 220 / .08); --grass:#2E6A3B;
  --wood:#261E16; --wood-seam:rgb(0 0 0 / .4); --grain:rgb(255 230 190 / .025); --rail:#5C3B20; --rail-2:#3A2412; --rope:#A58555; --nail:#9BA39C;
  --amber:#F0B64A; --red:#FF8A7A; --red-bg:#561910; --red-ink:#FFE9E4;
  --sign:#F4CB3A; --sign-ink:#17221B; --sign-txt:#17221B;
  --step:#C3CCBD; --done:#7CC47F; --q-line:#F4CB3A; --rib-line:#35423A;
  --sh:drop-shadow(0 6px 6px rgb(0 0 0 / .55));
}
.k-fb *,.k-fb *::before,.k-fb *::after{box-sizing:border-box}
.k-fb a{color:inherit; text-decoration:none}
.k-fb :focus-visible{outline:3px solid var(--focus); outline-offset:3px}
.k-fb svg{display:block; flex:none}
.k-fb h1,.k-fb h2,.k-fb h3,.k-fb p,.k-fb ul,.k-fb ol,.k-fb dl,.k-fb dd,.k-fb figure,.k-fb blockquote{margin:0}
.k-fb ul,.k-fb ol{padding:0; list-style:none}
.k-fb button,.k-fb input{font:inherit; color:inherit}
.k-fb button{cursor:pointer; background:none; border:0; padding:0}
.k-fb .wrap{padding-inline:var(--pad); max-width:1280px; margin-inline:auto}
.k-fb .num{font-variant-numeric:tabular-nums}
/* цвета бирок хозяйств: текст на бирке всегда чёрный */
.k-fb .f-quail{--c:#F2C21B} .k-fb .f-nutria{--c:#6AA7E0} .k-fb .f-cray{--c:#53C1B8} .k-fb .f-worm{--c:#7CC47F} .k-fb .f-rabbit{--c:#F08A24}
.k-fb .f-pig{--c:#EE9BB5} .k-fb .f-guinea{--c:#B59AE0} .k-fb .f-pigeon{--c:#E6E4D8} .k-fb .f-shrimp{--c:#F4A48C} .k-fb .f-money{--c:#B9C7A6}

/* ===== бирка: вырубка с дыркой, висит на гвоздике; вращение — вокруг дырки ===== */
.k-fb .tg{--hw:44px; --hh:calc(var(--hw) * .795); --r:14px; position:relative; display:flex; flex-direction:column; margin-top:var(--hh);
  background:var(--c,var(--tag)); color:#17221B; border-radius:var(--r) var(--r) 7px 7px; filter:var(--sh);
  transform-origin:50% calc(var(--hh) * -.629)}
.k-fb .tg::before{content:""; position:absolute; left:50%; bottom:calc(100% - 1px); width:var(--hw); height:calc(var(--hh) + 1px); margin-left:calc(var(--hw) / -2);
  background:var(--c,var(--tag)); -webkit-mask:var(--head) center / 100% 100% no-repeat; mask:var(--head) center / 100% 100% no-repeat}
.k-fb .tg.on-string::after{content:""; position:absolute; z-index:-1; left:50%; width:3px; margin-left:-1.5px; bottom:calc(100% + var(--hh) * .629 - 2px); height:var(--str,40px);
  background:repeating-linear-gradient(180deg,var(--rope) 0 4px,var(--rail-2) 4px 5px)}
.k-fb a.tg:hover,.k-fb .tg.is-swing{animation:fb-swing 1.3s cubic-bezier(.3,.7,.4,1)}
@keyframes fb-swing{0%{rotate:0deg} 16%{rotate:7deg} 38%{rotate:-5deg} 58%{rotate:3deg} 78%{rotate:-1.2deg} 100%{rotate:0deg}}
@keyframes fb-sway{0%{rotate:0deg} 30%{rotate:2.2deg} 62%{rotate:-1.6deg} 100%{rotate:0deg}}
/* горизонтальная бирка: дырка слева; тень снаружи, вырез внутри */
.k-fb .ht{display:block; filter:var(--sh); transform-origin:18px 50%}
.k-fb .ht-b{display:flex; align-items:center; gap:12px; min-height:64px; padding:12px 14px 12px 38px; background:var(--c,var(--tag)); color:#17221B;
  border-radius:30px 6px 6px 30px; -webkit-mask:radial-gradient(circle at 18px 50%,#0000 5.5px,#000 6px); mask:radial-gradient(circle at 18px 50%,#0000 5.5px,#000 6px)}
.k-fb a.ht:hover{animation:fb-sway 1s ease-out}
.k-fb .chip{display:inline-flex; align-items:center; min-height:44px; padding:0 13px 0 25px; background:var(--c,#F7F8F3); color:#17221B; font:700 16px/1 var(--fd);
  letter-spacing:.01em; border-radius:22px 3px 3px 22px; -webkit-mask:radial-gradient(circle at 12px 50%,#0000 4px,#000 4.5px); mask:radial-gradient(circle at 12px 50%,#0000 4px,#000 4.5px)}
.k-fb .chip:hover{background:#17221B; color:#F2C21B}
/* чернозём и ботва */
.k-fb .soil{position:relative; height:24px; background-color:var(--soil);
  background-image:radial-gradient(circle,var(--soil-a) 1.1px,#0000 1.7px),radial-gradient(circle,var(--soil-b) 1.3px,#0000 2px),radial-gradient(circle,rgb(0 0 0 / .4) 1.6px,#0000 2.3px);
  background-size:13px 11px,19px 15px,23px 17px; background-position:0 0,7px 5px,3px 9px}
.k-fb .soil--grass::before{content:""; position:absolute; left:0; right:0; bottom:calc(100% - 1px); height:13px; background:var(--grass);
  -webkit-mask:var(--tuft) 0 100% / 36px 13px repeat-x; mask:var(--tuft) 0 100% / 36px 13px repeat-x}
.k-fb .hatch{background-image:repeating-linear-gradient(112deg,#0000 0 8px,rgb(107 69 38 / .07) 8px 9.5px),repeating-linear-gradient(97deg,#0000 0 29px,rgb(107 69 38 / .06) 29px 30.5px)}
:root[data-theme="dark"] .k-fb .hatch{background-image:repeating-linear-gradient(112deg,#0000 0 8px,rgb(244 203 58 / .04) 8px 9.5px),repeating-linear-gradient(97deg,#0000 0 29px,rgb(244 203 58 / .035) 29px 30.5px)}

/* ===== общие элементы ===== */
.k-fb .h2{font:800 38px/.92 var(--fd); text-transform:uppercase; letter-spacing:.005em; text-wrap:balance}
.k-fb .sec{padding-block:36px 40px}
.k-fb .sec-h{display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:6px 16px; padding-bottom:10px; margin-bottom:22px; border-bottom:5px solid var(--ink)}
.k-fb .sec-l{margin:-8px 0 20px; color:var(--mute); max-width:60ch}
.k-fb .more{display:inline-flex; align-items:center; gap:6px; min-height:44px; font:700 17px/1 var(--fd); text-transform:uppercase; letter-spacing:.04em; color:var(--link)}
.k-fb .more svg{width:20px; height:20px}
.k-fb .more:hover{text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:4px}
.k-fb .stamp{display:inline-block; font:700 12px/1 var(--fd); text-transform:uppercase; letter-spacing:.1em; padding:5px 7px 4px; border:2px dashed currentColor; rotate:-2deg; white-space:nowrap}
.k-fb .stamp--old{color:var(--amber)}
.k-fb .kicker{font:700 14px/1.1 var(--fd); text-transform:uppercase; letter-spacing:.1em; color:var(--mute)}

/* ===== шапка ===== */
.k-fb .hdr{display:flex; align-items:center; gap:2px; height:60px; padding:0 6px 0 var(--pad); background:var(--bg)}
.k-fb .logo{display:flex; align-items:center; gap:9px; min-height:44px; margin-right:auto; font:800 22px/.9 var(--fd); text-transform:uppercase; letter-spacing:.01em}
.k-fb .logo svg{width:30px; height:36px; filter:drop-shadow(0 2px 0 rgb(23 34 27 / .25))}
.k-fb .hb{display:grid; place-items:center; width:44px; height:44px}
.k-fb .hb svg{width:23px; height:23px}
.k-fb .hb:hover{background:var(--straw)}
.k-fb .htools span,.k-fb .hdr .hq{display:none}
.k-fb .q{display:flex; align-items:stretch; height:54px; background:var(--card); color:var(--ink); border:3px solid var(--q-line)}
.k-fb .q svg{width:22px; height:22px; margin:0 2px 0 12px; align-self:center; color:var(--mute)}
.k-fb .q input{flex:1; min-width:0; border:0; background:none; padding:0 10px; font-size:16px; outline:0}
.k-fb .q input::placeholder{color:var(--mute)}
.k-fb .q:focus-within{outline:3px solid var(--focus); outline-offset:2px}
.k-fb .q button{padding:0 18px; background:var(--sign); color:var(--sign-ink); font:800 19px/1 var(--fd); text-transform:uppercase; letter-spacing:.04em}
.k-fb .srch{display:none; padding:0 var(--pad) 14px; background:var(--bg)}
.k-fb[data-open="search"] .srch{display:block}

/* ===== лента бирок хозяйств × сезон (липкая) ===== */
.k-fb .rib{position:sticky; top:0; z-index:30; background-color:var(--straw); border-block:3px solid var(--rib-line)}
.k-fb.is-scrolled .rib{box-shadow:0 8px 0 rgb(23 34 27 / .08)}
.k-fb .rib-in{display:flex; height:var(--rib-h)}
.k-fb .sez{flex:none; display:flex; flex-direction:column; justify-content:center; gap:3px; width:78px; padding:0 10px; background:var(--sign); color:var(--sign-ink); text-align:left}
.k-fb .sez small{font:700 11px/1 var(--fd); letter-spacing:.12em; text-transform:uppercase; color:var(--sign-txt); opacity:.8}
.k-fb .sez b{display:flex; align-items:center; gap:2px; font:800 22px/1 var(--fd); text-transform:uppercase}
.k-fb .sez svg{width:16px; height:16px}
.k-fb .sez[aria-expanded="true"] svg{rotate:180deg}
.k-fb .rib-sc{flex:1; min-width:0; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x proximity; scrollbar-width:none; overscroll-behavior-x:contain}
.k-fb .rib-sc::-webkit-scrollbar{display:none}
.k-fb .rib-ul{display:flex; gap:7px; width:max-content; min-width:100%; height:100%; padding:0 12px 0 10px;
  background:repeating-linear-gradient(90deg,var(--rope) 0 5px,var(--rail-2) 5px 6.5px) 0 12.5px / 100% 3px no-repeat}
.k-fb .rib-ul li{scroll-snap-align:start; padding-top:5.5px}
.k-fb .rt{--hw:22px; --r:9px; width:60px; padding:5px 5px 6px; align-items:stretch; gap:2px; font-family:var(--fd); text-align:left; transition:translate .25s,scale .25s}
.k-fb .rt span{display:flex; align-items:center; justify-content:space-between}
.k-fb .rt svg{width:24px; height:24px}
.k-fb .rt em{font:800 16px/1 var(--fd); font-style:normal; font-variant-numeric:tabular-nums}
.k-fb .rt b{font:600 12.5px/1.05 var(--fd); white-space:nowrap}
.k-fb .rt.is-on{translate:0 6px; scale:1.08; z-index:2}
.k-fb .rt.is-on::after{content:""; position:absolute; z-index:-1; left:50%; width:3px; margin-left:-1.5px; bottom:calc(100% + var(--hh) * .629 - 2px); height:12px; background:var(--rope)}
.k-fb .rt.is-on b{text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:2px}
.k-fb .sez-pop{display:none; position:absolute; left:8px; top:calc(100% + 8px); width:min(320px,calc(100% - 16px)); padding:14px 14px 10px; background:var(--card);
  border:3px solid #17221B; box-shadow:6px 6px 0 #17221B; z-index:40}
.k-fb[data-open="season"] .sez-pop{display:block}
.k-fb .sez-pop p{font-size:14px; line-height:1.45; color:var(--mute); padding-right:40px}
.k-fb .sez-pop ul{display:grid; grid-template-columns:1fr 1fr; gap:6px; margin-top:10px}
.k-fb .sez-pop a{display:grid; min-height:56px; padding:8px 10px; background:var(--straw); border-left:6px solid var(--c)}
.k-fb .sez-pop a b{font:800 20px/1 var(--fd); text-transform:uppercase}
.k-fb .sez-pop a span{font:600 13px/1.2 var(--fd); color:var(--mute)}
.k-fb .sez-pop a.is-now{background:var(--tag); color:#17221B}
.k-fb .sez-pop a.is-now span{color:#17221B}
.k-fb .sez-x{position:absolute; right:4px; top:4px; width:44px; height:44px; display:grid; place-items:center}
.k-fb .sez-x svg{width:20px; height:20px}

/* ===== главная: герой ===== */
.k-fb .hero{position:relative; background-color:var(--hero); color:var(--hero-txt); overflow:clip;
  background-image:repeating-linear-gradient(112deg,#0000 0 9px,var(--hero-line) 9px 10.5px),repeating-linear-gradient(97deg,#0000 0 31px,var(--hero-line) 31px 32.5px)}
.k-fb .hero-in{position:relative; padding-block:24px 38px}
.k-fb .eyebrow{display:inline-flex; align-items:center; min-height:32px; padding:0 12px 0 24px; background:var(--sign); color:var(--sign-ink); font:700 14px/1 var(--fd);
  text-transform:uppercase; letter-spacing:.1em; border-radius:16px 3px 3px 16px; -webkit-mask:radial-gradient(circle at 11px 50%,#0000 3.5px,#000 4px); mask:radial-gradient(circle at 11px 50%,#0000 3.5px,#000 4px)}
.k-fb .h1{margin-top:14px; font:800 42px/.93 var(--fd); letter-spacing:-.003em; color:var(--hero-ink); text-wrap:balance}
.k-fb .lede{margin-top:14px; font-size:17px; line-height:1.55; max-width:40ch}
.k-fb .hero .q{margin-top:20px}
.k-fb .often{display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:14px}
.k-fb .often > span{font:700 14px/1 var(--fd); text-transform:uppercase; letter-spacing:.08em; margin-right:2px}
.k-fb .sign{display:none}

/* ===== колесо сезона ===== */
.k-fb .season{position:relative; overflow:clip; padding-block:30px 40px}
.k-fb .season-in{position:relative}
.k-fb .wheel{position:absolute; top:-4px; right:calc(var(--pad) * -1 - 132px); width:264px}
.k-fb .sz-txt{padding-right:136px; min-height:236px}
.k-fb .sz-h{margin-top:6px; font:800 76px/.84 var(--fd); text-transform:uppercase; letter-spacing:-.01em}
.k-fb .sz-h span{display:block; margin-top:8px; font-size:24px; letter-spacing:.02em}
.k-fb .sz-l{margin-top:10px; font-size:16px; line-height:1.45}
.k-fb .wh-svg{width:100%; height:auto; overflow:visible}
.k-fb .wh-bg{fill:var(--straw)}
.k-fb .wh-m{stroke:var(--bg); stroke-width:1}
.k-fb .wh-w{fill:#6AA7E0} .k-fb .wh-s{fill:#7CC47F} .k-fb .wh-u{fill:#F2C21B} .k-fb .wh-a{fill:#F08A24}
.k-fb .wh-m:not(.is-season){opacity:.62}
.k-fb .wh-m.is-now{fill:#17221B}
:root[data-theme="dark"] .k-fb .wh-m.is-now{fill:#F4CB3A}
.k-fb .wh-l{font:800 21px/1 var(--fd); fill:#17221B; text-anchor:middle; dominant-baseline:central}
.k-fb .wh-l.is-now{fill:#F2C21B}
:root[data-theme="dark"] .k-fb .wh-l.is-now{fill:#17221B}
.k-fb .wh-in{fill:#17221B}
:root[data-theme="dark"] .k-fb .wh-in{fill:#070A08}
.k-fb .wh-t{stroke:#F7F8F3; stroke-width:2; opacity:.4}
.k-fb .wh-sl{font:700 13px/1 var(--fd); letter-spacing:.14em; fill:#F7F8F3; opacity:.55; text-anchor:middle; dominant-baseline:central}
.k-fb .wh-sl.is-now{fill:#F2C21B; opacity:1; font-size:15px}
.k-fb .wh-hand{fill:#F2C21B; transform-box:view-box; transform-origin:50% 50%; transform:rotate(var(--a,255deg)); transition:transform 1.5s cubic-bezier(.25,1.35,.45,1)}
.k-fb .wh-nail{fill:#17221B}
.k-fb .wheel.is-wait .wh-hand{transform:rotate(-40deg)}
.k-fb .tasks{display:grid; gap:12px; margin-top:16px}
.k-fb .task .ht-b{align-items:flex-start; min-height:76px}
.k-fb .task svg{width:36px; height:36px; margin-top:2px}
.k-fb .task b{display:block; font:600 16px/1.3 var(--ft); text-wrap:pretty}
.k-fb .task small{display:block; margin-top:5px; font:700 13px/1.1 var(--fd); text-transform:uppercase; letter-spacing:.08em}
.k-fb .task[hidden]{display:none}
.k-fb .sz-empty{margin-top:16px; padding:14px 16px; border:3px dashed var(--ink); font-size:16px; line-height:1.45}
.k-fb .sz-empty button{display:inline-flex; align-items:center; min-height:44px; margin-top:4px; font:700 16px/1 var(--fd); text-transform:uppercase; letter-spacing:.04em; color:var(--link); text-decoration:underline; text-underline-offset:4px}
.k-fb .sz-foot{margin-top:10px}

/* ===== нормы: зелёное поле, этикетка мешка ===== */
.k-fb .norms{position:relative; background:var(--field); color:var(--field-ink)}
.k-fb .nm-in{padding-block:30px 36px}
.k-fb .nm-box{position:relative; padding:18px 16px 16px; outline:2px solid var(--field-line); outline-offset:-2px; box-shadow:inset 0 0 0 7px var(--field),inset 0 0 0 9px var(--field-line)}
.k-fb .nm-k{font:700 13px/1 var(--fd); letter-spacing:.14em; text-transform:uppercase; color:var(--field-num)}
.k-fb .nm-t{margin-top:8px; font:800 38px/.92 var(--fd); text-transform:uppercase; text-wrap:balance}
.k-fb .nm-s{margin-top:8px; font-size:14px; line-height:1.4; opacity:.88}
.k-fb .nm-l{display:grid; grid-template-columns:1fr 1fr; margin-top:16px; border-top:2px solid var(--field-line)}
.k-fb .nm-l > div{padding:12px 0 12px; border-bottom:2px solid var(--field-line)}
.k-fb .nm-l > div:nth-child(odd){padding-right:10px; border-right:2px solid var(--field-line)}
.k-fb .nm-l > div:nth-child(even){padding-left:12px}
.k-fb .nm-l > div:last-child:nth-child(odd){grid-column:1 / -1; border-right:0}
.k-fb .nm-l dt{font:700 13px/1.15 var(--fd); letter-spacing:.1em; text-transform:uppercase; opacity:.9}
.k-fb .nm-l dd{margin-top:4px; font:800 52px/.95 var(--fd); color:var(--field-num); white-space:nowrap; letter-spacing:-.01em}
.k-fb .nm-l dd small,.k-fb .ps-g dd small,.k-fb .fx b small{font-size:.4em; font-weight:700; letter-spacing:.02em; margin-inline:.22em .18em}
.k-fb .nm-l dd small{color:var(--field-ink)}

/* ===== доска хозяйств: рейка с гвоздиками ===== */
.k-fb .board-w{background-color:var(--wood);
  background-image:repeating-linear-gradient(90deg,#0000 0 86px,var(--wood-seam) 86px 88px),repeating-linear-gradient(90deg,#0000 0 7px,var(--grain) 7px 8px,#0000 8px 19px,var(--grain) 19px 21px)}
.k-fb .board{display:grid; grid-template-columns:1fr 1fr; padding-block:6px 12px}
.k-fb .board > li{position:relative; padding:10px 7px 24px}
.k-fb .board > li::before{content:""; position:absolute; left:0; right:0; top:15px; height:16px; background:linear-gradient(var(--rail) 0 70%,var(--rail-2) 70%); box-shadow:0 4px 0 rgb(0 0 0 / .14)}
.k-fb .board > li::after{content:""; position:absolute; z-index:3; left:50%; top:19px; width:9px; height:9px; margin-left:-4.5px; border-radius:50%;
  background:radial-gradient(circle at 35% 35%,#fff 0 1px,var(--nail) 2px,#7B837D 4.5px); box-shadow:0 1px 1px rgb(0 0 0 / .5)}
.k-fb .bt{--hw:40px; --r:16px; z-index:1; min-height:196px; padding:12px 12px 14px}
.k-fb .bt-top{display:flex; justify-content:space-between; align-items:flex-start}
.k-fb .bt svg{width:48px; height:48px}
.k-fb .bt-n{display:grid; justify-items:end; font:800 44px/.85 var(--fd); font-style:normal; font-variant-numeric:tabular-nums}
.k-fb .bt-n small{font:700 12px/1 var(--fd); letter-spacing:.06em; text-transform:uppercase; margin-top:5px}
.k-fb .bt-t{margin-top:auto; padding-top:14px; font:800 25px/1 var(--fd); text-transform:uppercase}
.k-fb .bt small.cap{margin-top:6px; font:500 13px/1.3 var(--ft)}
.k-fb .board.is-in .bt{animation:fb-swing 1.6s cubic-bezier(.3,.7,.4,1) calc(var(--i) * 80ms) both}
.k-fb .board.is-in .bt:hover{animation:fb-swing 1.3s cubic-bezier(.3,.7,.4,1)}

/* ===== инструменты и карточки-бирки ===== */
.k-fb .tl{display:grid; grid-template-columns:1fr 1fr; gap:12px 10px}
.k-fb .tool .ht-b{--c:var(--sign); color:var(--sign-txt); flex-direction:column; align-items:flex-start; gap:8px; min-height:132px; padding:14px 12px 14px 36px}
.k-fb .tl-g{font:800 50px/.85 var(--fd); color:var(--sign-ink)}
.k-fb .tool b{display:block; font:800 21px/1 var(--fd); text-transform:uppercase; letter-spacing:.02em}
.k-fb .tool small{display:block; margin-top:4px; font:500 13px/1.3 var(--ft); opacity:.85}
.k-fb .cards{display:grid; gap:14px 18px}
.k-fb .cards > li{padding-top:4px}
.k-fb .ct{--hw:40px; --r:18px; height:100%; min-height:236px; padding:14px 16px 16px}
.k-fb .ct-no{align-self:flex-start; padding:5px 8px 4px; background:rgb(255 255 255 / .6); font:700 14px/1 var(--fd); letter-spacing:.08em}
.k-fb .ct-big{margin-top:12px; font:800 44px/.9 var(--fd); letter-spacing:-.005em; text-wrap:balance}
.k-fb .ct-f{display:flex; align-items:center; gap:6px; margin-top:12px; font:700 14px/1 var(--fd); letter-spacing:.08em; text-transform:uppercase}
.k-fb .ct-f svg{width:24px; height:24px}
.k-fb .ct-t{margin-top:6px; font:600 16px/1.35 var(--ft); text-wrap:pretty}
.k-fb .ct .stamp{align-self:flex-start; margin-top:auto; translate:0 6px}
.k-fb .ct-sub{margin-top:8px; font:500 13px/1.3 var(--ft); opacity:.8}

/* ===== читают · как мы пишем ===== */
.k-fb .rank{counter-reset:rk; border-top:3px solid var(--ink)}
.k-fb .rank li{counter-increment:rk; border-bottom:1px solid var(--line)}
.k-fb .rank a{display:grid; grid-template-columns:40px 1fr; gap:3px 12px; padding:12px 0; min-height:44px}
.k-fb .rank a::before{content:counter(rk); grid-row:span 2; font:800 44px/.85 var(--fd); color:var(--ink)}
.k-fb .rank a:hover .rk-t{text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:3px; color:var(--link)}
.k-fb .rk-t{font:600 17px/1.3 var(--ft); text-wrap:pretty}
.k-fb .rank small{display:flex; align-items:center; gap:7px; font:700 13px/1.2 var(--fd); letter-spacing:.08em; text-transform:uppercase; color:var(--mute)}
.k-fb .dot{width:10px; height:13px; background:var(--c); border-radius:5px 5px 2px 2px; flex:none}
.k-fb .policy{margin-top:34px; padding:22px 18px 10px; background-color:var(--straw)}
.k-fb .policy ol{display:grid; gap:16px}
.k-fb .policy li{display:grid; grid-template-columns:40px 1fr; gap:2px 12px}
.k-fb .policy li > i{grid-row:span 2; display:grid; place-items:center; height:44px; background:var(--tag); color:#17221B; font:800 26px/1 var(--fd); font-style:normal; border-radius:12px 12px 4px 4px}
.k-fb .policy b{font:800 21px/1.05 var(--fd); text-transform:uppercase}
.k-fb .policy p{font-size:15px; line-height:1.5; color:var(--mute)}
.k-fb .policy .h2{font-size:30px}

/* ===== подвал на полосе чернозёма ===== */
.k-fb .foot{position:relative; margin-top:14px; color:#EFE7D8}
.k-fb .foot .soil{height:auto; padding-block:28px 26px}
.k-fb .foot-in{display:grid; gap:14px}
.k-fb .foot .logo{color:#F7F8F3}
.k-fb .foot-n{display:flex; flex-wrap:wrap; gap:0 18px}
.k-fb .foot-n a{display:inline-flex; align-items:center; min-height:44px; font-size:15px; text-decoration:underline; text-decoration-color:rgb(239 231 216 / .35); text-underline-offset:4px}
.k-fb .foot-c{font:600 14px/1.4 var(--fd); letter-spacing:.06em; text-transform:uppercase; color:#C9BFAE}

/* ===== статья ===== */
.k-fb .crumbs{display:flex; flex-wrap:wrap; align-items:center; gap:0 7px; padding-top:14px; font:600 14px/1.2 var(--fd); letter-spacing:.06em; text-transform:uppercase; color:var(--mute)}
.k-fb .crumbs a{display:inline-flex; align-items:center; min-height:36px}
.k-fb .crumbs a:hover{color:var(--link); text-decoration:underline}
.k-fb .ph1{margin-top:6px; font:800 38px/.95 var(--fd); letter-spacing:-.003em; text-wrap:balance}
.k-fb .meta{display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px; margin-top:16px}
.k-fb .au{display:flex; align-items:center; gap:10px; min-height:44px}
.k-fb .au-tag{--hw:18px; --r:8px; margin-top:14px; width:40px; height:32px; display:grid; place-items:center; font:800 17px/1 var(--fd)}
.k-fb .au b{display:block; font:700 16px/1.1 var(--ft)}
.k-fb .au small{display:block; font:600 13px/1.2 var(--fd); letter-spacing:.08em; text-transform:uppercase; color:var(--mute)}
.k-fb .fresh{--c:var(--amber-bg); --hw:18px; --r:6px; margin-top:14px; padding:6px 10px 5px; font:700 14px/1.1 var(--fd); letter-spacing:.04em; rotate:-3deg; transform-origin:50% -10px}
.k-fb .rd{display:inline-flex; align-items:center; gap:6px; font:700 15px/1 var(--fd); letter-spacing:.06em; text-transform:uppercase; color:var(--mute)}
.k-fb .rd svg{width:18px; height:18px}
.k-fb .top2{display:grid; gap:0}
.k-fb .pass{--hw:64px; --r:24px; --str:34px; margin:calc(var(--hh) + 30px) 0 0; padding:16px 16px 18px; z-index:2}
.k-fb .ps-h{display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:2px 12px; padding-bottom:10px; border-bottom:3px solid #17221B}
.k-fb .ps-h b{font:800 26px/1 var(--fd); text-transform:uppercase}
.k-fb .ps-h span{font:700 13px/1 var(--fd); text-transform:uppercase; letter-spacing:.1em}
.k-fb .ps-g{display:grid; grid-template-columns:1fr 1fr}
.k-fb .ps-g > div{padding:11px 0 10px; border-bottom:2px solid rgb(23 34 27 / .25)}
.k-fb .ps-g > div:nth-child(odd){padding-right:10px; border-right:2px solid rgb(23 34 27 / .25)}
.k-fb .ps-g > div:nth-child(even){padding-left:12px}
.k-fb .ps-g > div:nth-last-child(-n+2){border-bottom:0; padding-bottom:0}
.k-fb .ps-g dt{font:700 13px/1.1 var(--fd); letter-spacing:.09em; text-transform:uppercase}
.k-fb .ps-g dd{margin-top:3px; font:800 40px/.95 var(--fd); white-space:nowrap; letter-spacing:-.01em}
.k-fb .ps-g dd.ps-n{margin-top:3px; font:500 13px/1.25 var(--ft); white-space:normal; letter-spacing:0}
.k-fb .brief{margin-top:22px; padding:18px 16px 18px; background-color:var(--straw); border-top:5px solid var(--ink)}
.k-fb .brief h2{font:800 28px/1 var(--fd); text-transform:uppercase}
.k-fb .brief ul{display:grid; gap:10px; margin-top:12px}
.k-fb .brief li{position:relative; padding-left:24px; font-size:16px; line-height:1.5}
.k-fb .brief li::before{content:""; position:absolute; left:0; top:.42em; width:12px; height:15px; background:var(--tag); border-radius:6px 6px 2px 2px; box-shadow:0 0 0 1.5px #17221B}
/* маршрут на изгороди */
.k-fb .route{margin-top:30px; padding-block:18px 26px; background-color:var(--straw); border-block:3px solid var(--ink)}
.k-fb .rt-h{display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 12px}
.k-fb .rt-h b{font:800 24px/1 var(--fd); text-transform:uppercase}
.k-fb .rt-h span{font:700 14px/1 var(--fd); letter-spacing:.1em; text-transform:uppercase; padding:5px 8px 4px; background:var(--sign); color:var(--sign-ink)}
.k-fb .fence{position:relative; display:grid; grid-template-columns:repeat(var(--cols,6),minmax(0,1fr)); gap:4px; margin-top:8px; padding-top:6px;
  background:linear-gradient(var(--rail) 0 60%,var(--rail-2) 60%) 0 15px / 100% 12px no-repeat}
.k-fb .fence::before,.k-fb .fence::after{content:""; position:absolute; top:0; bottom:18px; width:10px; background:var(--rail-2)}
.k-fb .fence::before{left:-2px} .k-fb .fence::after{right:-2px}
.k-fb .fence li{position:relative; z-index:1; display:flex; justify-content:center}
.k-fb .rs{--hw:20px; --r:9px; --c:var(--step); width:100%; max-width:150px; min-height:72px; padding:6px 4px 8px; align-items:center; text-align:center; gap:3px; font-family:var(--fd)}
.k-fb .rs i{font:800 22px/1 var(--fd); font-style:normal}
.k-fb .rs span{font:600 12px/1.05 var(--fd); text-wrap:balance}
.k-fb .rs svg{position:absolute; top:5px; right:4px; width:13px; height:13px}
.k-fb .is-done .rs{--c:var(--done)}
.k-fb .is-now .rs{--c:var(--tag); --str:18px; translate:0 14px; scale:1.06; outline:3px solid #17221B; outline-offset:-3px}
.k-fb .fence li:not(.is-now){padding-top:0}
/* тело статьи и планшет */
.k-fb .art{display:grid; gap:0; padding-top:26px}
.k-fb .toc{min-width:0}
.k-fb .clip{position:relative; padding:26px 12px 12px; background:#8B5E34; background-image:repeating-linear-gradient(90deg,#0000 0 5px,rgb(0 0 0 / .05) 5px 7px); border-radius:4px}
.k-fb .clip::before{content:""; position:absolute; left:50%; top:-8px; width:132px; height:30px; margin-left:-66px; z-index:2; border-radius:6px 6px 3px 3px;
  background:linear-gradient(#E8ECEA,#A9B1AC 60%,#8C948F); box-shadow:0 3px 0 rgb(0 0 0 / .25)}
.k-fb .clip::after{content:""; position:absolute; left:50%; top:-16px; width:44px; height:20px; margin-left:-22px; z-index:1; border:5px solid #9AA29D; border-bottom:0; border-radius:14px 14px 0 0}
.k-fb .sheet{padding:18px 14px 8px; background-color:var(--card); box-shadow:0 2px 0 rgb(0 0 0 / .2)}
.k-fb .toc-l li + li{border-top:1px solid var(--line)}
.k-fb .sh-h{display:flex; align-items:baseline; justify-content:space-between; gap:8px}
.k-fb .sh-h b{font:800 26px/1 var(--fd); text-transform:uppercase}
.k-fb .sh-h span{font:700 13px/1 var(--fd); letter-spacing:.08em; text-transform:uppercase; color:var(--mute)}
.k-fb .sh-p{margin-top:5px; font:600 14px/1.3 var(--fd); letter-spacing:.04em; color:var(--link)}
.k-fb .toc-l{margin-top:8px}
.k-fb .toc-l a{display:grid; grid-template-columns:24px 1fr; gap:10px; align-items:center; min-height:44px; padding:5px 0; font-size:15px; line-height:1.25}
.k-fb .toc-l a:hover span{text-decoration:underline; text-underline-offset:3px}
.k-fb .bx{display:grid; place-items:center; width:24px; height:24px; border:2.5px solid var(--ink); font-style:normal; transition:background-color .3s}
.k-fb .bx svg{width:16px; height:16px; opacity:0; color:#17221B; transition:opacity .3s}
.k-fb .toc-l a.is-done .bx{background:var(--done); border-color:var(--done)}
.k-fb .toc-l a.is-done .bx svg{opacity:1}
.k-fb .toc-l a.is-done span{color:var(--mute)}
.k-fb .toc-l a.is-on{font-weight:700}
.k-fb .toc-l a.is-on .bx{background:var(--tag); border-color:#17221B; border-radius:8px 8px 3px 3px}
.k-fb .body{min-width:0; padding-top:30px}
.k-fb .body > p,.k-fb .body .txt{max-width:68ch}
.k-fb .body > * + *{margin-top:16px}
.k-fb .body > .intro{font-size:19px; line-height:1.55; font-weight:500}
.k-fb .h2a{position:relative; margin-top:40px!important; font:800 32px/1 var(--fd); text-wrap:balance}
.k-fb .anc{position:absolute; left:0; top:calc(var(--anc) * -1); width:1px; height:1px; pointer-events:none}
.k-fb .rsn{display:flex; align-items:center; gap:14px; margin-top:28px!important; font:800 26px/1.05 var(--fd); text-wrap:balance}
.k-fb .rsn .tg{--hw:22px; --r:10px; flex:none; width:50px; height:46px; display:grid; place-items:center; font:800 30px/1 var(--fd); margin-top:17px}
.k-fb .skip{display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:12px 0; border-block:2px dashed var(--line); font:700 13px/1 var(--fd); letter-spacing:.08em; text-transform:uppercase; color:var(--mute)}
.k-fb .skip i{display:grid; place-items:center; width:30px; height:30px; background:var(--straw); color:var(--ink); font:800 16px/1 var(--fd); font-style:normal; border-radius:10px 10px 3px 3px}
.k-fb .has-term{position:relative}
.k-fb .term{border-bottom:2px dotted var(--link); cursor:help; font-weight:600}
.k-fb .term-pop{display:none; position:absolute; z-index:5; left:0; right:0; top:calc(100% + 8px); padding:12px 14px; background:#17221B; color:#F7F8F3; font-size:15px; line-height:1.45; font-weight:400; box-shadow:6px 6px 0 var(--tag)}
.k-fb .term-pop b{display:block; font:800 20px/1 var(--fd); text-transform:uppercase; color:#F2C21B; margin-bottom:4px}
.k-fb .term-pop a{color:#F2C21B; text-decoration:underline}
.k-fb .term:hover .term-pop,.k-fb .term:focus .term-pop,.k-fb .term:focus-within .term-pop{display:block}
.k-fb .rel .ht-b{min-height:96px; gap:14px}
.k-fb .rel-n{font:800 72px/.8 var(--fd); letter-spacing:-.02em}
.k-fb .rel small{display:block; font:700 13px/1 var(--fd); letter-spacing:.08em; text-transform:uppercase}
.k-fb .rel b:not(.rel-n){display:block; margin-top:4px; font:600 16px/1.3 var(--ft)}
.k-fb .rel em{display:block; margin-top:4px; font:italic 500 14px/1.3 var(--ft)}
.k-fb .rel-a{width:24px; height:24px}
.k-fb .vet{display:grid; grid-template-columns:44px 1fr; gap:14px; padding:16px; background:var(--red-bg); color:var(--red-ink); font-size:16px; line-height:1.5}
.k-fb .vet svg{width:44px; height:44px; color:#FFF4F0}
.k-fb .vet b{font-family:var(--fd); font-size:21px; text-transform:uppercase; letter-spacing:.02em}
.k-fb .chk{padding:16px; border:3px solid var(--ink)}
.k-fb .chk-h{font:800 22px/1 var(--fd); text-transform:uppercase}
.k-fb .chk ul{margin-top:8px}
.k-fb .chk label{display:flex; align-items:flex-start; gap:12px; min-height:44px; padding:8px 0; font-size:16px; line-height:1.4; cursor:pointer}
.k-fb .chk li + li label{border-top:1px solid var(--line)}
.k-fb .chk input{appearance:none; -webkit-appearance:none; flex:none; width:26px; height:26px; margin:0; border:3px solid var(--ink); background:var(--card); cursor:pointer}
.k-fb .chk input:checked{background:var(--tag) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4.5 12.5 5 5 10-11' fill='none' stroke='%2317221B' stroke-width='3.4'/%3E%3C/svg%3E") center / 18px no-repeat; border-color:#17221B}
.k-fb .chk input:checked + span{text-decoration:line-through; text-decoration-color:var(--link); text-decoration-thickness:2px; color:var(--mute)}
.k-fb .tbl table{width:100%; border-collapse:collapse}
.k-fb .tbl thead{position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%)}
.k-fb .tbl tbody{display:grid; gap:10px}
.k-fb .tbl tr{position:relative; display:grid; gap:4px; padding:14px 94px 14px 14px; background-color:var(--straw); border-left:6px solid var(--ink)}
.k-fb .tbl td{display:block; padding:0}
.k-fb .tbl td:first-child{font:800 21px/1.05 var(--fd); text-transform:uppercase}
.k-fb .tbl td:nth-child(2){font-size:15px; line-height:1.4}
.k-fb .tbl td.n{position:absolute; right:10px; top:12px}
.k-fb .tbl td.n span{display:block; padding:12px 6px 6px; min-width:70px; text-align:center; background:var(--tag); color:#17221B; font:800 18px/1 var(--fd); font-variant-numeric:tabular-nums; white-space:nowrap;
  border-radius:12px 12px 4px 4px; -webkit-mask:radial-gradient(circle at 50% 6px,#0000 3px,#000 3.5px); mask:radial-gradient(circle at 50% 6px,#0000 3px,#000 3.5px)}
.k-fb .faq{border-top:5px solid var(--ink)}
.k-fb .faq details{border-bottom:2px solid var(--line)}
.k-fb .faq summary{display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:56px; padding:10px 0; cursor:pointer; list-style:none; font:700 21px/1.1 var(--fd)}
.k-fb .faq summary::-webkit-details-marker{display:none}
.k-fb .faq summary::after{content:"+"; flex:none; display:grid; place-items:center; width:32px; height:32px; background:var(--tag); color:#17221B; font:800 24px/1 var(--fd); border-radius:10px 10px 3px 3px}
.k-fb .faq details[open] summary::after{content:"−"}
.k-fb .faq details p{padding:0 0 16px; font-size:16px; line-height:1.55; max-width:62ch}
.k-fb .author{display:grid; grid-template-columns:58px 1fr; gap:14px; margin-top:34px!important; padding-top:20px; border-top:5px solid var(--ink)}
.k-fb .au-big{--hw:26px; --r:12px; width:58px; height:56px; display:grid; place-items:center; font:800 24px/1 var(--fd); margin-top:21px}
.k-fb .au-n b{font:800 24px/1 var(--fd); text-transform:uppercase}
.k-fb .au-n small{display:block; margin-top:2px; font:700 13px/1.2 var(--fd); letter-spacing:.08em; text-transform:uppercase; color:var(--mute)}
.k-fb .author p:not(.au-n){margin-top:8px; font-size:15px; line-height:1.5}
.k-fb .src{padding:12px 14px; background:var(--straw); font-size:14px; line-height:1.45; color:var(--mute)}
.k-fb .src b{color:var(--ink)}
.k-fb .err{display:grid; gap:8px; padding:14px 16px; border:3px dashed var(--amber); font-size:15px; line-height:1.45}
.k-fb .err a{justify-self:start}
.k-fb .nx{display:grid; gap:12px}
.k-fb .nx .ht-b{flex-direction:column; align-items:flex-start; gap:4px; min-height:88px}
.k-fb .nx small{font:700 13px/1 var(--fd); letter-spacing:.1em; text-transform:uppercase}
.k-fb .nx b{font:600 16px/1.3 var(--ft)}
.k-fb .nx span span{font:500 13px/1.3 var(--ft); opacity:.85}
.k-fb .nx .is-sign .ht-b{--c:var(--sign); color:var(--sign-txt)}
.k-fb .nx .is-sign small{color:var(--sign-ink)}
.k-fb .nx .is-step .ht-b{--c:var(--step)}
.k-fb .blk-h{font:800 30px/.95 var(--fd); text-transform:uppercase; padding-bottom:8px; border-bottom:5px solid var(--ink); margin-top:40px!important}

/* ===== рубрика-хаб ===== */
.k-fb .hub .hero-in{padding-top:6px}
.k-fb .hub .crumbs{color:var(--hero-txt); opacity:.8}
.k-fb .hub-h1{font-size:40px; margin-top:12px}
.k-fb .hub-art{width:min(100%,330px); height:auto; margin:18px auto -38px}
.k-fb .hub-n{display:inline-flex; align-items:baseline; gap:6px; margin-left:8px; font:800 20px/1 var(--fd)}
.k-fb .facts{color:#F7F8F3}
.k-fb .facts .soil{height:auto; padding-block:26px 28px}
.k-fb .fx{display:grid; grid-template-columns:1fr 1fr; gap:22px 14px}
.k-fb .fx b{display:block; font:800 48px/.9 var(--fd); color:#F2C21B; letter-spacing:-.01em; white-space:nowrap}
.k-fb .fx span{display:block; margin-top:6px; font-size:14px; line-height:1.35}
.k-fb .fx small{display:block; margin-top:6px; font:600 12px/1.2 var(--fd); letter-spacing:.06em; text-transform:uppercase; color:#C9BFAE}
.k-fb .bars{display:grid; gap:14px}
.k-fb .bars > li{display:grid; grid-template-columns:auto 1fr; align-items:center; gap:4px 10px}
.k-fb .bar-t{font:800 20px/1 var(--fd); text-transform:uppercase}
.k-fb .bar-w{grid-column:1 / -1; height:26px; background:var(--straw)}
.k-fb .bar{position:relative; display:flex; align-items:center; justify-content:flex-end; width:calc(var(--n) / var(--max,26) * 100%); min-width:34px; height:100%; padding-right:6px; background:var(--link); color:var(--bg)}
.k-fb .bar b{font:800 18px/1 var(--fd); font-variant-numeric:tabular-nums}
.k-fb .is-hot .bar{background:var(--tag); color:#17221B; box-shadow:inset 0 0 0 3px #17221B}
.k-fb .is-hot .bar-t::after{content:"больше всего"; margin-left:8px; padding:3px 6px 2px; background:var(--sign); color:var(--sign-ink); font-size:12px; letter-spacing:.08em; vertical-align:3px}
.k-fb .bar-l{grid-column:1 / -1; display:flex; flex-wrap:wrap; gap:0 14px; font-size:14px; line-height:1.3}
.k-fb .bar-l a{display:inline-flex; align-items:center; min-height:34px; color:var(--link); text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px}
.k-fb .cap{margin-top:14px; font-size:14px; color:var(--mute)}
.k-fb .start-c{display:grid; gap:18px; padding:22px 18px 22px; background:var(--field); color:var(--field-ink)}
.k-fb .start-tag{--hw:34px; --r:16px; align-self:start; justify-self:start; width:200px; min-height:150px; padding:14px 14px 16px; margin-top:28px}
.k-fb .start-tag small{font:700 13px/1 var(--fd); letter-spacing:.1em; text-transform:uppercase}
.k-fb .start-tag b{margin-top:auto; font:800 34px/.92 var(--fd); text-transform:uppercase}
.k-fb .start-t small{display:block; font:700 13px/1 var(--fd); letter-spacing:.1em; text-transform:uppercase; color:var(--field-num)}
.k-fb .start-t b{display:block; margin-top:8px; font:800 28px/1 var(--fd)}
.k-fb .start-t span{display:block; margin-top:10px; font-size:15px; line-height:1.5; opacity:.92}
.k-fb .start-t i{display:inline-flex; align-items:center; gap:8px; min-height:44px; margin-top:8px; font:800 17px/1 var(--fd); font-style:normal; text-transform:uppercase; letter-spacing:.04em; color:var(--field-num)}
.k-fb .start-t i svg{width:20px; height:20px}
.k-fb .flt{display:flex; flex-wrap:wrap; gap:8px; margin-bottom:22px}
.k-fb .fch{display:inline-flex; align-items:center; gap:6px; min-height:44px; padding:0 12px; border:2.5px solid var(--ink); font:700 16px/1 var(--fd); text-transform:uppercase; letter-spacing:.03em}
.k-fb .fch b{font-weight:800; font-variant-numeric:tabular-nums}
.k-fb .fch[aria-pressed="true"]{background:#17221B; color:#F2C21B; border-color:#17221B}
:root[data-theme="dark"] .k-fb .fch[aria-pressed="true"]{background:#F4CB3A; color:#17221B; border-color:#F4CB3A}
.k-fb .fch:hover{background:var(--straw)}
.k-fb .cards > li[hidden],.k-fb .f-empty[hidden]{display:none}
.k-fb .f-empty{padding:16px; border:3px dashed var(--ink); font-size:16px; line-height:1.5}
.k-fb .f-empty a{color:var(--link); text-decoration:underline; text-underline-offset:3px}
.k-fb .pager{display:flex; flex-wrap:wrap; gap:6px; margin-top:36px}
.k-fb .pager a,.k-fb .pager span{display:grid; place-items:center; min-width:44px; height:44px; padding:0 10px; border:2.5px solid var(--ink); font:800 19px/1 var(--fd)}
.k-fb .pager span{border-color:#0000}
.k-fb .pager a[aria-current]{background:var(--sign); color:var(--sign-ink); border-color:var(--sign)}
.k-fb .pager a:hover{background:var(--straw)}
.k-fb .pager a.next{text-transform:uppercase; letter-spacing:.04em}
.k-fb .near{display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:28px}
.k-fb .near > span{font:700 14px/1 var(--fd); letter-spacing:.08em; text-transform:uppercase}
.k-fb .near .chip b{margin-left:6px; font-weight:800}
.k-fb .pop4{margin-top:34px; padding:22px 16px 8px; background-color:var(--straw)}
.k-fb .pop4 .h2{font-size:30px; margin-bottom:10px}

/* ===== компьютер ===== */
@media (min-width:960px){
  .k-fb{--pad:40px; --rib-h:108px; --anc:62px; font-size:18px}
  .k-fb .h2{font-size:64px}
  .k-fb .sec{padding-block:64px 64px}
  .k-fb .hdr{height:78px; padding:0 30px 0 var(--pad); gap:8px}
  .k-fb .logo{font-size:28px}
  .k-fb .logo svg{width:40px; height:48px}
  .k-fb .hdr .hq{display:flex; flex:0 1 460px; height:48px; margin-right:12px}
  .k-fb .hq button{font-size:17px}
  .k-fb .hb.hs{display:none}
  .k-fb .htools{display:inline-flex; align-items:center; width:auto; gap:8px; padding:0 14px; font:700 18px/1 var(--fd); text-transform:uppercase; letter-spacing:.04em}
  .k-fb .htools span{display:inline}
  .k-fb .rib-in{max-width:1280px; margin-inline:auto; padding-inline:var(--pad)}
  .k-fb .sez{width:128px; padding:0 18px; gap:6px}
  .k-fb .sez b{font-size:32px}
  .k-fb .sez small{font-size:12px}
  .k-fb .rib-ul{justify-content:space-between; gap:10px; padding:0 0 0 22px; background-position:0 14.5px}
  .k-fb .rib-ul li{padding-top:3px}
  .k-fb .rt{--hw:28px; --r:12px; width:90px; padding:7px 8px 8px}
  .k-fb .rt svg{width:32px; height:32px}
  .k-fb .rt em{font-size:21px}
  .k-fb .rt b{font-size:16px}
  .k-fb .sez-pop{left:var(--pad)}
  .k-fb .hero-in{padding-block:52px 70px}
  .k-fb .hero-txt{max-width:900px}
  .k-fb .h1{font-size:100px; line-height:.88; margin-top:22px}
  .k-fb .lede{font-size:22px; margin-top:22px; max-width:34ch}
  .k-fb .hero .q{max-width:640px; height:64px; margin-top:28px}
  .k-fb .hero .q input{font-size:18px}
  .k-fb .hero .q button{font-size:22px; padding:0 28px}
  .k-fb .sign{--hw:70px; --r:26px; --str:92px; display:flex; position:absolute; right:calc(var(--pad) + 20px); top:0; width:250px; margin-top:calc(var(--hh) + 74px);
    padding:18px 20px 22px; --c:var(--sign); color:var(--sign-txt); rotate:4deg; animation:fb-sway 5s ease-in-out infinite}
  .k-fb .sign b{font:800 128px/.8 var(--fd); color:var(--sign-ink); letter-spacing:-.02em}
  .k-fb .sign span{margin-top:8px; font:800 32px/1 var(--fd); text-transform:uppercase}
  .k-fb .sign i{margin-top:14px; padding-top:12px; border-top:3px solid currentColor; font:700 18px/1.2 var(--fd); font-style:normal; letter-spacing:.06em; text-transform:uppercase}
  .k-fb .season{padding-block:64px 72px}
  .k-fb .season-in{display:grid; grid-template-columns:400px 1fr; grid-template-rows:auto 1fr; gap:0 64px}
  .k-fb .wheel{position:relative; right:auto; top:auto; width:400px; grid-row:1 / span 3}
  .k-fb .sz-txt{padding-right:0; min-height:0}
  .k-fb .sz-h{display:flex; align-items:baseline; gap:24px; font-size:128px}
  .k-fb .sz-h span{font-size:34px}
  .k-fb .sz-l{font-size:20px}
  .k-fb .tasks{grid-template-columns:1fr 1fr; gap:16px; margin-top:26px; align-content:start}
  .k-fb .task .ht-b{min-height:112px; padding:16px 18px 16px 42px}
  .k-fb .task b{font-size:17px}
  .k-fb .task svg{width:44px; height:44px}
  .k-fb .nm-in{padding-block:56px 64px}
  .k-fb .nm-box{padding:30px 34px 34px}
  .k-fb .nm-h{display:grid; grid-template-columns:auto 1fr; align-items:end; gap:0 40px}
  .k-fb .nm-k{grid-column:1 / -1}
  .k-fb .nm-t{font-size:64px}
  .k-fb .nm-s{font-size:16px; max-width:40ch; justify-self:end; text-align:right}
  .k-fb .nm-l{grid-template-columns:repeat(var(--n,5),minmax(0,1fr)); margin-top:26px; border-top:2px solid var(--field-line)}
  .k-fb .nm-l > div,.k-fb .nm-l > div:nth-child(odd),.k-fb .nm-l > div:nth-child(even){padding:18px 12px 4px 16px; border:0; border-left:2px solid var(--field-line)}
  .k-fb .nm-l > div:first-child{border-left:0; padding-left:0}
  .k-fb .nm-l > div:last-child{grid-column:auto}
  .k-fb .nm-l dt{font-size:15px}
  .k-fb .nm-l dd{font-size:60px; margin-top:10px}
  .k-fb .nm-l dd small{font-size:.36em}
  .k-fb .board-w{padding-block:10px}
  .k-fb .board{grid-template-columns:repeat(5,1fr)}
  .k-fb .board > li{padding:10px 12px 34px}
  .k-fb .bt{--hw:44px; min-height:244px; padding:16px 16px 18px}
  .k-fb .board > li::before{top:13px; height:18px}
  .k-fb .board > li::after{top:18px}
  .k-fb .bt svg{width:60px; height:60px}
  .k-fb .bt-n{font-size:56px}
  .k-fb .bt-t{font-size:30px}
  .k-fb .bt small.cap{font-size:14px}
  .k-fb .tl{grid-template-columns:repeat(4,1fr); gap:20px}
  .k-fb .tool .ht-b{min-height:170px; padding:20px 18px 20px 44px}
  .k-fb .tl-g{font-size:72px}
  .k-fb .tool b{font-size:26px}
  .k-fb .tool small{font-size:15px}
  .k-fb .cards{grid-template-columns:repeat(3,1fr); gap:24px 30px}
  .k-fb .ct{min-height:300px; padding:18px 20px 20px}
  .k-fb .ct-big{font-size:58px}
  .k-fb .ct-t{font-size:17px}
  .k-fb .read-in{display:grid; grid-template-columns:1fr 420px; gap:56px; align-items:start}
  .k-fb .rank{columns:1}
  .k-fb .rank a{grid-template-columns:56px 1fr; padding:14px 0}
  .k-fb .rank a::before{font-size:56px}
  .k-fb .rk-t{font-size:19px}
  .k-fb .policy{margin-top:0; padding:28px 26px 16px}
  .k-fb .policy .h2{font-size:40px}
  .k-fb .foot .soil{padding-block:40px 36px}
  .k-fb .foot-in{grid-template-columns:auto 1fr auto; align-items:center; gap:30px}
  /* статья */
  .k-fb .top2{grid-template-columns:1fr 470px; grid-template-areas:"head pass" "brief pass"; gap:0 56px; align-items:start}
  .k-fb .ph-head{grid-area:head}
  .k-fb .pass{grid-area:pass; --str:52px; margin-top:calc(var(--hh) + 50px); padding:20px 22px 22px}
  .k-fb .brief{grid-area:brief; margin-top:28px}
  .k-fb .ph1{font-size:70px; line-height:.9; margin-top:10px}
  .k-fb .ps-h b{font-size:32px}
  .k-fb .ps-g dd{font-size:52px}
  .k-fb .brief{padding:22px 24px}
  .k-fb .brief ul{grid-template-columns:1fr 1fr; gap:14px 28px}
  .k-fb .route{margin-top:44px; padding-block:22px 36px}
  .k-fb .rt-h b{font-size:32px}
  .k-fb .fence{gap:18px; margin-top:12px; background-position:0 17px; background-size:100% 14px}
  .k-fb .rs{--hw:30px; --r:14px; min-height:104px; padding:10px 8px 12px}
  .k-fb .rs i{font-size:36px}
  .k-fb .rs span{font-size:18px}
  .k-fb .rs svg{width:18px; height:18px; top:8px; right:8px}
  .k-fb .art{grid-template-columns:minmax(0,1fr) 340px; gap:0 64px; padding-top:40px}
  .k-fb .toc{grid-column:2; grid-row:1}
  .k-fb .clip{position:sticky; top:calc(var(--rib-h) + 34px); margin-top:14px}
  .k-fb .body{grid-column:1; grid-row:1; padding-top:0}
  .k-fb .h2a{font-size:44px}
  .k-fb .rsn{font-size:32px}
  .k-fb .tbl thead{position:static; width:auto; height:auto; overflow:visible; clip-path:none; display:table-header-group}
  .k-fb .tbl tbody{display:table-row-group}
  .k-fb .tbl tr{display:table-row; padding:0; border:0; background:none}
  .k-fb .tbl th{padding:10px 12px; text-align:left; font:800 16px/1 var(--fd); letter-spacing:.08em; text-transform:uppercase; background:#17221B; color:#F2C21B}
  :root[data-theme="dark"] .k-fb .tbl th{background:#F4CB3A; color:#17221B}
  .k-fb .tbl td{display:table-cell; padding:12px; border-bottom:2px solid var(--line); vertical-align:middle}
  .k-fb .tbl tbody tr:nth-child(odd) td{background:var(--straw)}
  .k-fb .tbl td:first-child{font-size:20px; width:30%}
  .k-fb .tbl td.n{position:static; width:120px}
  .k-fb .nx{grid-template-columns:repeat(3,1fr)}
  .k-fb .blk-h{font-size:44px}
  .k-fb .more-q .cards{grid-template-columns:repeat(3,1fr); gap:24px 22px}
  .k-fb .more-q .ct-big{font-size:48px}
  /* рубрика */
  .k-fb .hub .hero-in{display:grid; grid-template-columns:1fr 440px; gap:0 40px; padding-top:10px; padding-bottom:0}
  .k-fb .hub .crumbs{grid-column:1 / -1}
  .k-fb .hub-txt{padding-bottom:56px; align-self:center}
  .k-fb .hub-h1{font-size:88px}
  .k-fb .hub-art{width:440px; margin:0 0 -6px; align-self:end}
  .k-fb .facts .soil{padding-block:40px 44px}
  .k-fb .fx{grid-template-columns:repeat(4,1fr); gap:30px}
  .k-fb .fx li{padding-left:20px; border-left:3px solid rgb(242 194 27 / .45)}
  .k-fb .fx b{font-size:88px}
  .k-fb .fx span{font-size:16px}
  .k-fb .bars{grid-template-columns:repeat(var(--cols,7),minmax(0,1fr)); gap:18px; align-items:start}
  .k-fb .bars > li{grid-template-columns:1fr; align-content:end; gap:8px}
  .k-fb .bar-w{order:-1; height:260px; display:flex; align-items:flex-end; background:repeating-linear-gradient(0deg,var(--line) 0 2px,#0000 2px 52px)}
  .k-fb .bar{width:100%; height:calc(var(--n) / var(--max,26) * 100%); min-height:44px; align-items:flex-start; justify-content:center; padding:10px 0 0}
  .k-fb .bar b{font-size:34px}
  .k-fb .bar-t{font-size:22px; padding-top:4px; border-top:4px solid var(--ink)}
  .k-fb .is-hot .bar-t::after{display:block; width:max-content; margin:6px 0 0}
  .k-fb .bar-l{display:grid; gap:0; font-size:14px}
  .k-fb .start-c{grid-template-columns:260px 1fr; gap:48px; padding:36px 44px 40px}
  .k-fb .start-tag{width:auto; min-height:200px; margin-top:34px}
  .k-fb .start-tag b{font-size:44px}
  .k-fb .start-t b{font-size:44px; line-height:.95}
  .k-fb .start-t span{font-size:17px; max-width:56ch}
  .k-fb .all-in{display:grid; grid-template-columns:1fr 360px; gap:48px; align-items:start}
  .k-fb .all-in .cards{grid-template-columns:repeat(3,1fr); gap:20px 18px}
  .k-fb .all-in .ct-big{font-size:44px}
  .k-fb .all-in .ct{min-height:270px}
  .k-fb .pop4{margin-top:0; padding:24px 22px 12px; background-color:var(--straw)}
  .k-fb .pop4 .h2{font-size:36px}
}
@media (prefers-reduced-motion:reduce){
  .k-fb *,.k-fb *::before,.k-fb *::after{animation:none!important; transition:none!important}
}
.ds-rm .k-fb *,.ds-rm .k-fb *::before,.ds-rm .k-fb *::after{animation:none!important; transition:none!important}

/* ===================================================================================================
   САЙТ: правки макета под окно браузера и настоящие данные
   =================================================================================================== */
html{background:#F7F8F3}
:root[data-theme="dark"]{background:#0F1511; color-scheme:dark}
body.k-fb{margin:0; min-height:100vh; overflow-x:clip}
/* спрайт ядро кладёт в <div hidden>; маски пиктограмм работают только у отрисованного SVG */
.k-fb > div[hidden]:has(> svg > defs){display:block!important; position:absolute; width:0; height:0; overflow:hidden}
.k-fb .skip{position:absolute; left:8px; top:-80px; z-index:100; padding:12px 16px; background:var(--sign); color:var(--sign-ink); font:800 18px/1 var(--fd); text-transform:uppercase}
.k-fb .skip:focus{top:8px}
.k-fb main{display:block}
.admin-bar.k-fb .rib{top:var(--wp-admin--admin-bar--height,0px)}
.k-fb .sec--head{padding-bottom:18px}
.k-fb .sec--head .sec-h{margin-bottom:0}
.k-fb .sec--flush{padding-top:0}
.k-fb .sec-h--flat{border:0; margin-bottom:10px}
.k-fb .sec-h .kicker{padding-bottom:4px}
.k-fb .sz-h b{font-weight:inherit}
.k-fb .sz-foot[hidden],.k-fb .sz-empty[hidden],.k-fb .sz-set[hidden]{display:none}
.k-fb .lnk{color:var(--link); text-decoration:underline; text-underline-offset:3px; font-weight:600}
.k-fb .sez-pop a[aria-current]{outline:3px solid var(--ink); outline-offset:-3px}
.k-fb .rt{cursor:pointer}
/* подсказки поиска по индексу статей */
.k-fb .q{position:relative}
.k-fb .q-sug{position:absolute; z-index:60; left:-3px; right:-3px; top:calc(100% + 3px); max-height:min(420px,60vh); overflow-y:auto; background:var(--card); color:var(--ink); border:3px solid var(--q-line); box-shadow:6px 6px 0 rgb(23 34 27 / .18)}
.k-fb .q-sug[hidden]{display:none}
.k-fb .q-sug li + li{border-top:1px solid var(--line)}
.k-fb .q-sug a{display:grid; gap:2px; min-height:44px; padding:9px 14px; text-align:left}
.k-fb .q-sug b{font:600 15px/1.3 var(--ft)}
.k-fb .q-sug small{font:700 12px/1.1 var(--fd); letter-spacing:.08em; text-transform:uppercase; color:var(--mute)}
.k-fb .q-sug li.is-on a,.k-fb .q-sug a:hover{background:var(--straw)}
.k-fb .q-sug li.is-on b,.k-fb .q-sug a:hover b{color:var(--link); text-decoration:underline; text-underline-offset:3px}
/* числа из паспортов: число не переносится, единица — может */
.k-fb .nv,.k-fb .nm-l dd small,.k-fb .ps-g dd small,.k-fb .fx b small{white-space:nowrap}
.k-fb .nv.is-long{font-size:.74em}
.k-fb .nm-l dd{white-space:normal; font-size:44px}
.k-fb .nm-l dd.nm-n{margin-top:6px; font:500 13px/1.35 var(--ft); color:var(--field-ink); opacity:.88; letter-spacing:0}
.k-fb .nm-s a{text-decoration:underline; text-underline-offset:3px; color:var(--field-num)}
.k-fb .fx b{white-space:normal}
.k-fb .fx b small{display:inline; margin:0 .18em 0 .22em; color:inherit; font-family:var(--fd); letter-spacing:.02em; text-transform:none}
.k-fb .fx small a{text-decoration:underline; text-underline-offset:3px}
.k-fb .fx small a:hover{color:#F2C21B}
/* карточки-бирки: длинное слово не распирает сетку */
.k-fb .ct-big{overflow-wrap:anywhere}
.k-fb .ct-big.is-long{font-size:36px}
.k-fb .ct-big.is-xlong{font-size:30px}
.k-fb .ct-t{overflow-wrap:anywhere}
.k-fb .stamp--ok{border-style:solid}
.k-fb .stamp--out{background:var(--red-bg); color:var(--red-ink); border-color:var(--red-bg)}
/* сетка бирок в несколько рядов: «шапка» бирки внутри своей ячейки, ряды не наезжают */
.k-fb .cards > li{display:flex; flex-direction:column}
.k-fb .cards > li > .ct{flex:1 1 auto; height:auto}
.k-fb .cards{row-gap:22px}
.k-fb .fx b .nv{display:inline; margin:0; font-size:inherit; line-height:inherit}
.k-fb .fx b .nv.is-long{font-size:.74em}
/* число и единица — гибкая строка: единица переносится целиком и не тянет за собой высоту крупной цифры */
.k-fb .fx b,.k-fb .nm-l dd:not(.nm-n),.k-fb .ps-g dd:not(.ps-n):not(.ps-t){display:flex; flex-wrap:wrap; align-items:baseline}
.k-fb .fx b small,.k-fb .nm-l dd small,.k-fb .ps-g dd small{line-height:1.1}
/* шильдики статьи */
.k-fb .fresh.is-ok{--c:var(--done); rotate:-2deg}
.k-fb .out{margin-top:16px; padding:12px 14px; background:var(--red-bg); color:var(--red-ink); font-size:16px; line-height:1.5}
.k-fb .out b{font:800 19px/1 var(--fd); text-transform:uppercase; letter-spacing:.03em}
.k-fb .out a{color:inherit; text-decoration:underline; text-underline-offset:3px; font-weight:700}
/* паспорт: числовые строки парами, текстовые — во всю ширину; линии сетки — просветы между ячейками */
.k-fb .ps-g{gap:2px; margin:0 -16px; background:rgb(23 34 27 / .24)}
.k-fb .ps-g > div,.k-fb .ps-g > div:nth-child(odd),.k-fb .ps-g > div:nth-child(even),.k-fb .ps-g > div:nth-last-child(-n+2){padding:11px 16px 10px; border:0; background:var(--c,var(--tag))}
.k-fb .ps-g > .is-txt,.k-fb .ps-g > .is-wide{grid-column:1 / -1}
.k-fb .ps-g dd{white-space:normal}
.k-fb .ps-g dd.ps-t{margin-top:4px; font:600 15px/1.4 var(--ft); letter-spacing:0; white-space:normal}
.k-fb .ps-g dd.ps-n{font-size:13px}
.k-fb .ps-g code,.k-fb .brief code{font-size:.9em}
/* маршрут: на телефоне изгородь листается вбок, если шагов больше пяти */
.k-fb .fence-sc{overflow-x:auto; overflow-y:hidden; margin-inline:calc(var(--pad) * -1); padding:0 var(--pad) 18px; scrollbar-width:none}
.k-fb .fence-sc::-webkit-scrollbar{display:none}
.k-fb .fence{min-width:max(100%, calc(var(--cols,6) * 82px))}
.k-fb .rs{text-decoration:none}
.k-fb a.rs:hover span{text-decoration:underline}
/* тело статьи без паспорта / без оглавления */
.k-fb .no-toc .body{max-width:820px}
.k-fb .body > .cs-body{margin-top:0}
.k-fb .faq-s .h2a{margin-top:40px!important}
.k-fb .faq{margin-top:14px}
.k-fb .faq-a{padding:0 0 16px; font-size:16px; line-height:1.55; max-width:62ch}
.k-fb .faq-a > * + *{margin-top:10px}
.k-fb .faq-a a{color:var(--link); text-decoration:underline}
.k-fb .faq-a ul{list-style:disc; padding-left:22px}
.k-fb .faq-a ol{list-style:decimal; padding-left:22px}
.k-fb section.src{display:grid; gap:8px}
.k-fb .src-h{font:800 22px/1 var(--fd); text-transform:uppercase; color:var(--ink)}
.k-fb .src ol{list-style:decimal; padding-left:22px; display:grid; gap:6px}
.k-fb .src a{color:var(--link); text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere}
.k-fb .blk-h small{font-size:.6em; color:var(--mute)}
/* комментарии */
.k-fb .cm-l{display:grid; gap:0; margin-top:10px}
.k-fb .cm{padding:14px 0; border-bottom:2px solid var(--line)}
.k-fb .cm-h{display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 12px}
.k-fb .cm-h b{font:800 19px/1.1 var(--fd); text-transform:uppercase}
.k-fb .cm-h time{font:700 13px/1 var(--fd); letter-spacing:.08em; color:var(--mute)}
.k-fb .cm-t{margin-top:6px; font-size:16px; line-height:1.55; overflow-wrap:anywhere}
.k-fb .cm-t > * + *{margin-top:8px}
/* хаб: не хозяйство / подрубрика / поиск / 404 — без иллюстрации */
.k-fb .hub--sub .hero-in{padding-bottom:34px}
.k-fb .hub .q{margin-top:20px; max-width:640px}
.k-fb .hub-art--pic .hub-pic{color:#17221B}
.k-fb .hub-h1{overflow-wrap:break-word}
.k-fb .bar-t a:hover{color:var(--link); text-decoration:underline}
.k-fb .fch{color:var(--ink)}
.k-fb .fch[aria-current]{background:#17221B; color:#F2C21B; border-color:#17221B}
:root[data-theme="dark"] .k-fb .fch[aria-current]{background:#F4CB3A; color:#17221B; border-color:#F4CB3A}
.k-fb .pager a.prev,.k-fb .pager a.next{text-transform:uppercase; letter-spacing:.04em}
.k-fb .nf{padding:18px 16px; border:3px dashed var(--ink)}
.k-fb .nf-t{font-size:17px; line-height:1.5; max-width:62ch}
.k-fb .near--all{margin-top:14px}
.k-fb .top-r{margin-top:40px}
.k-fb .e404 .hero-in{padding-top:30px}
.k-fb .e404 .lost{--hw:52px; --r:20px; --str:30px; --c:var(--sign); color:var(--sign-txt); width:170px; margin:calc(var(--hh) + 34px) 0 6px auto; padding:14px 16px 16px; rotate:7deg; animation:fb-sway 5s ease-in-out infinite}
.k-fb .e404 .lost b{font:800 72px/.85 var(--fd); color:var(--sign-ink)}
.k-fb .e404 .lost span{margin-top:6px; font:800 18px/1 var(--fd); text-transform:uppercase}
.k-fb .home-txt .cs-body,.k-fb .about-cat .cs-body{max-width:820px}
.k-fb .home-txt .h2,.k-fb .about-cat .h2{font-size:30px}
.k-fb .policy ol{margin-top:16px}
.k-fb .policy .more{margin-top:6px}
.k-fb .pg-head{padding-bottom:6px}
.k-fb .page-s .art{padding-top:20px}
/* карта сайта [htmlsitemap] */
.k-fb .fb-map h2{margin-top:34px}
.k-fb .fb-map h2 small,.k-fb .fb-map h3 small{font:700 .6em/1 var(--fd); color:var(--mute); margin-left:4px}
.k-fb .fb-map h2 a,.k-fb .fb-map h3 a{text-decoration:none; color:var(--ink)}

/* ===================================================================================================
   ТЕКСТ СТАТЬИ .cs-body — любая разметка старых и новых статей (Root, классический редактор, блоки)
   =================================================================================================== */
.k-fb .cs-body{font-size:17px; line-height:1.65; overflow-wrap:break-word; min-width:0}
.k-fb .cs-body > * + *{margin-top:16px}
.k-fb .cs-body > :first-child{margin-top:0}
.k-fb .cs-body p,.k-fb .cs-body li{max-width:70ch}
.k-fb .cs-body h2{position:relative; margin-top:44px; font:800 32px/1 var(--fd); letter-spacing:-.003em; text-wrap:balance; scroll-margin-top:130px}
.k-fb .cs-body h3{margin-top:32px; font:800 24px/1.08 var(--fd); text-wrap:balance; scroll-margin-top:130px}
.k-fb .cs-body h4,.k-fb .cs-body h5,.k-fb .cs-body h6{margin-top:26px; font:700 18px/1.2 var(--fd); text-transform:uppercase; letter-spacing:.05em}
.k-fb .cs-body h2 + *,.k-fb .cs-body h3 + *,.k-fb .cs-body h4 + *{margin-top:10px}
.k-fb .cs-body h2 + h3{margin-top:18px}
.k-fb .cs-body a,.k-fb .cs-body .pseudo-clearfy-link{color:var(--link); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; cursor:pointer}
.k-fb .cs-body a:hover{text-decoration-thickness:2px}
.k-fb .cs-body strong,.k-fb .cs-body b{font-weight:700}
.k-fb .cs-body em,.k-fb .cs-body i{font-style:italic}
.k-fb .cs-body small{font-size:.85em}
.k-fb .cs-body sub,.k-fb .cs-body sup{font-size:.7em; line-height:0}
.k-fb .cs-body mark{background:var(--tag); color:#17221B; padding:0 .15em}
.k-fb .cs-body hr{height:0; border:0; border-top:3px dashed var(--line); margin-block:30px}
/* списки: маркер — маленькая бирка, нумерация — жирной цифрой */
.k-fb .cs-body ul > li,.k-fb .cs-body ol > li{position:relative}
.k-fb .cs-body ul > li{padding-left:24px}
.k-fb .cs-body ul > li::before{content:""; position:absolute; left:2px; top:.5em; width:10px; height:12px; background:var(--c,var(--tag)); border-radius:5px 5px 2px 2px; box-shadow:0 0 0 1.5px #17221B}
.k-fb .cs-body ol{counter-reset:li}
.k-fb .cs-body ol > li{counter-increment:li; padding-left:34px}
.k-fb .cs-body ol > li::before{content:counter(li); position:absolute; left:0; top:.1em; min-width:24px; font:800 20px/1.2 var(--fd); color:var(--link); text-align:right}
.k-fb .cs-body li + li{margin-top:8px}
.k-fb .cs-body li > ul,.k-fb .cs-body li > ol{margin-top:8px}
.k-fb .cs-body dl dt{font-weight:700; margin-top:12px}
.k-fb .cs-body dl dd{margin-left:0}
/* врезки */
.k-fb .cs-body blockquote{position:relative; padding:14px 16px 14px 18px; border-left:6px solid var(--ink); background:var(--straw); font-size:16px; line-height:1.55}
.k-fb .cs-body blockquote > * + *{margin-top:10px}
.k-fb .cs-body blockquote p{max-width:none}
.k-fb .cs-body blockquote cite{display:block; margin-top:8px; font:700 13px/1.2 var(--fd); letter-spacing:.08em; text-transform:uppercase; font-style:normal; color:var(--mute)}
.k-fb .cs-body blockquote.info{border-left-color:var(--link)}
.k-fb .cs-body blockquote.warning{border-left-color:var(--amber-bg); background:#FFF1C9; color:#17221B}
.k-fb .cs-body blockquote.check{border-left-color:var(--done); background:#E2F1DD; color:#17221B}
.k-fb .cs-body blockquote.danger{border-left:0; padding:16px 16px 16px 60px; background:var(--red-bg); color:var(--red-ink)}
.k-fb .cs-body blockquote.warning::before,.k-fb .cs-body blockquote.check::before,.k-fb .cs-body blockquote.info::before{display:block; margin-bottom:6px; font:800 14px/1 var(--fd); letter-spacing:.1em; text-transform:uppercase}
.k-fb .cs-body blockquote.warning::before{content:"Внимание"; color:#8A5A00}
.k-fb .cs-body blockquote.check::before{content:"Проверьте"; color:#2E6B3F}
.k-fb .cs-body blockquote.info::before{content:"Важно"; color:var(--link)}
.k-fb .cs-body blockquote.danger::before{content:""; position:absolute; left:14px; top:16px; width:32px; height:32px; background:#FFF4F0;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M17 5h14v12h12v14H31v12H17V31H5V17h12z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M17 5h14v12h12v14H31v12H17V31H5V17h12z'/%3E%3C/svg%3E") center / contain no-repeat}
.k-fb .cs-body blockquote.danger a{color:inherit}
.k-fb .cs-body blockquote.warning a,.k-fb .cs-body blockquote.check a{color:#1F4D2C}
:root[data-theme="dark"] .k-fb .cs-body blockquote.warning{background:#2A2312; color:var(--ink)}
:root[data-theme="dark"] .k-fb .cs-body blockquote.warning::before{color:#F0B64A}
:root[data-theme="dark"] .k-fb .cs-body blockquote.check{background:#16261A; color:var(--ink)}
:root[data-theme="dark"] .k-fb .cs-body blockquote.check::before{color:#7FC58E}
:root[data-theme="dark"] .k-fb .cs-body blockquote.warning a,:root[data-theme="dark"] .k-fb .cs-body blockquote.check a{color:var(--link)}
.k-fb .cs-body .wp-block-quote,.k-fb .cs-body .wp-block-pullquote{margin-inline:0}
/* код */
.k-fb .cs-body code,.k-fb .cs-body kbd,.k-fb .cs-body samp{font-family:ui-monospace,"Cascadia Mono",Consolas,monospace; font-size:.88em}
.k-fb .cs-body code{padding:.1em .35em; background:var(--straw); border:1px solid var(--line); overflow-wrap:anywhere}
.k-fb .cs-body kbd{display:inline-block; padding:.05em .4em; border:2px solid var(--ink); border-bottom-width:3px; border-radius:4px; font-weight:600}
.k-fb .cs-body pre{overflow-x:auto; padding:14px 16px; background:#17221B; color:#F7F8F3; font-size:14px; line-height:1.5; tab-size:2}
.k-fb .cs-body pre code{padding:0; background:none; border:0; color:inherit; font-size:inherit; overflow-wrap:normal}
.k-fb code.cs-copy{cursor:copy; padding:.1em .35em; background:var(--tag); color:#17221B; border:1px solid #17221B; font-weight:600}
.k-fb code.cs-copy.is-copied{background:var(--done)}
.k-fb code.cs-copy.is-copied::after{content:" ✓"}
/* картинки, подписи, выравнивание WordPress */
.k-fb .cs-body img{max-width:100%; height:auto; vertical-align:middle}
.k-fb .cs-body figure,.k-fb .cs-body .wp-caption{width:auto!important; max-width:100%; margin-block:24px 0}
.k-fb .cs-body figure img,.k-fb .cs-body .wp-caption img{display:block; margin-inline:auto}
.k-fb .cs-body figure > a,.k-fb .cs-body .wp-caption > a{display:block; text-decoration:none}
.k-fb .cs-body figcaption,.k-fb .cs-body .wp-caption-text,.k-fb .cs-body .wp-element-caption{margin-top:8px; padding-left:10px; border-left:3px solid var(--tag); font-size:13px; line-height:1.45; color:var(--mute); max-width:70ch}
.k-fb .cs-body figcaption a,.k-fb .cs-body .wp-caption-text a{color:inherit}
.k-fb .cs-body .aligncenter,.k-fb .cs-body figure.aligncenter,.k-fb .cs-body img.aligncenter{display:block; margin-inline:auto}
.k-fb .cs-body .alignleft,.k-fb .cs-body .alignright{display:block; margin-inline:auto}
.k-fb .cs-body .alignwide,.k-fb .cs-body .alignfull{max-width:100%}
.k-fb .cs-body .wp-block-image{margin-block:24px 0}
.k-fb .cs-body .wp-block-image img{height:auto}
.k-fb .cs-body .wp-block-gallery,.k-fb .cs-body .gallery,.k-fb .cs-body .blocks-gallery-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); gap:8px; padding:0}
.k-fb .cs-body .wp-block-gallery > li::before,.k-fb .cs-body .blocks-gallery-grid > li::before{display:none}
.k-fb .cs-body .wp-block-gallery li,.k-fb .cs-body .blocks-gallery-grid li,.k-fb .cs-body .gallery-item{padding:0; margin:0}
.k-fb .cs-body .gallery-item img,.k-fb .cs-body .wp-block-gallery img{width:100%; aspect-ratio:4/3; object-fit:cover}
.k-fb .cs-body .wp-block-columns{display:grid; gap:16px}
.k-fb .cs-body .wp-block-separator{border:0; border-top:3px dashed var(--line)}
.k-fb .cs-body .wp-block-button__link,.k-fb .cs-body .wp-block-file__button{display:inline-flex; align-items:center; min-height:44px; padding:0 16px; background:var(--sign); color:var(--sign-ink); font:800 17px/1 var(--fd); text-transform:uppercase; text-decoration:none}
/* видео и вставки: по ширине колонки */
.k-fb .cs-body iframe,.k-fb .cs-body embed,.k-fb .cs-body object{display:block; width:100%; max-width:100%; height:auto; aspect-ratio:16/9; border:0; background:var(--straw)}
.k-fb .cs-body video,.k-fb .cs-body audio{display:block; width:100%; max-width:100%; height:auto}
.k-fb .cs-body .wp-block-embed,.k-fb .cs-body .wp-block-video{margin-inline:0}
.k-fb .cs-body .wp-block-embed__wrapper{position:relative}
.k-fb .cs-body .wp-block-embed.is-type-rich iframe,.k-fb .cs-body iframe[src*="yandex.ru/map"],.k-fb .cs-body iframe[src*="google.com/maps"]{aspect-ratio:4/3}
/* таблицы: обёртка ядра div.cs-table — горизонтальная прокрутка; с шапкой и 2–4 колонками на телефоне — карточки */
.k-fb .cs-body .cs-table{overflow-x:auto; max-width:100%; -webkit-overflow-scrolling:touch}
.k-fb .cs-body table{width:100%; min-width:100%; border-collapse:collapse; font-size:15px; line-height:1.45}
.k-fb .cs-body table[style]{width:100%!important}
.k-fb .cs-body caption{caption-side:top; padding:0 0 8px; text-align:left; font:800 17px/1.2 var(--fd); text-transform:uppercase; letter-spacing:.04em}
.k-fb .cs-body th{padding:10px 12px; text-align:left; vertical-align:bottom; font:800 15px/1.1 var(--fd); letter-spacing:.06em; text-transform:uppercase; background:#17221B; color:#F2C21B}
:root[data-theme="dark"] .k-fb .cs-body th{background:#F4CB3A; color:#17221B}
.k-fb .cs-body td{padding:10px 12px; border-bottom:2px solid var(--line); vertical-align:top}
.k-fb .cs-body tbody tr:nth-child(odd) td{background:var(--straw)}
.k-fb .cs-body tbody th{background:var(--straw); color:var(--ink)}
.k-fb .cs-body td > :first-child{margin-top:0}
.k-fb .cs-body tbody td:first-child{font-weight:600}
.k-fb .cs-body .cs-table:not(.is-cards) table{min-width:560px}
@media (max-width:959.98px){
  .k-fb .cs-body .cs-table.is-cards{overflow:visible}
  .k-fb .cs-body .is-cards table,.k-fb .cs-body .is-cards tbody,.k-fb .cs-body .is-cards tr,.k-fb .cs-body .is-cards td,.k-fb .cs-body .is-cards tbody th{display:block; width:auto; min-width:0}
  .k-fb .cs-body .is-cards thead{position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%)}
  .k-fb .cs-body .is-cards tbody{display:grid; gap:10px}
  .k-fb .cs-body .is-cards tr{padding:12px 14px; background:var(--straw); border-left:6px solid var(--ink)}
  .k-fb .cs-body .is-cards tbody tr:nth-child(odd) td,.k-fb .cs-body .is-cards td,.k-fb .cs-body .is-cards tbody th{padding:3px 0; border:0; background:none; color:var(--ink)}
  .k-fb .cs-body .is-cards td:first-child,.k-fb .cs-body .is-cards tbody th:first-child{padding-bottom:6px; font:800 20px/1.1 var(--fd); letter-spacing:0; text-transform:none}
  .k-fb .cs-body .is-cards td:not(:first-child)[data-label]::before{content:attr(data-label); display:block; font:700 12px/1.2 var(--fd); letter-spacing:.09em; text-transform:uppercase; color:var(--mute)}
}
/* старые классы Root, WPShop и классического редактора */
.k-fb .cs-body .b-r,.k-fb .cs-body .table-of-contents,.k-fb .cs-body .toc_container{display:none}
.k-fb .cs-body .spoiler-box,.k-fb .cs-body .spoiler{padding:12px 14px; border:2px dashed var(--line)}
.k-fb .cs-body .clear,.k-fb .cs-body .clearfix{clear:both}
.k-fb .cs-body [style*="float"]{float:none!important; max-width:100%}
.k-fb .cs-body [style*="width"]:not(table):not(img):not(iframe){max-width:100%!important}
.k-fb .cs-body .screen-reader-text{position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%)}
.k-fb .cs-body div,.k-fb .cs-body section{min-width:0}
@media (min-width:600px){
  .k-fb .cs-body .alignleft{float:left; max-width:50%; margin:6px 22px 12px 0}
  .k-fb .cs-body .alignright{float:right; max-width:50%; margin:6px 0 12px 22px}
  .k-fb .cs-body h2,.k-fb .cs-body h3,.k-fb .cs-body .cs-table,.k-fb .cs-body blockquote,.k-fb .cs-body hr{clear:both}
  .k-fb .cs-body .wp-block-columns{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
}

/* ===== компьютер: правки сайта ===== */
@media (min-width:960px){
  .k-fb .nm-l dd{font-size:60px}
  .k-fb .nm-l > div:last-child:nth-child(odd){grid-column:auto; border-left:2px solid var(--field-line)}
  .k-fb .nm-l > div:first-child:last-child{border-left:0}
  .k-fb .cs-body{font-size:18px}
  .k-fb .cs-body h2{margin-top:52px; font-size:44px}
  .k-fb .cs-body h3{font-size:28px}
  .k-fb .cs-body table{font-size:16px}
  .k-fb .top2.no-pass{grid-template-columns:minmax(0,1fr); grid-template-areas:"head" "brief"}
  .k-fb .top2.no-pass .brief{max-width:980px}
  .k-fb .art.no-toc{grid-template-columns:minmax(0,1fr)}
  .k-fb .art.no-toc .body{grid-column:1}
  .k-fb .fence-sc{overflow:visible; margin-inline:0; padding:0 0 6px}
  .k-fb .fence{min-width:0}
  .k-fb .ps-g{margin:0 -22px}
  .k-fb .ps-g > div,.k-fb .ps-g > div:nth-child(odd),.k-fb .ps-g > div:nth-child(even),.k-fb .ps-g > div:nth-last-child(-n+2){padding:12px 22px 11px}
  .k-fb .hub--sub .hero-in{display:block; padding-bottom:52px}
  .k-fb .hub--sub .hub-h1{font-size:72px}
  .k-fb .hub--sub .hub-txt{padding-bottom:0; max-width:1000px}
  .k-fb .all-in.no-pop{grid-template-columns:minmax(0,1fr)}
  .k-fb .all-in.no-pop .cards{grid-template-columns:repeat(4,1fr)}
  .k-fb .cards--3{grid-template-columns:repeat(4,1fr)}
  .k-fb .cards--3 .ct-big,.k-fb .all-in.no-pop .ct-big{font-size:44px}
  .k-fb .cards--3 .ct{min-height:270px}
  .k-fb .ct-big.is-long{font-size:40px}
  .k-fb .more-q .ct-big.is-long,.k-fb .all-in .ct-big.is-long,.k-fb .cards--3 .ct-big.is-long{font-size:34px}
  .k-fb .ct-big.is-xlong,.k-fb .more-q .ct-big.is-xlong,.k-fb .all-in .ct-big.is-xlong{font-size:28px}
  .k-fb .e404 .hero-in{display:grid; grid-template-columns:1fr 300px; gap:0 40px; align-items:start}
  .k-fb .e404 .lost{--hw:70px; --r:26px; --str:70px; width:250px; margin:calc(var(--hh) + 40px) 0 0 auto; padding:18px 20px 22px}
  .k-fb .e404 .lost b{font-size:112px}
  .k-fb .e404 .lost span{font-size:26px}
  .k-fb .top-r{max-width:900px}
  .k-fb .home-txt .h2,.k-fb .about-cat .h2{font-size:44px}
  .k-fb .no-toc .body:has(.fb-map){max-width:none}
  .k-fb .fb-map{columns:3; column-gap:48px}
  .k-fb .fb-map > h2:first-child{margin-top:0}
  .k-fb .fb-map h2{break-after:avoid}
}