/* allerrorcodes.ru · система «Табло» — стили сайта (тема cs-2026, sites/allerrorcodes.ru).
   Основа — site.css утверждённого макета (_design/src/sites/ae), развёрнутый из вложенного CSS в обычный
   (работает и в старых браузерах), @container рамки макета → @media окна. Ниже — текст статьи .cs-body,
   раздел, поиск, 404, страница, комментарии и остальное, чего нет в макете.
   Палитра: корпус #F4F6F7, табло #131D28, лампа #F2A900, янтарь текста #8A5A00; тёмная — :root[data-theme="dark"] .k-ae */
.k-ae{--case:#F4F6F7; --sheet:#FFFFFF; --ink:#0F1A24; --ink2:#4A5563; --line:#D5DCE2; --line2:#E7EBEE; --board:#131D28; --board-hi:#1E2C3B; --on:#E7ECF0; --on2:#9AA6B2; --fl1:#243241; --fl2:#172230; --amb:#F2A900; --amb-t:#8A5A00; --led:#FFC233; --gl:255,184,28; --lcd:#C8D1BC; --lcd-t:#1E2A1A; --red:#B3321E; --grn:#1B7449; --l-g:#3BD37F; --l-a:#FFB81C; --l-r:#FF4B3A; --m1:#F4F6F8; --m2:#D3D9DF; --m3:#AEB7BF; --m-ln:rgba(255,255,255,.6); --m-dk:rgba(15,26,36,.045); --k1:#FFFFFF; --k2:#E6EAEE; --k-edge:#AFB8C1; --hi:rgba(255,255,255,.8); --sc1:#F2F4F6; --sc2:#AEB6BE; --sc3:#6E7882; --slot:rgba(33,41,50,.78); --eng1:rgba(15,26,36,.15); --engr:rgba(255,255,255,.85); --f:Geologica,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; --mono:"IBM Plex Mono",ui-monospace,"Cascadia Mono",Consolas,monospace; --glow:0 0 4px rgba(var(--gl),.55),0 0 14px rgba(var(--gl),.35),0 0 32px rgba(var(--gl),.18); --brush:repeating-linear-gradient(180deg,var(--m-ln) 0 1px,transparent 1px 2px,var(--m-dk) 2px 3px,transparent 3px 5px); --sheen:linear-gradient(104deg,transparent 16%,rgba(255,255,255,.55) 34%,transparent 50%,transparent 68%,rgba(255,255,255,.3) 80%,transparent 92%); --metal:var(--brush),var(--sheen),linear-gradient(180deg,var(--m1),var(--m2)); --scr-h:radial-gradient(circle closest-side,var(--sc1) 0 28%,var(--sc2) 60%,var(--sc3) 86%,rgba(0,0,0,.3) 94%,transparent 100%); --scr-a:linear-gradient(45deg,transparent 0 41%,var(--slot) 41% 59%,transparent 59%); --scr-b:linear-gradient(-45deg,transparent 0 41%,var(--slot) 41% 59%,transparent 59%); --screws:var(--scr-a) left 12.5px top 12.5px/8px 8px no-repeat,var(--scr-h) left 10px top 10px/13px 13px no-repeat,
    var(--scr-b) right 12.5px top 12.5px/8px 8px no-repeat,var(--scr-h) right 10px top 10px/13px 13px no-repeat,
    var(--scr-b) left 12.5px bottom 12.5px/8px 8px no-repeat,var(--scr-h) left 10px bottom 10px/13px 13px no-repeat,
    var(--scr-a) right 12.5px bottom 12.5px/8px 8px no-repeat,var(--scr-h) right 10px bottom 10px/13px 13px no-repeat; --dots:radial-gradient(circle,rgba(var(--gl),.09) 0 .7px,transparent 1.2px) 0 0/4px 4px; --bezel:inset 0 1px 0 var(--hi),inset 0 -1px 0 rgba(0,0,0,.12),0 0 0 1px var(--m3),0 18px 32px -22px rgba(15,26,36,.6); background:var(--case); color:var(--ink); font:400 17px/1.65 var(--f); -webkit-font-smoothing:antialiased}
:root[data-theme="dark"] .k-ae{--case:#0B1016; --sheet:#141B23; --ink:#E7ECF0; --ink2:#9AA6B2; --line:#26313C; --line2:#1B242D; --board:#05080C; --board-hi:#0F1822; --fl1:#141D27; --fl2:#0A1017; --amb:#FFB81C; --amb-t:#FFC54D; --led:#FFC54D; --lcd:#A9B59C; --lcd-t:#141D0E; --red:#FF6B5B; --grn:#46C487; --m1:#212A34; --m2:#141B22; --m3:#04070A; --m-ln:rgba(255,255,255,.035); --m-dk:rgba(0,0,0,.22); --k1:#2A3440; --k2:#1B232C; --k-edge:#04070A; --hi:rgba(255,255,255,.07); --sc1:#6A7580; --sc2:#3C4650; --sc3:#1C232A; --slot:rgba(0,0,0,.85); --eng1:rgba(0,0,0,.55); --engr:rgba(255,255,255,.05); --sheen:linear-gradient(104deg,transparent 16%,rgba(255,255,255,.05) 34%,transparent 50%)}
.k-ae *,.k-ae *::before,.k-ae *::after{box-sizing:border-box}
.k-ae [hidden]{display:none!important}
.k-ae a{color:inherit}
.k-ae :focus-visible{outline:3px solid var(--amb); outline-offset:2px; border-radius:4px}
.k-ae h1,.k-ae h2,.k-ae h3{margin:0; font-family:var(--f); font-variation-settings:"SHRP" 100; text-wrap:balance}
.k-ae p{margin:0}
.k-ae .nw{white-space:nowrap}
.k-ae button{font:inherit; color:inherit}
.k-ae .vh{position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap}
.k-ae .lbl{font:600 11px/1.3 var(--mono); letter-spacing:.08em; text-transform:uppercase; color:var(--ink2)}
.k-ae .lbl-led{color:var(--led); text-shadow:var(--glow)}
.k-ae .wrap{max-width:1280px; margin-inline:auto; padding-inline:16px}
.k-ae .d7{display:block; width:auto; height:24px; color:var(--led); filter:drop-shadow(0 0 3px rgba(var(--gl),.75)) drop-shadow(0 0 10px rgba(var(--gl),.3))}
.k-ae .bz{position:relative; border-radius:14px; background:var(--screws),var(--metal); box-shadow:var(--bezel)}
.k-ae .bd{position:relative; overflow:hidden; border-radius:10px; color:var(--on); background:var(--dots),radial-gradient(120% 100% at 25% 0%,var(--board-hi) 0,var(--board) 62%); box-shadow:inset 0 2px 12px rgba(0,0,0,.65),inset 0 0 0 1px rgba(0,0,0,.7),0 1px 0 var(--hi)}
.k-ae .bd::after{content:""; position:absolute; inset:0; pointer-events:none; border-radius:inherit; background:repeating-linear-gradient(0deg,rgba(255,255,255,.022) 0 1px,transparent 1px 3px),linear-gradient(162deg,rgba(255,255,255,.07),transparent 34%)}
.k-ae .lamp{--c:var(--l-a); display:inline-block; flex:none; width:10px; height:10px; border-radius:50%; background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.9) 0 1px,var(--c) 3px,color-mix(in srgb,var(--c) 70%,#000) 100%); box-shadow:0 0 0 2px rgba(0,0,0,.28),0 0 6px 1px var(--c),0 0 16px 4px color-mix(in srgb,var(--c) 42%,transparent)}
.k-ae .lamp.g{--c:var(--l-g)}
.k-ae .lamp.r{--c:var(--l-r)}
.k-ae .lamp.w{--c:#DDE3E8}
.k-ae .lamp.off:not(.on){background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.45) 0 1px,#56606A 3px,#2B333B 100%); box-shadow:0 0 0 2px rgba(0,0,0,.2)}
.k-ae .lamp.blink{animation:aeBreath 2.6s ease-in-out infinite}
.k-ae .key{display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:0 14px; border-radius:6px; font:600 14px/1.15 var(--mono); color:var(--ink); text-decoration:none; cursor:pointer; white-space:nowrap; background:linear-gradient(180deg,var(--k1),var(--k2)); border:1px solid var(--k-edge); box-shadow:0 3px 0 var(--k-edge),0 6px 10px -5px rgba(15,26,36,.4),inset 0 1px 0 var(--hi); transition:transform .08s,box-shadow .08s}
.k-ae .key svg{width:16px; height:16px; flex:none}
.k-ae .key:active{transform:translateY(2px); box-shadow:0 1px 0 var(--k-edge),0 2px 4px -2px rgba(15,26,36,.3),inset 0 1px 0 var(--hi)}
.k-ae .key-d{color:var(--led); text-shadow:0 0 6px rgba(var(--gl),.55); background:linear-gradient(180deg,#28343F,#17202A); border-color:#030507; box-shadow:0 3px 0 #030507,0 6px 10px -5px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.1)}
.k-ae .key-d:active{box-shadow:0 1px 0 #030507,inset 0 1px 0 rgba(255,255,255,.06)}
.k-ae .key-amb,.k-ae .key-ink{font:700 16px/1 var(--f); padding:0 20px}
.k-ae .key-amb{color:#1A1204; background:linear-gradient(180deg,#FFD35A,#F2A900); border-color:#9C6C00; box-shadow:0 3px 0 #9C6C00,0 0 18px rgba(var(--gl),.35),inset 0 1px 0 rgba(255,255,255,.55)}
.k-ae .key-ink{color:#FFC233; background:linear-gradient(180deg,#223040,#0F1A24); border-color:#030507; box-shadow:0 3px 0 #030507,0 8px 14px -6px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.12)}
.k-ae .hdr{display:contents}
.k-ae .hdr-top{display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:58px; padding:6px 16px 0; background:var(--metal)}
.k-ae .hdr-status{display:none}
.k-ae .hdr-find{position:sticky; top:0; z-index:40; padding:8px 16px 10px; background:var(--metal); box-shadow:0 1px 0 var(--m3),0 10px 18px -14px rgba(15,26,36,.7)}
.k-ae .brand{display:inline-flex; align-items:center; gap:10px; min-height:44px; text-decoration:none}
.k-ae .chip{display:inline-grid; place-items:center; padding:5px 7px; border-radius:6px; line-height:0; color:var(--led); background:var(--dots),#131D28; box-shadow:inset 0 1px 4px rgba(0,0,0,.8),0 0 0 1px rgba(0,0,0,.35),0 1px 0 var(--hi)}
.k-ae .chip svg{width:44px; height:23px; filter:drop-shadow(0 0 3px rgba(var(--gl),.75))}
.k-ae .brand-t{font:760 18px/1 var(--f); font-variation-settings:"SHRP" 100; letter-spacing:-.02em; color:var(--ink); white-space:nowrap}
.k-ae .thm{width:44px; height:44px; display:grid; place-items:center; padding:0; border-radius:6px; cursor:pointer; color:var(--ink); background:linear-gradient(180deg,var(--k1),var(--k2)); border:1px solid var(--k-edge); box-shadow:0 3px 0 var(--k-edge),inset 0 1px 0 var(--hi)}
.k-ae .thm:active{transform:translateY(2px); box-shadow:0 1px 0 var(--k-edge)}
.k-ae .thm svg{width:20px; height:20px}
.k-ae .thm .i-moon{display:none}
.k-ae .fx{position:relative; display:flex; align-items:center; gap:6px; min-height:52px; padding:4px; border-radius:8px; background:var(--dots),linear-gradient(180deg,#080D13,#131D28 40%); box-shadow:inset 0 2px 7px rgba(0,0,0,.85),inset 0 0 0 1px rgba(0,0,0,.7),0 1px 0 var(--hi)}
.k-ae .fx:focus-within{box-shadow:inset 0 2px 7px rgba(0,0,0,.85),0 0 0 2px var(--amb),0 0 18px rgba(var(--gl),.35)}
.k-ae .fx-in{flex:1; min-width:0; height:44px; padding:0 0 0 30px; border:0; outline:0; background:transparent; color:#FFC233; font:600 17px/1 var(--mono); letter-spacing:.04em; caret-color:#FFC233; text-shadow:var(--glow)}
.k-ae .fx-in::placeholder{color:rgba(255,194,51,.55); text-shadow:none; font-size:12px; letter-spacing:.1em}
.k-ae .fx-caret{position:absolute; left:16px; top:50%; width:9px; height:19px; margin-top:-10px; pointer-events:none; border-radius:1px; background:#FFC233; box-shadow:0 0 8px rgba(var(--gl),.9); animation:aeCaret 1.1s steps(1) infinite}
.k-ae .fx-in:focus ~ .fx-caret,.k-ae .fx-in:not(:placeholder-shown) ~ .fx-caret{display:none}
.k-ae .fx-go{flex:none; width:44px; height:44px; display:grid; place-items:center; padding:0; border-radius:6px; cursor:pointer; color:#FFC233; background:linear-gradient(180deg,#2A3643,#18212B); border:1px solid #030507; box-shadow:0 2px 0 #030507,inset 0 1px 0 rgba(255,255,255,.1)}
.k-ae .fx-go svg{width:19px; height:19px}
.k-ae .fx-res{position:absolute; left:16px; right:16px; top:calc(100% - 4px); z-index:45; max-height:430px; overflow:auto; padding:6px; border-radius:10px; color:var(--on); background:var(--dots),#131D28; box-shadow:0 22px 44px -14px rgba(0,0,0,.7),0 0 0 1px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.06)}
.k-ae .rs-h{padding:6px 10px 4px; color:var(--on2)}
.k-ae .rs{display:grid; gap:3px; padding:10px; border-radius:6px; text-decoration:none}
.k-ae .rs + .rs{border-top:1px dashed rgba(255,255,255,.09)}
.k-ae .rs:hover,.k-ae .rs:focus-visible{background:rgba(var(--gl),.09)}
.k-ae .rs-top{display:flex; justify-content:space-between; align-items:baseline; gap:10px; flex-wrap:wrap}
.k-ae .rs-c{font:600 17px/1.2 var(--mono); color:#FFC233; text-shadow:var(--glow)}
.k-ae .rs-d{font:600 10px/1.3 var(--mono); letter-spacing:.08em; text-transform:uppercase; color:var(--on2)}
.k-ae .rs-g{font:600 15px/1.35 var(--f); color:var(--on)}
.k-ae .rs-t{font-size:13px; line-height:1.4; color:var(--on2)}
.k-ae .rs-e{display:grid; grid-template-columns:auto 1fr; gap:4px 12px; padding:12px 10px; font-size:14px; line-height:1.45; color:var(--on2)}
.k-ae .rs-e .lamp{margin-top:5px}
.k-ae .rs-e b{display:block; color:var(--on); font-size:15px}
.k-ae .rd{position:absolute; left:16px; right:16px; bottom:2px; height:3px; pointer-events:none; background:linear-gradient(90deg,var(--amb) calc(var(--p,0)*100%),var(--eng1) 0); -webkit-mask:repeating-linear-gradient(90deg,#000 0 9px,transparent 9px 12px); mask:repeating-linear-gradient(90deg,#000 0 9px,transparent 9px 12px)}
.k-ae .sh{display:flex; align-items:center; gap:12px; margin-bottom:16px; min-width:0}
.k-ae .sh h2{flex:0 1 auto; font:800 23px/1.08 var(--f); font-variation-settings:"SHRP" 100; letter-spacing:-.02em; color:var(--ink); min-width:0}
.k-ae .sh::after{content:""; order:5; flex:1 1 0; min-width:0; height:3px; border-top:1px solid var(--eng1); border-bottom:1px solid var(--engr)}
.k-ae .sh-m,.k-ae .sh-a{order:6; font:600 11px/1 var(--mono); letter-spacing:.08em; text-transform:uppercase; color:var(--ink2); white-space:nowrap}
.k-ae .sh-a{display:inline-flex; align-items:center; min-height:44px; color:var(--amb-t); text-decoration:none}
.k-ae .ch{flex:none; padding:6px 7px; border-radius:4px; font:600 12px/1 var(--mono); color:#FFC233; text-shadow:var(--glow); background:var(--dots),#131D28; box-shadow:inset 0 1px 3px rgba(0,0,0,.8),0 1px 0 var(--engr)}
.k-ae .hero-bz{border-radius:0 0 18px 18px; padding:28px 10px 30px}
.k-ae .hero-bd{padding:18px 16px 18px}
.k-ae .hero-bd::before{content:""; position:absolute; left:0; right:0; top:-30%; height:30%; pointer-events:none; background:linear-gradient(180deg,transparent,rgba(var(--gl),.05) 50%,transparent); animation:aeScan 7s linear infinite}
.k-ae .hero-top{display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:16px}
.k-ae .hero-st{display:inline-flex; align-items:center; gap:8px}
.k-ae .hero-st .lbl{color:var(--on2)}
.k-ae .hero-grid{display:grid; gap:20px}
.k-ae .hero-h1{font:800 30px/1.06 var(--f); font-variation-settings:"SHRP" 100; letter-spacing:-.02em; color:var(--on)}
.k-ae .hero-ind{display:flex; align-items:center; gap:16px}
.k-ae .err-win{flex:none; padding:10px 12px; border-radius:8px; background:rgba(0,0,0,.4); box-shadow:inset 0 2px 8px rgba(0,0,0,.85),0 1px 0 rgba(255,255,255,.07)}
.k-ae .err7{display:block; width:156px; height:auto; color:#FFC233; filter:drop-shadow(0 0 4px rgba(var(--gl),.85)) drop-shadow(0 0 18px rgba(var(--gl),.45))}
.k-ae .err7 .off{opacity:.09}
.k-ae .err7 .on polygon{animation:aeSeg .6s steps(1,end) both; animation-delay:calc(var(--i)*120ms + 250ms)}
.k-ae .cnts{display:grid; gap:12px}
.k-ae .cnt{display:grid; gap:4px}
.k-ae .cnt .d7{height:26px}
.k-ae .cnt .lbl{color:var(--on2); font-size:10px}
.k-ae .hero-find{margin-top:20px}
.k-ae .fx-xl{display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"l l" "i b"; gap:4px 10px; padding:12px 10px 10px 16px; border-radius:10px}
.k-ae .fx-xl .fx-lbl{grid-area:l; font:600 11px/1.2 var(--mono); letter-spacing:.08em; text-transform:uppercase; color:rgba(255,194,51,.7)}
.k-ae .fx-xl .fx-in{grid-area:i; height:50px; padding:0; font-size:24px}
.k-ae .fx-xl .fx-caret{position:static; grid-area:i; align-self:center; justify-self:start; width:13px; height:28px; margin:0}
.k-ae .fx-key{grid-area:b; align-self:center}
.k-ae .fx-res-in{position:static; margin-top:10px; max-height:none; background:rgba(0,0,0,.3); box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.k-ae .hero-keys{display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:16px}
.k-ae .hero-keys .lbl{width:100%; color:var(--on2)}
.k-ae .hero-keys .key{font-size:15px}
.k-ae .mods{display:grid; gap:44px; padding-block:36px 8px}
.k-ae .pad{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:30px 12px}
.k-ae .dk{display:flex; flex-direction:column; gap:6px; padding:12px 12px 14px; min-height:158px; border-radius:8px; text-decoration:none; color:var(--ink); background:linear-gradient(180deg,var(--k1),var(--k2)); border:1px solid var(--k-edge); box-shadow:0 4px 0 var(--k-edge),0 9px 16px -8px rgba(15,26,36,.45),inset 0 1px 0 var(--hi); transition:transform .1s,box-shadow .1s}
.k-ae .dk:hover{transform:translateY(-1px)}
.k-ae .dk:active{transform:translateY(3px); box-shadow:0 1px 0 var(--k-edge),inset 0 1px 0 var(--hi)}
.k-ae .dk-top{display:flex; justify-content:space-between; align-items:flex-start; gap:8px; margin-bottom:4px}
.k-ae .dk-i{width:34px; height:34px; color:var(--ink)}
.k-ae .dk-w{padding:5px 6px; border-radius:4px; background:var(--dots),#131D28; box-shadow:inset 0 1px 4px rgba(0,0,0,.85),0 1px 0 var(--hi)}
.k-ae .dk-w .d7{height:22px; color:#FFC233}
.k-ae .dk-t{font:760 17px/1.15 var(--f); font-variation-settings:"SHRP" 100; letter-spacing:-.01em}
.k-ae .dk-c{font:600 12px/1.3 var(--mono); color:var(--amb-t)}
.k-ae .dk-n{display:flex; align-items:center; gap:8px; margin-top:auto; font:600 10px/1.2 var(--mono); letter-spacing:.08em; text-transform:uppercase; color:var(--ink2)}
.k-ae .dk-n .lamp{width:8px; height:8px}
.k-ae .bz-slim{padding:10px; background:var(--metal)}
.k-ae .flaps{padding:4px 14px 8px}
.k-ae .fl-head{display:none}
.k-ae .flap{display:grid; grid-template-columns:auto minmax(0,1fr); gap:4px 12px; padding:13px 0; color:var(--on); text-decoration:none; border-bottom:1px solid rgba(255,255,255,.07); transform-origin:50% 0; backface-visibility:hidden}
.k-ae .flap:last-child{border-bottom:0}
.k-ae .fl-n{grid-row:span 2; display:flex; gap:2px; align-self:start}
.k-ae .fl-n b{position:relative; width:22px; height:32px; display:grid; place-items:center; border-radius:3px; font:600 20px/1 var(--mono); color:#FFC233; text-shadow:var(--glow); background:linear-gradient(180deg,var(--fl1) 0 50%,var(--fl2) 50%); box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 1px 2px rgba(0,0,0,.7)}
.k-ae .fl-n b::after{content:""; position:absolute; left:0; right:0; top:50%; height:1px; background:rgba(0,0,0,.85)}
.k-ae .fl-t{font:600 16px/1.32 var(--f); text-wrap:pretty}
.k-ae .fl-m{font:600 11px/1.3 var(--mono); letter-spacing:.06em; text-transform:uppercase; color:#FFC233; opacity:.85}
.k-ae .flap:hover .fl-t{text-decoration:underline; text-decoration-color:rgba(var(--gl),.6); text-underline-offset:4px}
.k-ae.ae-fx .flap{opacity:0; transform:perspective(700px) rotateX(-88deg)}
.k-ae.ae-fx .flap.is-in{opacity:1; transform:none; transition:transform .6s cubic-bezier(.2,.9,.3,1.25) calc(var(--d)*90ms),opacity .15s calc(var(--d)*90ms)}
.k-ae .amb-plate{position:relative; border-radius:14px; padding:12px; color:#1A1204; background:repeating-linear-gradient(180deg,rgba(255,255,255,.13) 0 1px,transparent 1px 3px),linear-gradient(158deg,#FFCB2E,#F2A900 48%,#D48E00); box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(0,0,0,.14),0 0 0 1px #A57300,0 18px 30px -18px rgba(138,90,0,.7)}
.k-ae .tgl{display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:14px; align-items:center; padding:12px 8px; text-decoration:none; color:#1A1204}
.k-ae .tgl + .tgl{border-top:1px solid rgba(0,0,0,.16); box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.k-ae .tg-s{width:50px; height:50px; display:grid; place-items:center; border-radius:6px; font:700 17px/1 var(--mono); color:#FFC233; text-shadow:var(--glow); background:var(--dots),#131D28; box-shadow:inset 0 1px 5px rgba(0,0,0,.85),0 1px 0 rgba(255,255,255,.5)}
.k-ae .tg-b b{display:block; font:760 17px/1.2 var(--f); font-variation-settings:"SHRP" 100}
.k-ae .tg-b span{display:block; margin-top:2px; font-size:14px; line-height:1.4; color:rgba(26,18,4,.8)}
.k-ae .tg-sw{position:relative; width:46px; height:26px; border-radius:13px; background:rgba(40,26,0,.35); box-shadow:inset 0 2px 5px rgba(0,0,0,.45),0 1px 0 rgba(255,255,255,.4)}
.k-ae .tg-sw i{position:absolute; top:3px; left:3px; width:20px; height:20px; border-radius:50%; transition:transform .2s; background:radial-gradient(circle at 40% 35%,#fff,#D3D9DE 58%,#8D979F); box-shadow:0 2px 3px rgba(0,0,0,.45)}
.k-ae .tgl:hover .tg-sw,.k-ae .tgl:focus-visible .tg-sw{background:#131D28}
.k-ae .tgl:hover .tg-sw i,.k-ae .tgl:focus-visible .tg-sw i{transform:translateX(20px); background:radial-gradient(circle at 40% 35%,#FFF6D8,#FFC233 55%,#B87E00); box-shadow:0 0 10px rgba(var(--gl),.9)}
.k-ae .tiles{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px}
.k-ae .tile,.k-ae .cv{position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:space-between}
.k-ae .tile{gap:16px; min-height:134px; padding:14px; border-radius:10px; text-decoration:none; transition:transform .15s,box-shadow .15s}
.k-ae .tile:hover{transform:translateY(-2px)}
.k-ae .tl-c{font:600 19px/1.15 var(--mono); letter-spacing:.01em; text-wrap:balance}
.k-ae .tl-n{font:650 14px/1.3 var(--f)}
.k-ae .m-bd{color:var(--on); background:var(--dots),radial-gradient(120% 100% at 20% 0%,var(--board-hi),var(--board) 70%); box-shadow:inset 0 0 0 1px rgba(0,0,0,.6),inset 0 2px 10px rgba(0,0,0,.55),0 1px 0 var(--engr)}
.k-ae .m-bd .tl-c,.k-ae .m-bd .cv-c{color:#FFC233; text-shadow:var(--glow)}
.k-ae .m-bd .cv-l{color:var(--on2)}
.k-ae .m-lcd{color:var(--lcd-t); background:repeating-linear-gradient(0deg,rgba(30,42,26,.05) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(30,42,26,.035) 0 1px,transparent 1px 3px),linear-gradient(172deg,#DAE2CE,var(--lcd) 55%,#B3BFA5); box-shadow:inset 0 2px 9px rgba(30,42,26,.4),inset 0 0 0 1px rgba(30,42,26,.3),0 1px 0 var(--engr)}
.k-ae .m-lcd .tl-c,.k-ae .m-lcd .cv-c{text-shadow:2px 2px 0 rgba(30,42,26,.14)}
.k-ae .m-amb{color:#1A1204; background:repeating-linear-gradient(180deg,rgba(255,255,255,.13) 0 1px,transparent 1px 3px),linear-gradient(160deg,#FFCB2E,#F2A900 52%,#D99300); box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 0 0 1px rgba(120,80,0,.35)}
.k-ae .m-ink{color:#E7ECF0; background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px) 0 0/100% 14px,linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px) 0 0/14px 100%,#0F1A24; box-shadow:inset 0 0 0 1px rgba(0,0,0,.5)}
.k-ae .m-sheet{color:#0F1A24; background:repeating-linear-gradient(180deg,transparent 0 21px,rgba(74,85,99,.16) 21px 22px) 0 8px,#FFFFFF; box-shadow:inset 0 0 0 1px #D7DDE2}
.k-ae .m-sheet::after{content:""; position:absolute; top:0; right:0; width:22px; height:22px; background:linear-gradient(225deg,var(--sheet) 50%,#CBD2D8 50%); box-shadow:-1px 1px 2px rgba(0,0,0,.14)}
.k-ae :is(.tile,.card):hover .m-bd,.k-ae .tile.m-bd:hover{box-shadow:inset 0 0 0 1px rgba(var(--gl),.4),inset 0 2px 10px rgba(0,0,0,.55),0 0 20px -4px rgba(var(--gl),.35)}
.k-ae .cards{display:grid; gap:12px}
.k-ae .card{display:grid; grid-template-rows:auto 1fr auto; gap:10px; padding:8px 8px 14px; border-radius:10px; text-decoration:none; color:var(--ink); background:var(--sheet); border:1px solid var(--line); box-shadow:0 10px 22px -18px rgba(15,26,36,.55); transition:transform .15s}
.k-ae .card:hover{transform:translateY(-2px)}
.k-ae .cv{gap:12px; min-height:108px; padding:12px 14px; border-radius:6px}
.k-ae .cv-l{font:600 11px/1.2 var(--mono); letter-spacing:.08em; text-transform:uppercase; opacity:.85}
.k-ae .cv-c{font:600 27px/1 var(--mono); white-space:nowrap}
.k-ae .cv-c.cv-txt{font:800 21px/1.15 var(--f); font-variation-settings:"SHRP" 100; white-space:normal}
.k-ae .card-t{padding:0 6px; font:650 16px/1.35 var(--f)}
.k-ae .card-d{padding:0 6px; font:600 11px/1.2 var(--mono); letter-spacing:.08em; text-transform:uppercase; color:var(--ink2)}
.k-ae .plate{padding:30px 20px 26px; border-radius:12px}
.k-ae .how ol{list-style:none; margin:0; padding:0; display:grid; gap:16px}
.k-ae .how li{display:grid; grid-template-columns:auto minmax(0,1fr); gap:2px 14px}
.k-ae .how-n{grid-row:span 2; align-self:start; padding:6px 8px; border-radius:5px; background:var(--dots),#131D28; box-shadow:inset 0 1px 4px rgba(0,0,0,.85),0 1px 0 var(--hi)}
.k-ae .how-n .d7{height:26px; color:#FFC233}
.k-ae .how b{font:700 16px/1.3 var(--f)}
.k-ae .how li > span:last-child{font-size:14px; line-height:1.5; color:var(--ink2)}
.k-ae .how-a{margin-top:18px; font-family:var(--f); font-size:15px}
.k-ae .ftr{margin-top:56px; background:var(--metal); box-shadow:inset 0 1px 0 var(--hi),0 -1px 0 var(--m3)}
.k-ae .ftr-in{display:grid; gap:12px; padding-block:22px 26px}
.k-ae .ftr-nav{display:flex; flex-wrap:wrap; gap:0 18px}
.k-ae .ftr-nav a{display:inline-flex; align-items:center; min-height:44px; font-size:15px; color:var(--ink2); text-decoration:none}
.k-ae .ftr-nav a:hover{color:var(--ink)}
.k-ae .ftr-c{font:600 11px/1.5 var(--mono); letter-spacing:.08em; text-transform:uppercase; color:var(--ink2)}
.k-ae .crumbs{display:flex; flex-wrap:wrap; align-items:center; gap:0 8px; margin:4px 0 6px; font:600 11px/1 var(--mono); letter-spacing:.08em; text-transform:uppercase; color:var(--ink2)}
.k-ae .crumbs a{display:inline-flex; align-items:center; min-height:44px; text-decoration:none}
.k-ae .crumbs a:hover{color:var(--amb-t)}
.k-ae .crumbs i{font-style:normal; opacity:.6}
.k-ae .cp,.k-ae .hub{padding:28px 10px}
.k-ae .cp-bd{display:grid; gap:20px; padding:20px 18px 22px}
.k-ae .cp-top{margin-bottom:10px}
.k-ae .cp-code{font:600 40px/1 var(--mono); letter-spacing:-.02em; color:#FFC233; text-shadow:var(--glow); white-space:nowrap}
.k-ae .cp-h1{margin-top:14px; font:800 24px/1.12 var(--f); font-variation-settings:"SHRP" 100; letter-spacing:-.015em; color:var(--on)}
.k-ae .lamps{list-style:none; margin:18px 0 0; padding:14px 0 0; display:grid; grid-template-columns:1fr 1fr; gap:14px 16px; border-top:1px solid rgba(255,255,255,.09)}
.k-ae .lamps li{display:grid; gap:6px; align-content:start}
.k-ae .lamps .lbl{color:var(--on2)}
.k-ae .lamps b{display:flex; align-items:center; gap:9px; font:600 15px/1.25 var(--f); color:var(--on)}
.k-ae .lamps .d7{height:24px; color:#FFC233}
.k-ae .cp-brief{padding-top:16px; border-top:1px solid rgba(255,255,255,.09)}
.k-ae .reads{list-style:none; margin:12px 0 0; padding:0; display:grid; gap:12px}
.k-ae .reads li{display:grid; grid-template-columns:74px minmax(0,1fr); gap:10px; align-items:baseline}
.k-ae .reads .lbl{color:rgba(255,194,51,.75)}
.k-ae .reads p{font-size:15px; line-height:1.5; color:var(--on)}
.k-ae .post-grid{display:grid; gap:28px; margin-top:22px}
.k-ae .rail{display:grid; gap:16px; align-content:start; min-width:0}
.k-ae .post-main{display:grid; gap:44px; min-width:0}
.k-ae .pass-h{display:flex; justify-content:space-between; align-items:baseline; gap:10px; padding-bottom:10px; border-bottom:1px solid var(--eng1); box-shadow:0 1px 0 var(--engr)}
.k-ae .pass-c{font:600 15px/1 var(--mono); color:var(--amb-t)}
.k-ae .pass dl{margin:0}
.k-ae .pass dl > div{display:grid; grid-template-columns:104px minmax(0,1fr); gap:12px; padding:9px 0; border-bottom:1px solid var(--eng1); box-shadow:0 1px 0 var(--engr)}
.k-ae .pass dt{font:600 11px/1.5 var(--mono); letter-spacing:.08em; text-transform:uppercase; color:var(--ink2); text-shadow:0 1px 0 var(--engr)}
.k-ae .pass dd{margin:0; font:500 15px/1.4 var(--f); color:var(--ink)}
.k-ae .pass dd .lamp{margin-right:8px; vertical-align:0}
.k-ae .pass dd small{display:block; font-size:12px; color:var(--ink2)}
.k-ae .pass-f{margin-top:12px; font-size:13px; line-height:1.5; color:var(--ink2)}
.k-ae .ways{padding-bottom:4px; border-radius:10px; background:var(--sheet); border:1px solid var(--line); box-shadow:0 12px 24px -20px rgba(15,26,36,.6)}
.k-ae .ways-h{display:flex; justify-content:space-between; align-items:center; gap:10px; padding:2px 10px 2px 16px; border-bottom:1px solid var(--line)}
.k-ae .ways-wiz{display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:0 6px; font:600 11px/1 var(--mono); letter-spacing:.08em; text-transform:uppercase; color:var(--amb-t); text-decoration:none}
.k-ae .ways ol{list-style:none; margin:0; padding:0}
.k-ae .ways li + li{border-top:1px solid var(--line2)}
.k-ae .ways li a{display:grid; grid-template-columns:auto auto minmax(0,1fr) auto; align-items:center; gap:12px; min-height:58px; padding:10px 14px 10px 16px; text-decoration:none; color:var(--ink)}
.k-ae .ways li a:hover{background:color-mix(in srgb,var(--amb) 7%,transparent)}
.k-ae .ways li a.is-on{background:linear-gradient(90deg,color-mix(in srgb,var(--amb) 16%,transparent),transparent 80%)}
.k-ae .led{display:inline-block; width:7px; height:16px; border-radius:2px; background:#5E6872; opacity:.45; box-shadow:inset 0 0 0 1px rgba(0,0,0,.3); transition:all .3s}
.k-ae .is-past .led{opacity:1; background:var(--l-g); box-shadow:0 0 6px rgba(59,211,127,.65)}
.k-ae .is-on .led{opacity:1; background:var(--l-a); box-shadow:0 0 7px var(--l-a),0 0 16px rgba(var(--gl),.6)}
.k-ae .w-n{min-width:18px; text-align:center; font:700 22px/1 var(--mono); color:var(--amb-t)}
.k-ae .w-b b{display:block; font:650 15px/1.25 var(--f)}
.k-ae .w-m{display:block; margin-top:3px; font:600 10px/1.35 var(--mono); letter-spacing:.06em; text-transform:uppercase; color:var(--ink2)}
.k-ae .sh .lamp{width:9px; height:9px}
.k-ae .ps{margin:0}
.k-ae .ps-tv{padding:9px; border-radius:12px; background:linear-gradient(180deg,#232A33,#0B0F14); box-shadow:0 18px 30px -20px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.14),0 0 0 1px #000}
.k-ae .ps-scr{position:relative; aspect-ratio:16/9; overflow:hidden; display:grid; place-items:center; border-radius:5px; background:radial-gradient(120% 90% at 72% 115%,#123278 0,#081739 42%,#02060F 100%)}
.k-ae .ps-wave{position:absolute; inset:0; width:100%; height:100%}
.k-ae .ps-dlg{position:relative; display:grid; justify-items:center; gap:7px; width:80%; max-width:420px; padding:18px 14px 16px; border-radius:6px; color:#F2F5FA; text-align:center; background:rgba(22,30,48,.86); box-shadow:0 12px 30px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.08)}
.k-ae .ps-code{font:500 12px/1 var(--f); color:#A9B5C8; letter-spacing:.03em}
.k-ae .ps-msg{font:500 18px/1.2 var(--f)}
.k-ae .ps-ok{margin-top:6px; min-width:120px; padding:7px 0; border-radius:999px; background:#F2F5FA; color:#0B1220; font:600 13px/1 var(--f)}
.k-ae .ps figcaption{margin-top:10px}
.k-ae .wiz{padding:12px; border-radius:14px; background:var(--metal); box-shadow:var(--bezel)}
.k-ae .wiz-h{display:flex; align-items:center; gap:12px; padding:4px 4px 12px}
.k-ae .wiz-s{flex:none; width:48px; height:48px; display:grid; place-items:center; border-radius:6px; font:700 16px/1 var(--mono); color:#FFC233; text-shadow:var(--glow); background:var(--dots),#131D28; box-shadow:inset 0 1px 5px rgba(0,0,0,.85),0 1px 0 var(--hi)}
.k-ae .wiz-t b{display:block; font:760 18px/1.2 var(--f); font-variation-settings:"SHRP" 100}
.k-ae .wiz-t small{display:block; margin-top:3px; font:600 11px/1.3 var(--mono); letter-spacing:.08em; text-transform:uppercase; color:var(--ink2)}
.k-ae .wiz-b{display:grid; gap:14px; align-content:start; min-height:206px; padding:16px; border-radius:10px; color:var(--on); background:var(--dots),radial-gradient(120% 100% at 25% 0%,var(--board-hi),var(--board) 62%); box-shadow:inset 0 2px 12px rgba(0,0,0,.65),inset 0 0 0 1px rgba(0,0,0,.7)}
.k-ae .wiz-prog{display:flex; gap:6px}
.k-ae .wiz-prog i{flex:1; height:6px; border-radius:2px; background:rgba(255,255,255,.09)}
.k-ae .wiz-prog i.on{background:#FFC233; box-shadow:0 0 8px rgba(var(--gl),.75)}
.k-ae .wiz-q{font:700 20px/1.25 var(--f); font-variation-settings:"SHRP" 100; color:var(--on); text-wrap:balance}
.k-ae .wiz-o{display:flex; flex-wrap:wrap; gap:10px}
.k-ae .wiz-o .key,.k-ae .wiz-n .key{font-family:var(--f); font-weight:600; font-size:15px; white-space:normal; text-align:left; padding:8px 16px}
.k-ae .wiz-a{display:grid; grid-template-columns:auto minmax(0,1fr); gap:6px 12px}
.k-ae .wiz-a .lamp{margin-top:7px}
.k-ae .wiz-a b{font:700 19px/1.25 var(--f); color:#FFC233; text-shadow:var(--glow)}
.k-ae .wiz-a p,.k-ae .wiz-a .wiz-go{grid-column:2; font-size:15px; line-height:1.5}
.k-ae .wiz-go{justify-self:start; color:#FFC233; font-weight:600; text-underline-offset:3px; display:inline-flex; align-items:center; min-height:44px}
.k-ae .wiz-n{display:flex; flex-wrap:wrap; gap:10px}
.k-ae .proc{overflow:hidden; border-radius:12px; background:var(--sheet); border:1px solid var(--line); box-shadow:0 14px 28px -22px rgba(15,26,36,.6)}
.k-ae .proc-h{display:grid; gap:6px; padding:14px 16px 16px; color:var(--on); background:var(--dots),linear-gradient(180deg,var(--board-hi),var(--board)); box-shadow:inset 0 -1px 0 rgba(0,0,0,.6)}
.k-ae .proc-n{display:inline-flex; align-items:center; gap:10px; font:600 12px/1 var(--mono); letter-spacing:.12em; text-transform:uppercase; color:#FFC233; text-shadow:var(--glow)}
.k-ae .proc-h h2{font:800 23px/1.12 var(--f); font-variation-settings:"SHRP" 100; letter-spacing:-.015em}
.k-ae .proc-l{list-style:none; margin:4px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:6px 18px}
.k-ae .proc-l li{display:inline-flex; align-items:center; gap:8px; font:600 11px/1.2 var(--mono); letter-spacing:.08em; text-transform:uppercase; color:var(--on2)}
.k-ae .proc-l .lamp{width:8px; height:8px}
.k-ae .proc-p{padding:16px 16px 0}
.k-ae .steps{list-style:none; margin:0; padding:6px 16px 14px; counter-reset:st}
.k-ae .steps > li{counter-increment:st; display:grid; grid-template-columns:40px minmax(0,1fr); gap:6px 12px; padding:12px 0; border-bottom:1px dashed var(--line)}
.k-ae .steps > li:last-child{border-bottom:0}
.k-ae .steps > li::before{content:counter(st,decimal-leading-zero); padding-top:1px; font:600 26px/1 var(--mono); color:var(--amb-t)}
.k-ae .steps > li > *{grid-column:2}
.k-ae .steps > li > .dns{grid-column:1 / -1}
.k-ae .steps a{color:var(--amb-t); text-underline-offset:3px}
.k-ae .path{display:inline; line-height:2}
.k-ae .path i{margin:0 4px; font-style:normal; color:var(--ink2)}
.k-ae kbd{padding:2px 7px; border-radius:5px; font:600 13px/1.4 var(--mono); color:var(--ink); background:linear-gradient(180deg,var(--k1),var(--k2)); border:1px solid var(--k-edge); box-shadow:0 2px 0 var(--k-edge); -webkit-box-decoration-break:clone; box-decoration-break:clone}
.k-ae .term{position:relative; font-weight:650; border-bottom:2px dotted var(--amb); cursor:help}
.k-ae .tip{display:none; position:absolute; right:-10px; bottom:calc(100% + 10px); z-index:6; width:240px; padding:12px 14px; border-radius:8px; color:var(--on); font:400 14px/1.45 var(--f); background:var(--dots),#131D28; box-shadow:0 14px 28px -10px rgba(0,0,0,.7),0 0 0 1px rgba(0,0,0,.6)}
.k-ae .tip b{display:block; margin-bottom:4px; font:600 13px/1.3 var(--mono); color:#FFC233}
.k-ae .term:hover .tip,.k-ae .term:focus .tip{display:block}
.k-ae .also{display:flex; flex-wrap:wrap; gap:8px 10px; padding:14px 16px 16px; border-top:1px solid var(--line); background:linear-gradient(180deg,color-mix(in srgb,var(--ink) 3%,transparent),transparent)}
.k-ae .also .lbl{width:100%}
.k-ae .also a{flex:1 1 220px; display:grid; gap:2px; min-height:44px; padding:8px 12px; border-radius:6px; text-decoration:none; background:var(--case); border:1px solid var(--line)}
.k-ae .also a:hover{border-color:var(--amb)}
.k-ae .also b{font:600 14px/1.25 var(--mono); color:var(--amb-t)}
.k-ae .also a span{font-size:13px; line-height:1.35; color:var(--ink2)}
.k-ae .dns{width:100%; margin-top:10px; border-collapse:collapse; font-size:14px}
.k-ae .dns th,.k-ae .dns td{padding:6px 8px 6px 0; text-align:left; border-bottom:1px solid var(--line2)}
.k-ae .dns thead th{font:600 10px/1.2 var(--mono); letter-spacing:.08em; text-transform:uppercase; color:var(--ink2)}
.k-ae .dns tbody th{font:650 14px/1.2 var(--f)}
.k-ae .cpy{display:inline-flex; align-items:center; gap:7px; min-height:44px; padding:0 10px; border:0; border-radius:6px; cursor:pointer; font:600 14px/1 var(--mono); color:#FFC233; text-shadow:var(--glow); background:var(--dots),#131D28; box-shadow:inset 0 1px 4px rgba(0,0,0,.85),0 1px 0 var(--engr)}
.k-ae .cpy svg{width:14px; height:14px; opacity:.7}
.k-ae .cpy.is-copied{color:#3BD37F; text-shadow:0 0 8px rgba(59,211,127,.6)}
.k-ae .cpy.is-copied svg{display:none}
.k-ae .cpy.is-copied::after{content:"✓"}
.k-ae .ctx{display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:14px; margin:0 16px 16px; padding:12px; border-radius:8px; text-decoration:none; background:var(--case); border:1px solid var(--line)}
.k-ae .ctx:hover{border-color:var(--amb)}
.k-ae .ctx-cv{width:62px; height:50px; display:grid; place-items:center; border-radius:6px; font:700 15px/1 var(--mono); color:#FFC233; text-shadow:var(--glow); background:var(--dots),#131D28; box-shadow:inset 0 1px 4px rgba(0,0,0,.85)}
.k-ae .ctx-b{display:grid; gap:2px}
.k-ae .ctx-b b{font:650 15px/1.3 var(--f)}
.k-ae .ctx-b > span{font-size:13px; color:var(--ink2)}
.k-ae .ctx-a{width:20px; height:20px; color:var(--amb-t)}
.k-ae .txt{max-width:68ch; font-size:17px; line-height:1.65}
.k-ae .alarm{display:grid; grid-template-columns:auto minmax(0,1fr); gap:14px; margin-top:16px; padding:18px 16px; border-radius:10px; color:#FFF3F1; background:repeating-linear-gradient(-45deg,rgba(0,0,0,.07) 0 10px,transparent 10px 20px),linear-gradient(180deg,#C43B25,#9C2A18); box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 0 0 1px #7C1F11,0 16px 28px -18px rgba(179,50,30,.9)}
.k-ae .al-l{display:grid; justify-items:center; align-content:start; gap:8px; padding-top:4px}
.k-ae .al-l .lamp{width:14px; height:14px}
.k-ae .al-l .lbl{color:#FFD2CA}
.k-ae .al-b b{display:block; font:800 19px/1.2 var(--f); font-variation-settings:"SHRP" 100}
.k-ae .al-b p{margin-top:6px; font-size:15px; line-height:1.5; color:#FFE4DF}
.k-ae .log{overflow:hidden; border-radius:10px; border:1px solid var(--line); background:linear-gradient(90deg,transparent 47px,color-mix(in srgb,var(--red) 40%,transparent) 47px 48px,transparent 48px),var(--sheet)}
.k-ae .lg + .lg{border-top:1px dashed var(--line)}
.k-ae .lg summary{display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:14px; align-items:start; min-height:44px; padding:14px 16px 14px 10px; cursor:pointer; list-style:none}
.k-ae .lg summary::-webkit-details-marker{display:none}
.k-ae .lg summary::after{content:"+"; font:600 20px/1 var(--mono); color:var(--amb-t)}
.k-ae .lg[open] summary::after{content:"−"}
.k-ae .lg-n{width:28px; text-align:center; font:600 12px/1.9 var(--mono); color:var(--amb-t)}
.k-ae .lg-q{font:650 16px/1.4 var(--f)}
.k-ae .lg p{padding:0 16px 16px 62px; font-size:16px; line-height:1.6; color:var(--ink2)}
.k-ae .src{display:grid; gap:10px; margin-top:14px; padding:14px 16px; border-radius:10px; background:var(--metal); box-shadow:var(--bezel)}
.k-ae .src-a{display:grid; grid-template-columns:auto minmax(0,1fr); gap:12px; align-items:center}
.k-ae .ava{width:44px; height:44px; display:grid; place-items:center; border-radius:6px; font:700 15px/1 var(--mono); color:var(--ink); background:linear-gradient(180deg,var(--k1),var(--k2)); border:1px solid var(--k-edge); box-shadow:0 3px 0 var(--k-edge)}
.k-ae .src-a p{font-size:14px; line-height:1.45}
.k-ae .src-l{display:flex; flex-wrap:wrap; align-items:center; gap:0 16px; font-size:14px}
.k-ae .src-l .lbl{width:100%}
.k-ae .src-l a{display:inline-flex; align-items:center; min-height:44px; color:var(--amb-t); text-underline-offset:3px}
.k-ae .src-n{display:flex; gap:10px; align-items:flex-start; font-size:13px; line-height:1.45; color:var(--ink2)}
.k-ae .src-n .lamp{margin-top:4px}
.k-ae .next{display:grid; gap:8px}
.k-ae .nx{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:3px 12px; align-items:center; min-height:62px; padding:12px 16px; border-radius:8px; text-decoration:none; background:var(--sheet); border:1px solid var(--line)}
.k-ae .nx:hover{border-color:var(--amb)}
.k-ae .nx-if{font:600 11px/1.3 var(--mono); letter-spacing:.08em; text-transform:uppercase; color:var(--ink2)}
.k-ae .nx-to{font:700 17px/1.3 var(--f)}
.k-ae .nx svg{grid-column:2; grid-row:1 / 3; width:22px; height:22px; color:var(--amb-t)}
.k-ae .sub{margin:30px 0 12px}
.k-ae .report{display:grid; gap:12px; margin-top:30px; padding:16px; border-radius:10px; border:1px dashed var(--k-edge); font-size:15px; line-height:1.5}
.k-ae .report .key{justify-self:start; font-family:var(--f); font-size:15px}
.k-ae .hub-bd{display:grid; gap:18px; padding:20px 18px}
.k-ae .hub-h1{margin-top:10px; font:800 32px/1.04 var(--f); font-variation-settings:"SHRP" 100; letter-spacing:-.02em; color:var(--on)}
.k-ae .hub-d{margin-top:10px; max-width:60ch; font-size:15px; line-height:1.55; color:var(--on2)}
.k-ae .hub-m{display:flex; flex-wrap:wrap; gap:6px 18px; margin-top:14px; font:600 11px/1.2 var(--mono); letter-spacing:.08em; text-transform:uppercase; color:#FFC233}
.k-ae .hub-m span{display:inline-flex; align-items:center; gap:8px}
.k-ae .hub-r{display:flex; align-items:center; justify-content:space-between; gap:16px; padding-top:16px; border-top:1px solid rgba(255,255,255,.09)}
.k-ae .hub-i{width:60px; height:60px; color:#FFC233; filter:drop-shadow(0 0 6px rgba(var(--gl),.6))}
.k-ae .hub-cnt{display:grid; justify-items:end; gap:6px}
.k-ae .hub-cnt .d7{height:58px}
.k-ae .hub-cnt .lbl{color:var(--on2)}
.k-ae .clus{margin-top:16px}
.k-ae .pad-l{grid-column:1 / -1; margin:-8px 2px 0}
.k-ae .ck{position:relative; display:grid; gap:4px; align-content:start; min-height:96px; padding:10px 12px 12px; text-align:left; border-radius:6px; cursor:pointer; color:var(--ink); background:linear-gradient(180deg,var(--k1),var(--k2)); border:1px solid var(--k-edge); box-shadow:0 3px 0 var(--k-edge),0 7px 12px -6px rgba(15,26,36,.4),inset 0 1px 0 var(--hi); transition:transform .08s,box-shadow .08s}
.k-ae .ck::after{content:""; position:absolute; top:12px; right:12px; width:9px; height:9px; border-radius:50%; background:#6B757F; opacity:.45; box-shadow:inset 0 0 0 1px rgba(0,0,0,.3)}
.k-ae .ck[aria-pressed="true"]{transform:translateY(2px); background:linear-gradient(180deg,var(--k2),var(--k1)); box-shadow:0 1px 0 var(--k-edge),inset 0 2px 6px rgba(15,26,36,.22)}
.k-ae .ck[aria-pressed="true"]::after{opacity:1; background:var(--l-a); box-shadow:0 0 6px var(--l-a),0 0 14px rgba(var(--gl),.6)}
.k-ae .ck-t{padding-right:18px; font:700 14px/1.2 var(--f)}
.k-ae .ck-n{font:600 24px/1 var(--mono); color:var(--amb-t)}
.k-ae .ck-c{font:500 11px/1.3 var(--mono); color:var(--ink2)}
.k-ae .cat-grid{display:grid; gap:40px; margin-top:40px}
.k-ae .dec{padding:30px 12px 20px}
.k-ae .dec-h{display:flex; justify-content:space-between; align-items:baseline; gap:12px; padding:0 6px 12px}
.k-ae .dec-h h2{font:800 24px/1.1 var(--f); letter-spacing:-.015em}
.k-ae .dec-bd{display:grid; gap:14px; padding:14px}
.k-ae .fx-dec{padding-left:12px}
.k-ae .fx-dec .fx-lbl{flex:none; font:600 11px/1 var(--mono); letter-spacing:.08em; text-transform:uppercase; color:rgba(255,194,51,.65)}
.k-ae .fx-dec .fx-in{padding:0; font-size:22px}
.k-ae .dec-parts{display:flex; flex-wrap:wrap; gap:6px}
.k-ae .pt{display:grid; gap:5px; min-width:0; padding:8px 10px; border-radius:6px; background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.09)}
.k-ae .pt b{font:600 22px/1 var(--mono); color:var(--on2)}
.k-ae .pt-a b{color:#FFC233; text-shadow:var(--glow)}
.k-ae .pt-b b{color:#FFFFFF; text-shadow:0 0 8px rgba(255,255,255,.45)}
.k-ae .pt small{font:600 10px/1.2 var(--mono); letter-spacing:.06em; text-transform:uppercase; color:var(--on2)}
.k-ae .dec-r{display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 12px; padding-top:12px; border-top:1px dashed rgba(255,255,255,.14)}
.k-ae .dec-r .lbl{width:100%; color:var(--on2)}
.k-ae .dec-r b{font:700 22px/1.2 var(--f); color:#FFC233; text-shadow:var(--glow)}
.k-ae .dec-x{font:600 13px/1 var(--mono); color:var(--on2)}
.k-ae .dec-t{font-size:14px; line-height:1.5; color:var(--on)}
.k-ae .dec-try{display:flex; flex-wrap:wrap; align-items:center; gap:8px}
.k-ae .dec-try .lbl{width:100%; color:var(--on2)}
.k-ae .dec-rules{list-style:none; display:grid; gap:10px; margin:16px 0 0; padding:0 6px}
.k-ae .dec-rules li{display:grid; gap:2px; font-size:14px; line-height:1.5}
.k-ae .dec-rules code{font:600 13px/1.3 var(--mono); color:var(--amb-t)}
.k-ae .tbl{overflow:hidden; border-radius:10px; background:var(--sheet); border:1px solid var(--line); box-shadow:0 12px 24px -20px rgba(15,26,36,.6)}
.k-ae .tbl-f{padding:10px; background:var(--metal); border-bottom:1px solid var(--line)}
.k-ae .fx-sm .fx-in{font-size:15px}
.k-ae .ct{width:100%; border-collapse:collapse}
.k-ae .ct thead{display:none}
.k-ae .ct tbody,.k-ae .ct td{display:block}
.k-ae .ct tr{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:0 10px; padding:2px 14px 10px}
.k-ae .ct tr + tr{border-top:1px solid var(--line2)}
.k-ae .ct .c a{display:inline-flex; align-items:center; min-height:44px; font:600 16px/1.2 var(--mono); color:var(--amb-t); text-decoration:none}
.k-ae .ct .c a:hover{text-decoration:underline}
.k-ae .ct .k{grid-column:2; grid-row:1; align-self:center; text-align:right; font:600 10px/1.3 var(--mono); letter-spacing:.06em; text-transform:uppercase; color:var(--ink2)}
.k-ae .ct .m{grid-column:1 / -1; font-size:14px; line-height:1.45; overflow-wrap:anywhere}
.k-ae .ct tr.is-hit{background:color-mix(in srgb,var(--amb) 14%,transparent)}
.k-ae .tbl-empty{display:flex; gap:12px; align-items:flex-start; padding:16px; font-size:14px; line-height:1.5; color:var(--ink2)}
.k-ae .tbl-empty .lamp{margin-top:5px}
.k-ae .posts{display:grid; gap:12px}
.k-ae .pc{grid-template-columns:136px minmax(0,1fr); grid-template-rows:1fr auto; gap:8px 12px; padding:8px}
.k-ae .pc .cv{grid-row:1 / 3; min-height:112px}
.k-ae .pc .cv-c{font-size:15px}
.k-ae .pc .card-t{padding:4px 0 0; font-size:15px}
.k-ae .pc .card-d{padding:0 0 4px}
.k-ae .pager{display:flex; flex-wrap:wrap; gap:10px; margin-top:18px}
.k-ae .pager .key{min-width:44px; font-size:15px}
.k-ae .pager .is-on{color:#FFC233; text-shadow:var(--glow); background:var(--dots),#131D28; border-color:#030507; transform:translateY(2px); box-shadow:inset 0 2px 6px rgba(0,0,0,.8)}
.k-ae .others{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px}
.k-ae .ok-k{display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:10px; min-height:58px; padding:8px 12px; border-radius:6px; text-decoration:none; color:var(--ink); background:linear-gradient(180deg,var(--k1),var(--k2)); border:1px solid var(--k-edge); box-shadow:0 3px 0 var(--k-edge),inset 0 1px 0 var(--hi)}
.k-ae .ok-k:active{transform:translateY(2px); box-shadow:0 1px 0 var(--k-edge)}
.k-ae .ok-k:last-child{grid-column:1 / -1}
.k-ae .ok-k svg{width:26px; height:26px}
.k-ae .ok-k b{font:650 14px/1.2 var(--f)}
.k-ae .ok-k span{font:600 17px/1 var(--mono); color:var(--amb-t)}
.k-ae .cat .mod{margin-top:44px}
.k-ae .miss{display:grid; gap:16px; margin-top:44px; padding:22px 18px}
.k-ae .miss h2{font:800 26px/1.1 var(--f); letter-spacing:-.015em}
.k-ae .miss p{margin-top:6px; font-size:16px; line-height:1.5; color:rgba(26,18,4,.82)}
.k-ae .miss .key{justify-self:start}
:root[data-theme="dark"] .k-ae .thm .i-sun{display:none}
:root[data-theme="dark"] .k-ae .thm .i-moon{display:block}
:root[data-theme="dark"] .k-ae .amb-plate,:root[data-theme="dark"] .k-ae .m-amb{background:repeating-linear-gradient(180deg,rgba(255,255,255,.08) 0 1px,transparent 1px 3px),linear-gradient(158deg,#E7A613,#C98900 55%,#A87000); box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 0 0 1px #5E4000}
:root[data-theme="dark"] .k-ae .m-sheet{background:repeating-linear-gradient(180deg,transparent 0 21px,rgba(74,85,99,.2) 21px 22px) 0 8px,#DCE1E5}
:root[data-theme="dark"] .k-ae .alarm{color:#FFD9D4; background:repeating-linear-gradient(-45deg,rgba(255,107,91,.06) 0 10px,transparent 10px 20px),linear-gradient(180deg,#3A1411,#240C0A); box-shadow:0 0 0 1px rgba(255,107,91,.45)}
:root[data-theme="dark"] .k-ae .al-b b{color:#FF8A7D}
:root[data-theme="dark"] .k-ae .al-b p{color:#F2C9C3}
:root[data-theme="dark"] .k-ae .card,:root[data-theme="dark"] .k-ae .proc,:root[data-theme="dark"] .k-ae .tbl,:root[data-theme="dark"] .k-ae .ways{box-shadow:0 0 0 1px rgba(0,0,0,.4)}
:root[data-theme="dark"] .k-ae .chip,:root[data-theme="dark"] .k-ae .ch,:root[data-theme="dark"] .k-ae .fx-res{background:var(--dots),#0A1017}
@media (min-width:960px){
  .k-ae{font-size:18px}
  .k-ae .wrap{padding-inline:48px}
  .k-ae .hdr{display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:28px; position:sticky; top:0; z-index:40; height:74px; padding:0 48px; background:var(--metal); box-shadow:inset 0 -1px 0 var(--m3),0 12px 22px -16px rgba(15,26,36,.7)}
  .k-ae .hdr-top{display:contents}
  .k-ae .brand{grid-column:1; grid-row:1}
  .k-ae .thm{grid-column:3; grid-row:1}
  .k-ae .hdr-find{grid-column:2; grid-row:1; position:relative; top:auto; width:100%; max-width:760px; justify-self:center; padding:0; background:none; box-shadow:none}
  .k-ae .hdr-status{grid-column:2; grid-row:1; justify-self:center; display:flex; align-items:center; gap:10px; font:600 11px/1 var(--mono); letter-spacing:.1em; text-transform:uppercase; color:var(--ink2); transition:opacity .25s}
  .k-ae .fx-res{left:0; right:0; top:calc(100% + 10px)}
  .k-ae .rd{left:0; right:0; bottom:-12px}
  .k-ae .brand-t{font-size:20px}
  .k-ae .sh{margin-bottom:20px}
  .k-ae .sh h2{font-size:36px}
  .k-ae .hero{max-width:1280px; margin-inline:auto; padding:28px 48px 0}
  .k-ae .hero-bz{border-radius:18px; padding:36px}
  .k-ae .hero-bd{padding:30px 40px 34px}
  .k-ae .hero-grid{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); align-items:center; gap:36px}
  .k-ae .hero-h1{font-size:56px; line-height:1.02}
  .k-ae .hero-ind{justify-content:flex-end; gap:24px}
  .k-ae .err-win{padding:18px 22px}
  .k-ae .err7{width:270px}
  .k-ae .cnt .d7{height:36px}
  .k-ae .hero-find{margin-top:28px}
  .k-ae .fx-xl{padding:14px 14px 14px 22px}
  .k-ae .fx-xl .fx-in{height:62px; font-size:30px}
  .k-ae .fx-xl .fx-caret{width:16px; height:34px}
  .k-ae .fx-key{min-height:56px; padding:0 30px; font-size:18px}
  .k-ae .hero-keys{margin-top:20px}
  .k-ae .hero-keys .lbl{width:auto; margin-right:4px}
  .k-ae .mods{grid-template-columns:repeat(12,minmax(0,1fr)); gap:64px 32px; padding-top:64px}
  .k-ae .mod{grid-column:span 12; min-width:0}
  .k-ae .mod-hot{grid-column:span 8}
  .k-ae .mod-new{grid-column:span 7}
  .k-ae .mod-how{grid-column:span 5}
  .k-ae .mod-tools,.k-ae .mod-how{display:flex; flex-direction:column}
  .k-ae .mod-tools{grid-column:span 4}
  .k-ae .mod-tools .amb-plate,.k-ae .mod-how .plate{flex:1}
  .k-ae .mod-tools .amb-plate{display:grid; align-content:space-evenly}
  .k-ae .mod-tools .sh h2,.k-ae .mod-how .sh h2{font-size:28px}
  .k-ae .pad{grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; padding:36px}
  .k-ae .dk{min-height:178px; padding:18px 20px 18px}
  .k-ae .dk-i{width:42px; height:42px}
  .k-ae .dk-w .d7{height:30px}
  .k-ae .dk-t{font-size:22px}
  .k-ae .dk-c{font-size:13px}
  .k-ae .dk-n{font-size:11px}
  .k-ae .flaps{padding:6px 22px 10px}
  .k-ae .fl-head{display:grid; grid-template-columns:62px minmax(0,1fr) 230px; gap:18px; padding:12px 0 10px; border-bottom:1px solid rgba(255,255,255,.12); color:rgba(255,194,51,.6)}
  .k-ae .flap{grid-template-columns:62px minmax(0,1fr) 230px; gap:18px; align-items:center; padding:14px 0}
  .k-ae .fl-n{grid-row:auto}
  .k-ae .fl-n b{width:26px; height:38px; font-size:24px}
  .k-ae .fl-t{font-size:18px}
  .k-ae .tgl{padding:16px 10px}
  .k-ae .tiles{grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px}
  .k-ae .tile{min-height:176px; padding:20px}
  .k-ae .tl-c{font-size:24px; letter-spacing:-.02em}
  .k-ae .tl-n{font-size:16px}
  .k-ae .cards{grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px}
  .k-ae .cv{min-height:132px}
  .k-ae .cv-c{font-size:25px}
  .k-ae .cv-c.cv-txt{font-size:18px}
  .k-ae .plate{padding:34px 28px 30px}
  .k-ae .ftr-in{grid-template-columns:auto minmax(0,1fr); align-items:center; gap:10px 36px; padding-block:22px 26px}
  .k-ae .ftr-nav{justify-content:flex-end}
  .k-ae .ftr-c{grid-column:1 / -1; padding-top:12px; border-top:1px solid var(--eng1); box-shadow:inset 0 1px 0 var(--engr)}
  .k-ae .post{padding-bottom:24px}
  .k-ae .crumbs{margin:10px 0 10px}
  .k-ae .cp,.k-ae .hub{padding:36px}
  .k-ae .cp-bd{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); grid-template-rows:auto auto auto 1fr; gap:0 44px; padding:30px 40px 34px}
  .k-ae .cp-id{display:contents}
  .k-ae .cp-top,.k-ae .cp-code{grid-column:1 / -1}
  .k-ae .cp-code{font-size:88px; margin-bottom:6px}
  .k-ae .cp-h1{grid-column:1; font-size:34px; margin-top:18px}
  .k-ae .lamps{grid-column:1; grid-row:4; align-self:end; grid-template-columns:repeat(4,auto); justify-content:start; gap:28px; margin-top:24px}
  .k-ae .cp-h1{grid-row:3; align-self:start}
  .k-ae .cp-brief{grid-column:2; grid-row:3 / 5; margin-top:22px; padding:0 0 0 36px; border-top:0; border-left:1px solid rgba(255,255,255,.1)}
  .k-ae .reads li{grid-template-columns:80px minmax(0,1fr)}
  .k-ae .post-grid{grid-template-columns:minmax(0,1fr) 380px; gap:48px; align-items:start; margin-top:44px}
  .k-ae .rail{grid-column:2; grid-row:1; position:sticky; top:90px; gap:12px}
  .k-ae .post-main{grid-column:1; grid-row:1; gap:56px}
  .k-ae .pass{padding:24px 22px 20px}
  .k-ae .pass-h{padding-bottom:8px}
  .k-ae .pass dl > div{grid-template-columns:96px minmax(0,1fr); padding:6px 0}
  .k-ae .pass dt{line-height:1.35}
  .k-ae .pass dd{font-size:14px; line-height:1.35}
  .k-ae .pass-f{margin-top:8px; font-size:12px; line-height:1.4}
  .k-ae .ways-h{padding-block:0}
  .k-ae .ways li a{min-height:48px; padding-block:6px}
  .k-ae .ps-dlg{padding:26px 20px 22px; gap:9px}
  .k-ae .ps-code{font-size:14px}
  .k-ae .ps-msg{font-size:24px}
  .k-ae .ps-ok{min-width:150px; font-size:15px; padding:9px 0}
  .k-ae .wiz{padding:16px}
  .k-ae .wiz-b{padding:22px 24px; min-height:220px}
  .k-ae .wiz-q{font-size:24px}
  .k-ae .proc-h{padding:18px 24px 20px}
  .k-ae .proc-h h2{font-size:30px}
  .k-ae .proc-p{padding:20px 24px 0}
  .k-ae .steps{padding:8px 24px 18px}
  .k-ae .steps > li{grid-template-columns:56px minmax(0,1fr); padding:14px 0}
  .k-ae .steps > li::before{font-size:32px}
  .k-ae .steps > li > .dns{grid-column:2}
  .k-ae .also{padding:16px 24px 20px}
  .k-ae .ctx{margin:0 24px 22px}
  .k-ae .dns{font-size:15px}
  .k-ae .alarm{padding:22px 24px; gap:20px}
  .k-ae .al-b b{font-size:22px}
  .k-ae .nx{grid-template-columns:260px minmax(0,1fr) auto; padding:14px 20px}
  .k-ae .nx-if,.k-ae .nx-to{grid-row:1}
  .k-ae .nx svg{grid-column:3; grid-row:1}
  .k-ae .report{grid-template-columns:minmax(0,1fr) auto; align-items:center; padding:18px 22px}
  .k-ae .hub-bd{grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:48px; padding:34px 40px}
  .k-ae .hub-h1{font-size:60px}
  .k-ae .hub-d{font-size:17px}
  .k-ae .hub-r{flex-direction:column; align-items:flex-end; gap:18px; padding:0 0 0 44px; border-top:0; border-left:1px solid rgba(255,255,255,.1)}
  .k-ae .hub-i{width:84px; height:84px}
  .k-ae .hub-cnt .d7{height:112px}
  .k-ae .clus{grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; padding:36px}
  .k-ae .ck{min-height:108px; padding:14px 16px}
  .k-ae .ck-t{font-size:15px}
  .k-ae .ck-n{font-size:28px}
  .k-ae .cat-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:36px; align-items:start; margin-top:56px}
  .k-ae .dec{padding:34px 20px 24px}
  .k-ae .dec-h h2{font-size:30px}
  .k-ae .dec-bd{padding:18px}
  .k-ae .ct thead{display:table-header-group}
  .k-ae .ct tbody{display:table-row-group}
  .k-ae .ct tr{display:table-row}
  .k-ae .ct td{display:table-cell; padding:4px 16px; vertical-align:baseline; border-top:1px solid var(--line2)}
  .k-ae .ct tr + tr{border-top:0}
  .k-ae .ct th{padding:12px 16px 10px; text-align:left; font:600 11px/1 var(--mono); letter-spacing:.08em; text-transform:uppercase; color:var(--ink2); background:var(--case)}
  .k-ae .ct .c{white-space:nowrap}
  .k-ae .ct .k{text-align:left; font-size:11px}
  .k-ae .ct .m{font-size:15px}
  .k-ae .posts{grid-template-columns:repeat(6,minmax(0,1fr)); gap:18px}
  .k-ae .pc{grid-column:span 2; grid-template-columns:none; grid-template-rows:auto 1fr auto; padding:8px 8px 14px}
  .k-ae .pc:nth-child(-n+2){grid-column:span 3}
  .k-ae .pc .cv{grid-row:auto; min-height:124px}
  .k-ae .pc:nth-child(-n+2) .cv{min-height:150px}
  .k-ae .pc .cv-c{font-size:26px}
  .k-ae .pc:nth-child(-n+2) .cv-c{font-size:40px}
  .k-ae .pc .card-t{padding:0 6px; font-size:16px}
  .k-ae .pc .card-d{padding:0 6px}
  .k-ae .others{grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px}
  .k-ae .ok-k:last-child{grid-column:auto}
  .k-ae .ok-k{min-height:64px}
  .k-ae .cat .mod{margin-top:64px}
  .k-ae .miss{grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:28px; margin-top:64px; padding:32px 40px}
  .k-ae .miss h2{font-size:36px}
}
.k-ae[data-page="home"] .hdr-find{margin-bottom:-66px; transition:opacity .25s,transform .25s,visibility .25s}
.k-ae[data-page="home"]:not(.ae-past) .hdr-find{opacity:0; visibility:hidden; transform:translateY(-10px)}
.k-ae[data-page="home"].ae-past .hdr-status{opacity:0; visibility:hidden}
@media (min-width:960px){
  .k-ae[data-page="home"] .hdr-find{margin-bottom:0}
}
@keyframes aeCaret{50%{opacity:0}}
@keyframes aeBreath{50%{opacity:.35; box-shadow:0 0 0 2px rgba(0,0,0,.28)}}
@keyframes aeSeg{0%{opacity:.09} 35%{opacity:1} 50%{opacity:.25} 65%,100%{opacity:1}}
@keyframes aeScan{to{transform:translateY(440%)}}
@media (prefers-reduced-motion:reduce){
  .k-ae *,.k-ae *::before,.k-ae *::after{animation:none!important; transition:none!important}
}

/* =====================================================================
   Сайт (окно вместо рамки макета) и реальные данные WordPress
   ===================================================================== */
body.k-ae{margin:0; min-height:100vh; overflow-x:hidden}
@supports (overflow:clip){ body.k-ae{overflow-x:clip} }
.k-ae main{display:block; outline:0}
.k-ae img,.k-ae svg,.k-ae video{max-width:100%}
.k-ae [id]{scroll-margin-top:96px}
.k-ae .skip{position:absolute; left:12px; top:-60px; z-index:100; padding:10px 14px; border-radius:6px; font:600 14px/1 var(--f); color:#1A1204; background:#FFC233; text-decoration:none; transition:top .15s}
.k-ae .skip:focus{top:12px}
.k-ae .fx-in{-webkit-appearance:none; appearance:none}
.k-ae .fx-in::-webkit-search-cancel-button,.k-ae .fx-in::-webkit-search-decoration{-webkit-appearance:none; appearance:none; display:none}
.k-ae .fx-xl .fx-lbl{display:block}
.k-ae label.fx-lbl{cursor:text}
.k-ae .hdr-find .fx-res{max-height:min(430px,calc(100vh - 140px))}
.k-ae .rs-g{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
.k-ae .rs-t{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
.k-ae .rs-all{display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:44px; margin-top:4px; padding:8px 10px; border-top:1px solid rgba(255,255,255,.09); border-radius:0 0 6px 6px;
  font:600 12px/1.3 var(--mono); letter-spacing:.06em; text-transform:uppercase; color:#FFC233; text-decoration:none}
.k-ae .rs-all svg{width:16px; height:16px; flex:none}
.k-ae .rs-all:hover,.k-ae .rs-all:focus-visible{background:rgba(var(--gl),.09)}
.k-ae .rs-e a{color:#FFC233}

/* шапка на главной: поле появляется, когда большое ушло вверх (телефон: без места под ним) */
.k-ae .hero-find{scroll-margin-top:24px}

/* ---------- ключевые мелочи главной ---------- */
.k-ae .hero-keys .key{text-decoration:none}
.k-ae .dk{min-width:0}
.k-ae .dk-t{overflow-wrap:anywhere}
.k-ae .tl-n small{display:block; margin-top:4px; font:600 11px/1.2 var(--mono); letter-spacing:.06em; text-transform:uppercase; opacity:.75}
.k-ae .tl-c{overflow-wrap:anywhere}
.k-ae .how-n{display:grid; place-items:center; width:40px; height:40px; padding:0}
.k-ae .how-n .lamp{width:14px; height:14px}
.k-ae .mod-tools .tgl{min-height:44px}

/* ---------- обложки карточек ---------- */
.k-ae .cv-c.cv-s{font-size:16px; line-height:1.2; white-space:normal; overflow-wrap:anywhere}
.k-ae .cv-i{width:46px; height:46px; opacity:.9}
.k-ae .m-bd .cv-i{color:#FFC233; filter:drop-shadow(0 0 5px rgba(var(--gl),.55))}
.k-ae .m-lcd .cv-i,.k-ae .m-sheet .cv-i{color:#1E2A1A}
.k-ae .m-ink .cv-i{color:#E7ECF0}
.k-ae .m-sheet .cv-c.cv-txt{color:#0F1A24}
.k-ae .m-sheet .cv-l{color:#4A5563}
.k-ae .m-ink .cv-c{color:#FFC233}
.k-ae .card-d{display:flex; align-items:center; gap:8px}
.k-ae .card-d .lamp{width:8px; height:8px}
.k-ae .card-t{overflow-wrap:break-word}
.k-ae .pc .cv{min-width:0}

/* ---------- статья: панель кода ---------- */
.k-ae .cp-code{overflow-wrap:anywhere}
.k-ae .cp-code.cp-long{font-size:26px; line-height:1.1; white-space:normal; letter-spacing:0}
.k-ae .cp-code.cp-list{font-size:30px; line-height:1.15; white-space:normal; word-spacing:.2em}
.k-ae .cp-code.cp-list small{font-size:.55em; color:var(--on2); text-shadow:none}
.k-ae .lamps b{overflow-wrap:anywhere}
.k-ae .reads li{grid-template-columns:34px minmax(0,1fr)}
.k-ae .reads p{overflow-wrap:break-word}
.k-ae .reads code.cs-copy{font-size:.92em}
.k-ae .brief-x{margin-top:12px; font-size:15px; line-height:1.55; color:var(--on)}
.k-ae .out{margin:0 0 16px}
.k-ae .out a{color:#FFE4DF}

/* правая колонка: паспорт и способы */
.k-ae .pass dd{overflow-wrap:break-word}
.k-ae .pass dd code.cs-copy{font-size:.9em}
.k-ae .ways-h{min-height:46px}
.k-ae .ways-m{font:600 10px/1 var(--mono); letter-spacing:.08em; text-transform:uppercase; color:var(--ink2)}
.k-ae .ways li a{grid-template-columns:auto 22px minmax(0,1fr)}
.k-ae .w-n{font-size:18px}
.k-ae .w-b b{font-weight:600}

/* разделы текста */
.k-ae .blk{min-width:0}
.k-ae .blk > .sh h2{font-size:23px}
.k-ae .proc-h h2{display:grid; gap:6px; font:800 23px/1.12 var(--f); font-variation-settings:"SHRP" 100; letter-spacing:-.015em; color:var(--on)}
.k-ae .proc-h h2 .proc-n{font-weight:600}
.k-ae .proc-b{padding:16px 16px 18px}
.k-ae .lede{font-size:18px}
.k-ae .lede > p:first-child{font-size:18px; line-height:1.6}

/* =====================================================================
   Текст статьи .cs-body — любая старая разметка
   ===================================================================== */
.k-ae .cs-body{min-width:0; font-size:17px; line-height:1.65; overflow-wrap:break-word}
.k-ae .cs-body > * + *{margin-top:16px}
.k-ae .cs-body p + p{margin-top:14px}
.k-ae .cs-body h2{margin:40px 0 0; font:800 23px/1.12 var(--f); font-variation-settings:"SHRP" 100; letter-spacing:-.015em; color:var(--ink)}
.k-ae .cs-body h3{margin:30px 0 0; font:750 19px/1.25 var(--f); font-variation-settings:"SHRP" 100; color:var(--ink)}
.k-ae .cs-body h4{margin:24px 0 0; font:700 17px/1.3 var(--f); color:var(--ink)}
.k-ae .cs-body h2 + *,.k-ae .cs-body h3 + *,.k-ae .cs-body h4 + *{margin-top:10px}
.k-ae .cs-body > :first-child{margin-top:0}
.k-ae .cs-body ul,.k-ae .cs-body ol{margin:16px 0 0; padding-left:1.35em}
.k-ae .cs-body li{padding-left:.2em}
.k-ae .cs-body li + li{margin-top:8px}
.k-ae .cs-body li > ul,.k-ae .cs-body li > ol{margin-top:8px}
.k-ae .cs-body ul > li::marker{color:var(--amb); font-size:1.1em}
.k-ae .cs-body ol > li::marker{font:600 .9em var(--mono); color:var(--amb-t)}
.k-ae .cs-body a{color:var(--amb-t); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px}
.k-ae .cs-body a:hover{text-decoration-thickness:2px}
.k-ae .cs-body strong,.k-ae .cs-body b{font-weight:700}
.k-ae .cs-body em,.k-ae .cs-body i{font-style:italic}
.k-ae .cs-body hr{height:0; margin:28px 0; border:0; border-top:1px solid var(--eng1); box-shadow:0 1px 0 var(--engr)}

/* «шаги» — нумерованный список внутри способа: крупные моно-номера, как в карте процедуры */
.k-ae .proc-b > ol{list-style:none; margin:0; padding:0; counter-reset:st}
.k-ae .proc-b > ol > li{counter-increment:st; position:relative; min-height:34px; padding:12px 0 12px 52px; border-bottom:1px dashed var(--line)}
.k-ae .proc-b > ol > li + li{margin-top:0}
.k-ae .proc-b > ol > li:last-child{border-bottom:0}
.k-ae .proc-b > ol > li::before{content:counter(st,decimal-leading-zero); position:absolute; left:0; top:12px; font:600 24px/1 var(--mono); color:var(--amb-t)}
.k-ae .proc-b > ol:first-child > li:first-child{padding-top:4px}
.k-ae .proc-b > ol:first-child > li:first-child::before{top:4px}

/* код, команды, клавиши */
.k-ae .cs-body code,.k-ae .cs-body tt{padding:1px 6px; border-radius:4px; font:500 .86em/1.5 var(--mono); background:color-mix(in srgb,var(--ink) 7%,transparent); overflow-wrap:anywhere; -webkit-box-decoration-break:clone; box-decoration-break:clone}
.k-ae code.cs-copy{display:inline; padding:2px 8px; border-radius:5px; cursor:copy; font:600 .86em/1.6 var(--mono); color:#FFC233; text-shadow:0 0 6px rgba(var(--gl),.45);
  background:var(--dots),#131D28; box-shadow:inset 0 1px 3px rgba(0,0,0,.8); overflow-wrap:anywhere; -webkit-box-decoration-break:clone; box-decoration-break:clone}
.k-ae code.cs-copy::after{content:""; display:inline-block; width:.85em; height:.85em; margin-left:.4em; vertical-align:-.1em; opacity:.7; background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linejoin='round'%3E%3Crect x='8.5' y='8.5' width='11' height='11' rx='2'/%3E%3Cpath d='M15.5 8.5V6A1.5 1.5 0 0 0 14 4.5H6A1.5 1.5 0 0 0 4.5 6v8A1.5 1.5 0 0 0 6 15.5h2.5'/%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 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linejoin='round'%3E%3Crect x='8.5' y='8.5' width='11' height='11' rx='2'/%3E%3Cpath d='M15.5 8.5V6A1.5 1.5 0 0 0 14 4.5H6A1.5 1.5 0 0 0 4.5 6v8A1.5 1.5 0 0 0 6 15.5h2.5'/%3E%3C/svg%3E") center/contain no-repeat}
.k-ae code.cs-copy:hover{box-shadow:inset 0 1px 3px rgba(0,0,0,.8),0 0 0 1px rgba(var(--gl),.5)}
.k-ae code.cs-copy.is-copied{color:#3BD37F; text-shadow:0 0 8px rgba(59,211,127,.6)}
.k-ae code.cs-copy.is-copied::after{-webkit-mask:none; mask:none; background:none; content:"✓"; width:auto; height:auto; opacity:1}
.k-ae .cs-body pre{margin:16px 0 0; padding:14px 16px; overflow-x:auto; border-radius:8px; font:500 14px/1.55 var(--mono); white-space:pre; color:#E7ECF0; tab-size:4;
  background:var(--dots),linear-gradient(180deg,#0B1219,#131D28); box-shadow:inset 0 2px 8px rgba(0,0,0,.7),inset 0 0 0 1px rgba(0,0,0,.6)}
.k-ae .cs-body pre + pre{margin-top:6px}
.k-ae .cs-body pre code{padding:0; background:none; color:inherit; font-size:inherit}
.k-ae .cs-body pre a{color:#FFC233}
.k-ae .cs-body li > pre{margin-top:8px; white-space:pre-wrap; overflow-wrap:anywhere}
.k-ae kbd,.k-ae .cs-body mark{padding:1px 7px; border-radius:5px; color:var(--ink); background:linear-gradient(180deg,var(--k1),var(--k2)); border:1px solid var(--k-edge); box-shadow:0 2px 0 var(--k-edge);
  -webkit-box-decoration-break:clone; box-decoration-break:clone}
.k-ae kbd{font:600 .8em/1.5 var(--mono)}
.k-ae .cs-body mark{font:600 .92em/1.5 var(--f)}

/* врезки: сообщение с экрана, info, warning, check, danger */
.k-ae .cs-body blockquote{position:relative; margin:18px 0 0; padding:14px 16px 14px 40px; border-radius:10px; color:var(--on); font-size:16px; line-height:1.55;
  background:var(--dots),radial-gradient(120% 100% at 25% 0%,var(--board-hi),var(--board) 70%); box-shadow:inset 0 2px 10px rgba(0,0,0,.6),inset 0 0 0 1px rgba(0,0,0,.6)}
.k-ae .cs-body blockquote::before{content:""; position:absolute; left:16px; top:21px; width:10px; height:10px; border-radius:50%;
  background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.9) 0 1px,var(--l-a) 3px,#9C6C00 100%); box-shadow:0 0 0 2px rgba(0,0,0,.28),0 0 6px 1px var(--l-a)}
.k-ae .cs-body blockquote p + p{margin-top:8px}
.k-ae .cs-body blockquote a{color:#FFC233}
.k-ae .cs-body blockquote code{background:rgba(255,255,255,.08)}
.k-ae .cs-body blockquote.info,.k-ae .cs-body blockquote.check,.k-ae .cs-body blockquote.warning{color:var(--ink); background:var(--sheet); box-shadow:none; border:1px solid var(--line)}
.k-ae .cs-body blockquote.info{border-left:4px solid var(--amb)}
.k-ae .cs-body blockquote.check{border-left:4px solid var(--grn)}
.k-ae .cs-body blockquote.check::before{background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.9) 0 1px,var(--l-g) 3px,#156B3F 100%); box-shadow:0 0 0 2px rgba(0,0,0,.2),0 0 6px 1px var(--l-g)}
.k-ae .cs-body blockquote.warning{color:#1A1204; border:0; background:repeating-linear-gradient(180deg,rgba(255,255,255,.13) 0 1px,transparent 1px 3px),linear-gradient(158deg,#FFCB2E,#F2A900 55%,#DE9600);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 0 0 1px #A57300}
.k-ae .cs-body blockquote.warning::before{background:#1A1204; box-shadow:none; width:0; height:0; border-radius:0; top:18px; left:14px; border:8px solid transparent; border-bottom:14px solid #1A1204; border-top:0; background:none}
.k-ae .cs-body blockquote.warning a,.k-ae .cs-body blockquote.info a,.k-ae .cs-body blockquote.check a{color:inherit}
.k-ae .cs-body blockquote.warning code{background:rgba(0,0,0,.1)}
.k-ae .cs-body blockquote.info code,.k-ae .cs-body blockquote.check code{background:color-mix(in srgb,var(--ink) 7%,transparent)}
.k-ae .cs-body blockquote.danger{color:#FFF3F1; background:repeating-linear-gradient(-45deg,rgba(0,0,0,.07) 0 10px,transparent 10px 20px),linear-gradient(180deg,#C43B25,#9C2A18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 0 0 1px #7C1F11,0 16px 28px -18px rgba(179,50,30,.9)}
.k-ae .cs-body blockquote.danger::before{background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.9) 0 1px,var(--l-r) 3px,#8E1A10 100%); box-shadow:0 0 0 2px rgba(0,0,0,.3),0 0 8px 2px var(--l-r)}
.k-ae .cs-body blockquote.danger a{color:#FFE4DF}
.k-ae .cs-body .error-box{margin:18px 0 0!important; padding:14px 16px!important; border:0!important; border-radius:10px!important; color:var(--on)!important; font:500 16px/1.55 var(--f)!important;
  background:var(--dots),radial-gradient(120% 100% at 25% 0%,var(--board-hi),var(--board) 70%)!important; box-shadow:inset 0 2px 10px rgba(0,0,0,.6)!important}
.k-ae .cs-body .error-box *{color:inherit!important; background:none!important}
.k-ae .cs-body .ramka{padding:14px 16px; border:1px solid var(--line); border-radius:10px; background:var(--sheet)}

/* таблицы: ядро оборачивает в div.cs-table (прокрутка по горизонтали) */
.k-ae .cs-table{margin:18px 0 0; overflow-x:auto; -webkit-overflow-scrolling:touch; border-radius:10px; border:1px solid var(--line); background:var(--sheet); box-shadow:0 12px 24px -20px rgba(15,26,36,.6)}
.k-ae .cs-table table{width:100%; border-collapse:collapse; font-size:15px; line-height:1.45}
.k-ae .cs-table th,.k-ae .cs-table td{min-width:7em; padding:10px 12px; text-align:left; vertical-align:top; border-bottom:1px solid var(--line2)}
.k-ae .cs-table tr > :first-child{min-width:5em}
.k-ae .cs-table thead th,.k-ae .cs-table tr:first-child > th{font:600 11px/1.3 var(--mono); letter-spacing:.08em; text-transform:uppercase; color:var(--ink2); background:var(--case); vertical-align:bottom}
.k-ae .cs-table tbody tr:last-child > *{border-bottom:0}
.k-ae .cs-table tbody tr:hover > td{background:color-mix(in srgb,var(--amb) 6%,transparent)}
.k-ae .cs-table td:first-child strong,.k-ae .cs-table td:first-child b{font:600 15px/1.3 var(--mono); color:var(--amb-t)}
.k-ae .cs-table td > ol,.k-ae .cs-table td > ul{margin-top:8px; padding-left:1.2em}
.k-ae .cs-table td li + li{margin-top:4px}
.k-ae .cs-table code.cs-copy{white-space:nowrap}
.k-ae .cs-body > table{display:block; overflow-x:auto}

/* картинки, подписи, видео, старые классы WordPress */
.k-ae .cs-body img{max-width:100%; height:auto; border-radius:8px; vertical-align:middle}
.k-ae .cs-body p > img:only-child,.k-ae .cs-body p > a:only-child > img{display:block; margin-inline:auto}
.k-ae .cs-body a:has(> img){text-decoration:none}
.k-ae .cs-body img[class*="wp-image"],.k-ae .cs-body p > img,.k-ae .cs-body p > a > img{border:1px solid var(--line); background:var(--sheet)}
.k-ae .cs-body .aligncenter{display:block; margin-inline:auto}
.k-ae .cs-body .alignleft{float:left; max-width:45%; margin:6px 18px 10px 0}
.k-ae .cs-body .alignright{float:right; max-width:45%; margin:6px 0 10px 18px}
.k-ae .cs-body::after{content:""; display:block; clear:both}
.k-ae .cs-body figure,.k-ae .cs-body .wp-caption{max-width:100%!important; margin:18px 0 0}
.k-ae .cs-body figure img,.k-ae .cs-body .wp-caption img{display:block; margin-inline:auto}
.k-ae .cs-body figcaption,.k-ae .cs-body .wp-caption-text,.k-ae .cs-body .gallery-caption{margin-top:8px; font:500 12px/1.45 var(--mono); letter-spacing:.02em; color:var(--ink2); text-align:center}
.k-ae .cs-body .gallery{display:grid; grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); gap:10px}
.k-ae .cs-body .gallery br{display:none}
.k-ae .cs-body .gallery-item{margin:0}
.k-ae .cs-body iframe,.k-ae .cs-body video,.k-ae .cs-body embed,.k-ae .cs-body object{display:block; max-width:100%; border:0; border-radius:8px}
.k-ae .cs-body iframe[src*="youtu"],.k-ae .cs-body iframe[src*="vk.com"],.k-ae .cs-body iframe[src*="rutube"],.k-ae .cs-body video{width:100%; height:auto; aspect-ratio:16/9}
.k-ae .cs-body .wp-video{width:100%!important}
.k-ae .cs-body .wp-block-image,.k-ae .cs-body .wp-block-table,.k-ae .cs-body .wp-block-quote,.k-ae .cs-body .wp-block-code{margin:18px 0 0}
.k-ae .cs-body .wp-block-table table{width:100%; border-collapse:collapse}
.k-ae .cs-body .has-text-align-center{text-align:center}
.k-ae .cs-body dl{margin:16px 0 0}
.k-ae .cs-body dt{font-weight:700}
.k-ae .cs-body dd{margin:4px 0 0 1em}
.k-ae .cs-body sup,.k-ae .cs-body sub{font-size:.7em; line-height:0}

/* =====================================================================
   FAQ, источники, комментарии
   ===================================================================== */
.k-ae .lg summary:focus-visible{outline-offset:-3px}
.k-ae .lg-a{padding:0 16px 16px 62px; font-size:16px; line-height:1.6; color:var(--ink2)}
.k-ae .lg-a > * + *{margin-top:10px}
.k-ae .lg .lg-a p{padding:0; font-size:inherit}
.k-ae .lg-a p{color:var(--ink2)}
.k-ae .src-l{display:grid; gap:6px; font-size:14px}
.k-ae .src-l ol{margin:0; padding-left:1.3em; display:grid; gap:4px}
.k-ae .src-l li::marker{font:600 .85em var(--mono); color:var(--amb-t)}
.k-ae .src-l a{display:inline; min-height:0; overflow-wrap:anywhere; line-height:1.5}
.k-ae .src-l small{font:500 11px/1 var(--mono); color:var(--ink2)}
.k-ae .ava{padding:0 5px; color:#FFC233; background:var(--dots),#131D28; border-color:#030507; box-shadow:0 3px 0 #030507}
.k-ae .ava svg{width:32px; height:24px; filter:drop-shadow(0 0 3px rgba(var(--gl),.7))}
.k-ae .cmts{margin-top:30px; border-radius:10px; border:1px solid var(--line); background:var(--sheet)}
.k-ae .cmts > summary{display:flex; flex-wrap:wrap; align-items:center; gap:4px 12px; min-height:52px; padding:10px 16px; cursor:pointer; list-style:none}
.k-ae .cmts > summary::-webkit-details-marker{display:none}
.k-ae .cmts > summary::after{content:"+"; margin-left:auto; font:600 20px/1 var(--mono); color:var(--amb-t)}
.k-ae .cmts[open] > summary::after{content:"−"}
.k-ae .cmts > summary b{font:650 15px/1.2 var(--f)}
.k-ae .cm-list{list-style:none; margin:0; padding:0 16px 8px}
.k-ae .cm{padding:14px 0; border-top:1px dashed var(--line)}
.k-ae .cm-re{margin-left:18px; padding-left:14px; border-left:2px solid color-mix(in srgb,var(--amb) 45%,transparent)}
.k-ae .cm-h{display:flex; flex-wrap:wrap; gap:4px 12px; align-items:baseline}
.k-ae .cm-h b{font:650 15px/1.3 var(--f)}
.k-ae .cm-h span{font:600 11px/1 var(--mono); letter-spacing:.06em; color:var(--ink2)}
.k-ae .cm-t{margin-top:6px; font-size:15px; line-height:1.55; overflow-wrap:break-word}
.k-ae .cm-t p + p{margin-top:8px}

/* =====================================================================
   Раздел, поиск, 404, страница
   ===================================================================== */
.k-ae .hub-d a{color:#FFC233}
.k-ae .hub-s .hub-bd{padding-block:18px}
.k-ae .hub-s .hub-h1{font-size:28px}
.k-ae .ck-a{text-decoration:none}
.k-ae .ck-i{width:26px; height:26px; margin-bottom:2px; color:var(--ink)}
.k-ae .ck-a::after{display:none}
.k-ae .clus .ck-c{overflow-wrap:anywhere}
.k-ae .hub-about{margin-top:16px; border-radius:10px; border:1px solid var(--line); background:var(--sheet)}
.k-ae .hub-about > summary{display:flex; flex-wrap:wrap; align-items:center; gap:4px 12px; min-height:52px; padding:10px 16px; cursor:pointer; list-style:none}
.k-ae .hub-about > summary::-webkit-details-marker{display:none}
.k-ae .hub-about > summary::after{content:"+"; margin-left:auto; font:600 20px/1 var(--mono); color:var(--amb-t)}
.k-ae .hub-about[open] > summary::after{content:"−"}
.k-ae .hub-about > summary b{font:650 15px/1.2 var(--f)}
.k-ae .hub-about .cs-body{padding:0 16px 16px; font-size:16px}
.k-ae .cat-grid.cat-one{grid-template-columns:minmax(0,1fr)}
.k-ae .ct .m small{display:block; margin-top:2px; font:500 12px/1.35 var(--mono); color:var(--ink2)}
.k-ae .ct .c a{display:inline-block; min-height:0; padding-block:9px; line-height:1.35}
.k-ae .ct .c span{white-space:nowrap}
.k-ae .ct .c span.lg{white-space:normal; overflow-wrap:anywhere; font-size:.85em}
.k-ae .ct .c i{font-style:normal; color:var(--ink2)}
.k-ae .ct .c{line-height:1.35}
.k-ae .tbl-more{margin:4px 14px 14px; font-family:var(--f)}
.k-ae .tbl-empty a{color:var(--amb-t)}
.k-ae .dec-out{display:grid; gap:12px}
.k-ae .dec-hits{display:grid; gap:6px}
.k-ae .dec-hits:empty{display:none}
.k-ae .dec-hits .lbl{color:var(--on2)}
.k-ae .dec-hits a{display:block; padding:8px 10px; border-radius:6px; font:600 14px/1.4 var(--f); color:var(--on); text-decoration:none; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08)}
.k-ae .dec-hits a:hover{border-color:rgba(var(--gl),.5)}
.k-ae .dec-no{display:flex; gap:10px; align-items:center; color:var(--on2)}
.k-ae .dec-go{justify-self:start; display:inline-flex; align-items:center; min-height:44px; font:600 13px/1.3 var(--mono); color:#FFC233; text-underline-offset:3px}
.k-ae .dec-parts .pt{min-width:0}
.k-ae .pt b{overflow-wrap:anywhere}
.k-ae .pager .key{text-decoration:none}
.k-ae .pager .key-prev svg{transform:scaleX(-1)}
.k-ae .pg-gap{display:inline-flex; align-items:center; min-height:44px; padding:0 4px; font:600 15px/1 var(--mono); color:var(--ink2)}
.k-ae .miss-k{display:flex; flex-wrap:wrap; gap:12px}
.k-ae .miss .key{text-decoration:none}
.k-ae .miss-e{margin-top:24px}
.k-ae .miss-e b{font-family:var(--mono); font-weight:600}
.k-ae .srch-hub .hub-bd,.k-ae .e404-hub .hub-bd{grid-template-columns:minmax(0,1fr)}
.k-ae .srch-find{margin-top:0}
.k-ae .srch-hub .hub-h1{overflow-wrap:anywhere}
.k-ae .e404-7 .d7{height:64px}
.k-ae .srch .mod,.k-ae .e404 .mod{margin-top:44px}
.k-ae .sheet{margin-top:22px; padding:22px 18px; border-radius:12px; background:var(--sheet); border:1px solid var(--line); box-shadow:0 14px 28px -22px rgba(15,26,36,.6)}
.k-ae .sheet .cs-body{max-width:72ch}
.k-ae .sheet .cs-body img.alignleft{max-width:120px}
.k-ae .contact-form{display:grid; gap:10px; max-width:520px; margin-top:16px}
.k-ae .contact-form form{display:grid; gap:10px}
.k-ae .contact-form input[type="text"],.k-ae .contact-form input[type="email"],.k-ae .contact-form textarea{width:100%; min-height:48px; padding:10px 14px; border-radius:8px; border:1px solid var(--k-edge); font:400 16px/1.4 var(--f); color:var(--ink); background:var(--sheet); box-shadow:inset 0 1px 3px rgba(15,26,36,.12)}
.k-ae .contact-form textarea{min-height:140px; resize:vertical}
.k-ae .contact-form input:focus,.k-ae .contact-form textarea:focus{outline:2px solid var(--amb); outline-offset:1px}
.k-ae .contact-form button,.k-ae .contact-form input[type="submit"]{justify-self:start; min-height:48px; padding:0 22px; border-radius:6px; cursor:pointer; font:700 16px/1 var(--f); color:#1A1204; background:linear-gradient(180deg,#FFD35A,#F2A900); border:1px solid #9C6C00; box-shadow:0 3px 0 #9C6C00}

/* плашка cookie от Clearfy — в стиле табло */
.k-ae .clearfy-cookie{position:fixed; left:12px; right:12px; bottom:12px; z-index:60; max-width:560px; margin-inline:auto; padding:12px 14px; border-radius:10px; color:var(--on); font:400 14px/1.45 var(--f);
  background:var(--dots),#131D28; box-shadow:0 18px 36px -12px rgba(0,0,0,.7),0 0 0 1px rgba(0,0,0,.6)}
.k-ae .clearfy-cookie-hide{display:none}
.k-ae .clearfy-cookie-container{display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px}
.k-ae .clearfy-cookie a{color:#FFC233}
.k-ae .clearfy-cookie-accept{min-height:40px; padding:0 16px; border-radius:6px; cursor:pointer; font:700 14px/1 var(--f); color:#1A1204; background:linear-gradient(180deg,#FFD35A,#F2A900); border:1px solid #9C6C00; box-shadow:0 2px 0 #9C6C00}

/* панель администратора WordPress не закрывает липкую шапку */
.admin-bar.k-ae .hdr-find{top:46px}
@media (min-width:783px){ .admin-bar.k-ae .hdr-find{top:32px} }

/* ---------- тёмная тема: новые детали ---------- */
:root[data-theme="dark"] .k-ae .cs-body blockquote.warning{color:#1A1204; background:repeating-linear-gradient(180deg,rgba(255,255,255,.08) 0 1px,transparent 1px 3px),linear-gradient(158deg,#E7A613,#C98900 55%,#A87000)}
:root[data-theme="dark"] .k-ae .cs-body blockquote.danger{color:#FFD9D4; background:repeating-linear-gradient(-45deg,rgba(255,107,91,.06) 0 10px,transparent 10px 20px),linear-gradient(180deg,#3A1411,#240C0A); box-shadow:0 0 0 1px rgba(255,107,91,.45)}
:root[data-theme="dark"] .k-ae .cs-body img[class*="wp-image"],:root[data-theme="dark"] .k-ae .cs-body p > img,:root[data-theme="dark"] .k-ae .cs-body p > a > img{border-color:#26313C}
:root[data-theme="dark"] .k-ae .cs-table,:root[data-theme="dark"] .k-ae .cmts,:root[data-theme="dark"] .k-ae .hub-about,:root[data-theme="dark"] .k-ae .sheet{box-shadow:0 0 0 1px rgba(0,0,0,.4)}
:root[data-theme="dark"] .k-ae .m-sheet .cv-i{color:#1E2A1A}
:root[data-theme="dark"] .k-ae code.cs-copy,:root[data-theme="dark"] .k-ae .cs-body pre{background:var(--dots),#05080C}
:root[data-theme="dark"] .k-ae .ava{background:var(--dots),#0A1017}

/* ---------- компьютер ---------- */
@media (min-width:960px){
  .k-ae [id]{scroll-margin-top:100px}
  .k-ae .rail{position:static; align-self:stretch}
  .k-ae .ways{position:sticky; top:90px; max-height:calc(100vh - 110px); overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin}
  .k-ae .mod-tools .amb-plate{align-content:center}
  .k-ae .blk > .sh h2{font-size:30px}
  .k-ae .proc-h h2{font-size:30px}
  .k-ae .proc-b{padding:20px 24px 22px}
  .k-ae .cs-body{font-size:18px}
  .k-ae .cs-body h2{font-size:30px; margin-top:48px}
  .k-ae .cs-body h3{font-size:22px}
  .k-ae .lede,.k-ae .lede > p:first-child{font-size:19px}
  .k-ae .proc-b > ol > li{padding-left:64px}
  .k-ae .proc-b > ol > li::before{font-size:30px}
  .k-ae .cp-code.cp-long{font-size:48px}
  .k-ae .cp-code.cp-list{font-size:52px}
  .k-ae .brief-x{font-size:17px}
  .k-ae .lg-a{font-size:17px}
  .k-ae .cv-c.cv-s{font-size:18px}
  .k-ae .pc:nth-child(-n+2) .cv-c.cv-s{font-size:24px}
  .k-ae .hub-s .hub-h1{font-size:44px}
  .k-ae .hub-s .hub-bd{padding-block:26px}
  .k-ae .srch-hub .hub-bd,.k-ae .e404-hub .hub-bd{grid-template-columns:minmax(0,1fr) auto}
  .k-ae .srch-find,.k-ae .e404-hub .srch-find{grid-column:1 / -1}
  .k-ae .e404-7 .d7{height:112px}
  .k-ae .srch .mod,.k-ae .e404 .mod{margin-top:64px}
  .k-ae .sheet{padding:40px 48px}
  .k-ae .miss-k{justify-content:flex-end}
  .k-ae .ct{table-layout:fixed}
  .k-ae .ct th:nth-child(1){width:34%}
  .k-ae .ct th:nth-child(3){width:136px}
  .k-ae .ct .c{white-space:normal; padding-block:10px}
  .k-ae .ct td{padding-block:12px; vertical-align:top}
  .k-ae .ct .c a{padding-block:0}
  .k-ae .hub-s .hub-cnt .d7{height:64px}
  .k-ae .hub-s .hub-i{width:56px; height:56px}
  .k-ae .clus .ck-i{width:30px; height:30px}
}
@media (max-width:959px){
  .k-ae .ways{order:2}
  .k-ae .cs-body .alignleft,.k-ae .cs-body .alignright{float:none; display:block; max-width:100%; margin:16px auto 0}
}
.ds-rm .k-ae *,.ds-rm .k-ae *::before,.ds-rm .k-ae *::after{animation:none!important; transition:none!important}