:root{--navy:#002948;--navy2:#0B3A5E;--blue:#2E6DA4;--blue2:#478ECC;--sky:#A9CBEA;--ink:#231F20;--muted:#505355;--line:#DADADA;--bg:#F2F2F2;--card:#FFFFFF;
--note:#E3EEF8;--warnbg:#FBEBD3;--warn:#975600;--dobg:#E2F2E9;--do:#1E7B4F;--dontbg:#FBE4E1;--dont:#C0352B}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:16px;line-height:1.55}
a{color:var(--blue)}a:hover{color:var(--navy)}
img{max-width:100%;height:auto}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:1200px;margin:0 auto;padding:0 32px}
main.wrap{padding-top:24px;padding-bottom:64px;display:flex;flex-direction:column;gap:32px}
.muted{color:var(--muted)}
.mono{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:12px}
.eyebrow{display:inline-block;font-size:11px;line-height:16px;font-weight:600;letter-spacing:.08em;color:var(--muted)}
.eyebrow.blue{color:var(--blue)}.eyebrow.light{color:var(--sky)}.eyebrow.amber{color:var(--warn)}
.tag{display:inline-flex;align-items:center;font-size:12px;font-weight:600;color:var(--blue);background:var(--note);border-radius:2px;padding:2px 8px;white-space:nowrap}
.tag.amber{color:var(--warn);background:var(--warnbg)}
h1,h2,h3{color:var(--navy);font-weight:600;margin:0;text-wrap:balance}
h1{font-size:34px;line-height:42px}h2{font-size:24px;line-height:32px}h3{font-size:18px;line-height:26px}

.testbar{background:#FBEBD3;color:#5c3a00;font-size:13px;text-align:center;padding:6px 16px}
header.top{background:var(--navy);color:#fff}
header.top .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding-top:12px;padding-bottom:12px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}
.brand .logo{height:26px;width:auto;display:block}
.brand span{border-left:1px solid #6B88A0;padding-left:12px;font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--sky)}
.mainnav{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:14px;font-weight:500;margin-left:auto}
.mainnav a{color:#fff;text-decoration:none}.mainnav a:hover{text-decoration:underline}
.setup{display:flex;align-items:center;gap:8px}
.setup>span{font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--sky)}
.seg{display:flex;gap:2px;padding:2px;border:1px solid #6B88A0;border-radius:2px}
.seg button{white-space:nowrap;height:30px;padding:0 12px;border:0;border-radius:2px;background:transparent;color:#fff;font:inherit;font-size:13px;font-weight:500;cursor:pointer}
html[data-setup="s2"] .seg [data-setup-btn="s2"],html[data-setup="s1"] .seg [data-setup-btn="s1"],html[data-setup="sa"] .seg [data-setup-btn="sa"]{background:#fff;color:var(--navy);font-weight:600}
.hsearch input{height:36px;width:170px;max-width:100%;padding:0 12px;border:1px solid #6B88A0;border-radius:2px;background:var(--navy2);color:#fff;font:inherit;font-size:14px}
.hsearch input::placeholder{color:#C9D9E8}

.crumbs{font-size:13px;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px}
.intro{display:flex;flex-direction:column;gap:10px;max-width:780px}
.lead{margin:0;font-size:18px;line-height:28px;color:var(--muted)}

/* home */
body.home main.wrap{padding-top:0}
.hero{background:#012846;color:#fff;margin:0 -32px;padding:0 32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:center;gap:0 24px}
.htext{display:flex;flex-direction:column;gap:14px;padding:48px 0}
.hero h1{color:#fff;font-size:44px;line-height:52px}
.hero p{margin:0;font-size:18px;line-height:28px;color:#D6E4F2}
.himg img{display:block;width:100%;height:380px;object-fit:cover;object-position:78% 50%}
.bigsearch{display:flex;gap:8px;max-width:560px}
.bigsearch input{flex:1 1 auto;min-width:0;height:52px;padding:0 16px;border:0;border-radius:4px;font:inherit;font-size:16px}
.bigsearch.light input{border:1px solid var(--line)}
.bigsearch button,.btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 20px;border:0;border-radius:2px;background:var(--navy);color:#fff;font:inherit;font-weight:600;text-decoration:none;cursor:pointer}
.bigsearch button{height:52px;background:var(--blue);border-radius:4px}
.btn:hover{color:#fff;background:#003a66}.btn.ghost{background:#fff;color:var(--navy);border:1px solid var(--navy)}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.try{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;color:var(--sky)}
.try a{color:#fff;text-decoration:none;border:1px solid #3D6487;border-radius:999px;padding:2px 10px}
.block{display:flex;flex-direction:column;gap:16px}
.bhead{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:24px}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}
.grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}
.scard{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:4px;overflow:hidden;text-decoration:none;color:var(--ink)}
.scard img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;border-bottom:1px solid #E5E5E5}
.scard .sbody{display:flex;flex-direction:column;gap:6px;padding:16px 18px 18px;font-size:14px}
.stitle{display:flex;justify-content:space-between;align-items:center;gap:8px}.stitle b{font-size:20px;color:var(--navy)}
.scard .go{font-weight:600;color:var(--blue)}
.scard:hover,.tile:hover,.stepcard:hover{border-color:var(--blue);box-shadow:0 2px 8px rgba(0,41,72,.10)}
html[data-setup="s2"] [data-pick-setup="s2"],html[data-setup="s1"] [data-pick-setup="s1"],html[data-setup="sa"] [data-pick-setup="sa"]{border:2px solid var(--blue)}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}
.tile{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--card);border:1px solid var(--line);border-radius:4px;text-decoration:none;color:var(--ink);font-size:14px}
.tile img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff}
.tile b{font-size:16px;color:var(--navy)}
.tile.text{min-height:110px;justify-content:space-between}
.panel{background:var(--card);border:1px solid var(--line);border-radius:4px;padding:24px;display:flex;flex-direction:column;gap:12px}
.panel.blue{background:var(--note);border-color:#C9DCEE}
.panel.narrow{max-width:520px}
.panel form{display:flex;flex-direction:column;gap:8px}
.panel input{height:44px;padding:0 12px;border:1px solid var(--line);border-radius:2px;font:inherit}
.links{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}
.btns{display:flex;flex-wrap:wrap;gap:12px}
.card{background:var(--card);border:1px solid var(--line);border-radius:4px;padding:20px;display:flex;flex-direction:column;gap:10px}
.card p{margin:0;flex:1 1 auto;font-size:14px}
.card a{font-weight:600}
.contact{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:24px 28px;background:var(--card);border:1px solid var(--line);border-radius:4px}
.contact p{margin:4px 0 0}

/* setup guide */
.needs{background:var(--warnbg);border-radius:4px;padding:16px 20px}
.needs ul{margin:8px 0 0;padding-left:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:4px 24px}
.stepcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px}
.stepcard{display:flex;flex-direction:column;gap:6px;padding:18px;background:var(--card);border:1px solid var(--line);border-radius:4px}
.sc-head{display:flex;flex-direction:column;text-decoration:none}.sc-head b{font-size:18px;line-height:24px;color:var(--navy)}
.mini{list-style:none;margin:4px 0 0;padding:0}
.mini li{padding:7px 0;border-top:1px solid #ECECEC;font-size:14px;line-height:20px}
.mini li a{color:var(--ink);text-decoration:none}.mini li a:hover{color:var(--blue);text-decoration:underline}
.mini li.row,.mini li.missing{display:flex;justify-content:space-between;gap:8px}
.more{font-size:14px;font-weight:600}
.stepsec{background:var(--card);border:1px solid var(--line);border-radius:4px;overflow:hidden;scroll-margin-top:16px}
.stepsec>header{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:16px 20px;border-bottom:1px solid #E5E5E5}
.stepsec>header>div{flex:1 1 240px}
.badge{flex:0 0 auto;width:36px;height:36px;border-radius:999px;background:var(--navy);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:600}
.rows{list-style:none;margin:0;padding:4px 0}
.rows .row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px}
.rows .row:hover{background:#F5F8FB}
.rows .row a{font-weight:500;color:var(--navy);text-decoration:none}.rows .row a:hover{text-decoration:underline}
.rows .missing{display:flex;justify-content:space-between;gap:12px;padding:10px 20px;color:var(--muted)}
.pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.pill{display:inline-flex;align-items:center;height:32px;padding:0 12px;background:var(--card);border:1px solid var(--line);border-radius:999px;color:var(--ink);text-decoration:none;font-size:14px}
.helpbox{align-items:start}

/* article */
.strip{display:none;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:12px 16px;background:var(--card);border:1px solid var(--line);border-radius:4px}
html[data-setup="s2"] .strip.only-s2,html[data-setup="s1"] .strip.only-s1,html[data-setup="sa"] .strip.only-sa{display:flex}
.strip b{color:var(--navy)}
.segs{display:flex;gap:4px;flex:1 1 140px;max-width:260px}
.segs i{flex:1 1 0;height:6px;border-radius:3px;background:var(--line)}
.segs i.done{background:var(--navy)}.segs i.now{background:var(--blue2)}
.strip .muted{font-size:13px}.strip .all{margin-left:auto;font-size:14px;font-weight:600}
.article{background:var(--card);border:1px solid var(--line);border-radius:4px;padding:32px clamp(18px,4vw,48px)}
.ahead{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;max-width:820px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:2px;background:var(--note);color:var(--blue);font-size:12px;font-weight:500}
.chip.grey{background:#EDEDED;color:var(--muted)}
.variant{font-size:14px;color:var(--muted)}
.prose{max-width:820px}
.prose h2{font-size:22px;line-height:30px;margin:28px 0 10px;scroll-margin-top:16px}
.prose h3{font-size:18px;line-height:26px;margin:22px 0 8px}
.prose p{margin:0 0 12px}
.prose p.num{padding-left:0}
.prose ul{margin:0 0 14px;padding-left:22px}.prose ul.sub{margin:4px 0 4px}
.prose li{margin:4px 0}
.prose figure{margin:16px 0;text-align:center}
.prose figure img{max-height:560px;width:auto;border:1px solid #ECECEC;border-radius:2px}
.prose p.caption{text-align:center;font-size:13px;color:#6B6E71;font-style:italic;margin-top:-6px}
.callout{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:4px;margin:14px 0;border:1px solid transparent}
.callout svg{flex:0 0 auto;margin-top:2px}
.callout.note{background:var(--note);color:var(--ink);border-color:#C9DCEE}.callout.note svg,.callout.note strong{color:var(--blue)}
.callout.warn{background:var(--warnbg);border-color:#E9C79A}.callout.warn svg,.callout.warn strong{color:var(--warn)}
.callout.do{background:var(--dobg);border-color:#A9D5BC}.callout.do svg,.callout.do strong{color:var(--do)}
.callout.dont{background:var(--dontbg);border-color:#E9B0AA}.callout.dont svg,.callout.dont strong{color:var(--dont)}
.tablebox{overflow-x:auto;margin:12px 0}.tablebox table{border-collapse:collapse;min-width:100%}.tablebox td{border:1px solid var(--line);padding:6px 10px;font-size:14px}
.prevnext{display:none;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px}
html[data-setup="s2"] .prevnext.only-s2,html[data-setup="s1"] .prevnext.only-s1,html[data-setup="sa"] .prevnext.only-sa{display:grid}
.pn{display:flex;flex-direction:column;gap:2px;padding:16px 18px;border-radius:4px;text-decoration:none}
.pn.prev{background:var(--card);border:1px solid var(--line)}.pn.prev b{color:var(--navy)}
.pn.next{background:var(--navy);color:#fff;text-align:right}.pn.next .eyebrow{color:var(--sky)}.pn.next:hover{color:#fff;background:#003a66}
.helpful{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:20px;border-top:1px solid var(--line);font-size:15px}
.results{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.results li{background:var(--card);border:1px solid var(--line);border-radius:4px;padding:14px 18px}
.results a{font-weight:600;font-size:17px}
.results p{margin:4px 0 0;font-size:14px;color:var(--muted)}
.results mark{background:#FFF1B8;color:inherit}

footer.foot{background:var(--navy);color:#D6E4F2;margin-top:24px}
footer.foot .wrap{padding-top:40px;padding-bottom:24px;display:flex;flex-direction:column;gap:28px}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:24px;font-size:14px}
.cols nav{display:flex;flex-direction:column;gap:6px}.cols .eyebrow{color:var(--sky)}
.cols a{color:#fff;text-decoration:none}.cols a:hover{text-decoration:underline}
.legal{border-top:1px solid #3D6487;padding-top:16px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:12px;color:var(--sky)}

@media (max-width:720px){
.wrap{padding:0 16px}.hero{margin:0 -16px;padding:0 16px}
h1{font-size:28px;line-height:36px}.hero h1{font-size:34px;line-height:42px}
.mainnav{margin-left:0;width:100%}.hsearch,.hsearch input{width:100%}
.setup{width:100%}.setup>span{display:none}.seg{flex:1 1 auto}.seg button{flex:1 1 0;white-space:nowrap;padding:0 6px}
.himg img{height:240px}
.article{padding:20px 16px}
.pn.next{text-align:left}
}
.pgroup{display:flex;flex-direction:column;gap:10px}
.pgroup+.pgroup{margin-top:8px}
.tile .mono{font-size:12px}
.phead{display:flex;flex-wrap:wrap;gap:24px;align-items:center}
.phead img{width:180px;height:180px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:4px}
.phead .intro{flex:1 1 320px}
.stepsec>header h2 a{text-decoration:none}

/* VW sensor cards and product basics */
.phead .intro p{max-width:62ch;margin:0 0 10px}
.phead .btns{margin-top:12px}
.vcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;padding:16px 20px 20px}
.vcard{border:1px solid var(--line);border-radius:4px;background:#fff;display:flex;flex-direction:column}
.vcard img{width:100%;aspect-ratio:3/2;object-fit:contain;background:#fff;border-bottom:1px solid var(--line)}
.vcard>div{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px}
.vcard b{color:var(--navy);font-size:16px}
.vcard p{margin:0}
.vcard a{font-size:14px;margin-top:auto}

/* language bar */
.utilbar{background:#001B30;color:#C9D9E8;font-size:13px}
.utilbar .wrap{display:flex;justify-content:flex-end;padding-top:5px;padding-bottom:5px}
.lang{display:inline-flex;align-items:center;gap:6px;color:#C9D9E8}
.lang select{height:26px;padding:0 6px;border:1px solid #6B88A0;border-radius:2px;background:#001B30;color:#fff;font:inherit;font-size:13px;cursor:pointer}
.testbar .mt{display:block;font-weight:600}
.ntnote{margin:16px 0}
html[lang="ja"] body{font-family:"IBM Plex Sans","Noto Sans JP","Hiragino Sans","Yu Gothic",sans-serif;line-break:strict}

html:not([lang="en-GB"]) .setup>span{display:none}
html:not([lang="en-GB"]) .mainnav{gap:14px}
html:not([lang="en-GB"]) .mainnav a{font-size:14px}
html[lang="es"] .hsearch input{width:128px}
html[lang="es"] .mainnav{gap:12px}
html[lang="es"] .mainnav a{font-size:13.5px}
html[lang="es"] .seg button{padding:0 9px}
html[lang="zh-Hans"] body{font-family:"IBM Plex Sans","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;line-break:strict}

/* Components ported from the Ackcio Knowledge Centre (Kalai, 6 Nov 2026), scoped to .kcbody */
.kcbody{--navy:#002948;--navy-2:#0B3A5E;--sky:#A9CBEA;--accent:#2E6DA4;--amber:#975600;--green:#1E7B4F;--bg:#F2F2F2;--surface:#FFFFFF;--ink:#231F20;--muted:#505355;--line:#DADADA;--tint:#E3EEF8;--warn-bg:#FBEBD3;--done-bg:#E2F2E9;--code-bg:#EEF4FA;--code-ink:#16344F;--hover:#EAF1F8;--hl:#FFF1C9;--t-new:#E4F0FB;--t-new-ink:#1F5E99;--t-imp:#E9F6EE;--t-imp-ink:#22704A;--t-fix:#F3EEF9;--t-fix-ink:#5B3F8C;--screen:#07182A;--screen-line:#1D3A5C;--screen-ink:#EEF4FA;--screen-muted:#9DB3C9;--chip:#EAF2FA;--rib:#FFF6E3;--rib-ink:#5A3B00;--sans:inherit;--mono:'IBM Plex Mono',ui-monospace,monospace}
html[data-setup="sa"] .kcbody .gw-only{display:none!important}
.kcbody .sa-only{display:none}html[data-setup="sa"] .kcbody .sa-only{display:block}
.kcbody .nolink{color:inherit}
.kcbody figure{margin:14px 0 20px}
.kcbody .vlist li.redir a{background:var(--warn-bg)}
.kcbody .vlist li.redir a:hover{background:var(--hover)}
.kcbody .vlist .vdot.go{background:#2F7D6B;border-radius:8px}
.kcbody .vlist .vdot.go::after{content:"\2192";border:0;left:0;top:0;width:100%;height:100%;display:grid;place-items:center;color:#fff;font:700 18px var(--sans)}
.kcbody .vlist .vgo{margin-left:auto;font-weight:700;font-size:13.5px;color:var(--accent);white-space:nowrap}
.kcbody .vlist li.redir .vrt b{color:#2F7D6B}
.kcbody .sstrip{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 0;padding:12px 16px;background:var(--tint);border:1px solid var(--line);border-left:4px solid #2F7D6B;border-radius:8px;text-decoration:none;color:var(--ink);font-size:14.5px}
.kcbody .sstrip:hover{border-color:var(--accent);border-left-color:#2F7D6B}
.kcbody .sstrip .sgo{font-weight:700;color:var(--accent);font-size:18px}
.kcbody .chips .chip.sens{border-color:#2F7D6B;color:#2F7D6B}
.kcbody .vs{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}
.kcbody .vs-p{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:4px}
.kcbody .vs-p img{width:100%;height:150px;object-fit:contain;background:#fff;border-radius:8px}
.kcbody .vs-p b{font-size:18px;margin-top:6px}
.kcbody .vs-p.tl b{color:#1F6FC5}
.kcbody .vs-p small{color:var(--muted);font-size:13.5px}
@media (max-width:560px){.kcbody .vs{grid-template-columns:1fr}}
.kcbody h3{font-size:18px;margin:30px 0 8px;color:var(--ink);text-wrap:balance}
.kcbody h4{font-size:15px;margin:0 0 6px}
.kcbody p{margin:0 0 12px}
.kcbody ul,.kcbody ol{margin:0 0 14px;padding-left:22px}
.kcbody li{margin-bottom:5px}
.kcbody strong{color:var(--navy)}
.kcbody code{font:13px var(--mono);background:var(--code-bg);color:var(--code-ink);padding:1px 5px;border-radius:4px;word-break:break-word}
.kcbody .lede{font-size:17px;color:var(--muted)}
.kcbody table{width:100%;border-collapse:collapse;margin:4px 0 18px;font-size:14px;display:block;overflow-x:auto}
.kcbody table tbody{display:table;width:100%}
.kcbody th{background:var(--sky);color:#10314F;text-align:left;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;padding:8px 10px;font-weight:700}
.kcbody td{padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top;font-variant-numeric:tabular-nums}
.kcbody .callout{background:var(--tint);border-left:4px solid var(--navy);padding:12px 16px;margin:0 0 18px;border-radius:0 6px 6px 0}
.kcbody .callout p:last-child,.kcbody .callout ol:last-child{margin-bottom:0}
.kcbody .callout.warn{background:var(--warn-bg);border-left-color:var(--amber)}
.kcbody .callout.done{background:var(--done-bg);border-left-color:var(--green)}
.kcbody .callout .lbl{display:block;font-weight:700;font-size:.78em;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}
.kcbody .callout.warn .lbl{color:var(--amber)}
.kcbody h4 .opt{display:inline-block;font-size:.72em;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--navy);border-radius:999px;padding:2px 9px;margin-right:8px;vertical-align:2px}
.kcbody .setmap{position:relative;container-type:inline-size;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;margin:6px 0 18px}
.kcbody .setmap img{display:block;width:100%;height:auto}
.kcbody .setmap .hot{position:absolute;border:2px solid transparent;border-radius:6px;transition:background .15s,border-color .15s;cursor:pointer}
.kcbody .setmap .hot:hover,.kcbody .setmap .hot:focus-visible{background:rgba(62,124,184,.13);border-color:#3E7CB8;outline:none}
.kcbody .setmap .pill{text-transform:none;letter-spacing:0;position:absolute;transform:translate(-50%,-50%);background:#0E2A47;color:#fff;font-size:clamp(7px,1.25cqw,13px);font-weight:700;line-height:1.3;padding:.35em .9em;border-radius:999px;white-space:nowrap;text-align:center;pointer-events:none;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.kcbody .setmap .hot:hover .pill{background:#3E7CB8}
.kcbody ul.tilelist{columns:2;column-gap:28px;padding-left:20px}
@media (min-width:700px){.kcbody ul.tilelist{display:none}}
.kcbody ul.tilelist li{break-inside:avoid;margin-bottom:4px}
@media (max-width:640px){.kcbody ul.tilelist{columns:1}}
.kcbody figure.fig.eqpic img{max-height:none;width:100%;border:0;background:none}
.kcbody .partmap{position:relative;max-width:440px;margin:14px auto 4px;container-type:inline-size}
.kcbody .partmap img{display:block;width:100%;height:auto;border-radius:6px}
.kcbody .nb{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--navy);color:#fff;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}
.kcbody .partmap .nb{position:absolute;transform:translate(-50%,-50%);width:6.4cqw;height:6.4cqw;font-size:3.5cqw;box-shadow:0 0 0 .5cqw #fff,0 1px 4px rgba(0,0,0,.35)}
.kcbody .partmap.gwmap{max-width:400px}
.kcbody ul.nblist{list-style:none;padding:0;margin:14px 0}
.kcbody ul.nblist li{display:flex;gap:12px;align-items:flex-start;margin:0 0 10px}
.kcbody ul.nblist li .nb{width:24px;height:24px;font-size:13px;flex:none;margin-top:1px}
.kcbody h4 .nb{width:24px;height:24px;font-size:13px;margin-right:6px;vertical-align:1px}
.kcbody h4 .nb:last-of-type{margin-right:10px}
.kcbody img.uiicon{height:26px;width:auto;vertical-align:-7px;margin-right:10px;border-radius:5px}
.kcbody p.uilabel{margin-top:18px;margin-bottom:6px}
.kcbody h4.stage{margin-top:30px;padding-top:18px;border-top:1px solid var(--line);font-size:1.12em}
.kcbody h4.stage .nb{width:28px;height:28px;font-size:15px}
.kcbody .btnseq{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:var(--tint);border-radius:8px;padding:12px 14px;margin:0 0 16px}
.kcbody .btnseq .k{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:.95em}
.kcbody .btnseq .ar{color:var(--accent);font-weight:700}
.kcbody .btnseq .hint{flex-basis:100%;font-size:.88em;color:var(--muted)}
.kcbody ul.leds{margin:0 0 18px;padding-left:22px}
.kcbody ul.leds li{margin-bottom:10px}
.kcbody ul.leds li span{display:block;margin-top:2px}
.kcbody .sel{user-select:all;font-family:var(--mono);font-size:13px}
.kcbody .two{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:4px 0 14px}
.kcbody .two>div{border:1px solid var(--line);border-radius:8px;padding:12px 14px;background:var(--surface);min-width:0}
.kcbody .two ol,.kcbody .two ul{margin-bottom:0}
.kcbody .mini{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);font-weight:700;margin:0 0 6px!important}
.kcbody ol.steps{list-style:none;padding:0;counter-reset:s;margin:18px 0}
.kcbody ol.steps>li{counter-increment:s;position:relative;padding:0 0 18px 46px;margin:0;border-left:2px solid var(--line);margin-left:15px}
.kcbody ol.steps>li:last-child{border-left-color:transparent}
.kcbody ol.steps>li::before{content:counter(s);position:absolute;left:-16px;top:-2px;width:30px;height:30px;border-radius:50%;background:var(--navy);color:#fff;font-weight:700;font-size:14px;display:grid;place-items:center}
.kcbody ol.steps>li h4{padding-top:3px}
.kcbody ul.check{list-style:disc;padding-left:22px}
.kcbody h4.stepnum{display:flex;align-items:center;gap:10px;margin-top:26px}
.kcbody h4.stepnum .badge{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--navy);color:#fff;font-size:14px;font-weight:700;flex:none}
.kcbody ul.check li{padding-left:2px}
.kcbody .gal{margin:6px 0 20px}
.kcbody .gal-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.kcbody .gal img{background:#000;border-radius:6px;height:190px;width:auto;max-width:100%;object-fit:contain;cursor:zoom-in;border:1px solid var(--line)}
.kcbody .gal.single img{height:300px}
.kcbody .gal.phones img{background:#fff;height:300px}
.kcbody .gal.grid .gal-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}
.kcbody .gal.grid img{height:auto;width:100%}
.kcbody figcaption{font-size:13px;color:var(--muted);margin-top:6px;text-align:center}
.kcbody .shots-h{font-size:12px!important;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted)!important;border-top:1px solid var(--line);padding-top:18px}
.kcbody .shots{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin:8px 0 16px}
.kcbody .shot{margin:0;min-width:0}
.kcbody .shot img,.kcbody .shot video{width:100%;height:150px;object-fit:contain;background:var(--surface);border:1px solid var(--line);border-radius:6px;cursor:zoom-in;display:block}
.kcbody .faqshots{display:flex;flex-direction:column;align-items:center;gap:18px}
.kcbody .faqshots .shot{width:auto;max-width:100%}
.kcbody .faqshots .shot img,.kcbody .faqshots .shot video{width:auto;max-width:100%;height:auto;max-height:480px;margin:0 auto}
.kcbody .shot video{cursor:default;background:#000}
.kcbody h3.sh{font-size:19px;margin:32px 0 8px;padding-top:14px;border-top:1px solid var(--line)}
.kcbody h3.sh:first-child{border-top:0;padding-top:0;margin-top:0}
.kcbody h4.sh{font-size:16px;margin:24px 0 6px}
.kcbody h5.sh{font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:var(--accent);margin:22px 0 6px}
.kcbody p.step{padding-left:24px;text-indent:-24px}
.kcbody p.figcap{font-size:13px;color:var(--muted);margin-top:-8px;text-align:center}
.kcbody figure.fig{margin:14px 0 20px;display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start;justify-content:center}
.kcbody figure.fig img{max-height:440px;width:auto;height:auto;max-width:100%;border:1px solid var(--line);border-radius:6px;background:#fff;cursor:zoom-in}
.kcbody figure.fig.n3 img,.kcbody figure.fig.n4 img{max-height:300px;max-width:calc(50% - 5px)}
.kcbody td .cellimg{max-width:150px;height:auto;display:block;border-radius:4px;background:#fff;cursor:zoom-in}
.kcbody td:first-child{font-weight:700}
.kcbody .faq-toc{columns:2 260px;column-gap:24px;margin:0 0 26px;padding:14px 16px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:14px}
.kcbody .faq-toc a{display:block;break-inside:avoid;padding:3px 0;text-decoration:none;color:var(--ink)}
.kcbody .faq-toc a b{color:var(--muted);font-weight:700;font-variant-numeric:tabular-nums;margin-right:6px;font-size:12px}
.kcbody .faq-toc a:hover{color:var(--accent)}
.kcbody section.faq{padding:18px 0 6px;border-top:1px solid var(--line);scroll-margin-top:80px}
.kcbody section.faq h3{margin:0 0 10px;display:flex;gap:10px;align-items:baseline;font-size:17px}
.kcbody .qn{font:700 12px var(--mono);color:var(--accent);flex:none}
.kcbody section.faq.flash{animation:fl 1.6s ease-out}
@keyframes fl{0%{background:var(--hl)}100%{background:transparent}}
.kcbody .vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin:16px 0 18px}
.kcbody .vcard{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;padding-bottom:12px}
.kcbody .vcard:hover{border-color:var(--accent);box-shadow:0 4px 14px rgba(14,42,71,.08)}
.kcbody .vthumb{position:relative;display:block;aspect-ratio:16/9;background:#000;margin-bottom:6px}
.kcbody .vthumb img{width:100%;height:100%;object-fit:cover;display:block}
.kcbody .vpart{position:absolute;left:10px;top:10px;background:var(--navy);color:#fff;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:999px}
.kcbody .vplay{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:rgba(14,42,71,.85);box-shadow:0 2px 8px rgba(0,0,0,.35)}
.kcbody .vplay::after{content:"";position:absolute;left:21px;top:16px;border-style:solid;border-width:10px 0 10px 16px;border-color:transparent transparent transparent #fff}
.kcbody .vcard .vplay{left:auto;top:auto;right:10px;bottom:10px;margin:0;width:44px;height:44px}
.kcbody .vcard .vplay::after{left:17px;top:13px;border-width:9px 0 9px 14px}
.kcbody .vcard:hover .vplay,.kcbody .watch:hover .vplay{background:#3E7CB8}
.kcbody .vt{font-weight:700;font-size:16px;line-height:1.3;padding:0 14px}
.kcbody .vs{font-size:13px;color:var(--muted);padding:0 14px}
.kcbody ul.vlist{list-style:none;padding:0;margin:14px 0 18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}
.kcbody ul.vlist li{border-top:1px solid var(--line)}
.kcbody ul.vlist li:first-child{border-top:0}
.kcbody ul.vlist a{display:flex;align-items:center;gap:14px;padding:12px 16px;text-decoration:none;color:var(--ink)}
.kcbody ul.vlist a:hover{background:var(--hover)}
.kcbody .vdot{flex:none;position:relative;width:34px;height:34px;border-radius:50%;background:var(--navy)}
.kcbody .vdot::after{content:"";position:absolute;left:13px;top:10px;border-style:solid;border-width:7px 0 7px 11px;border-color:transparent transparent transparent #fff}
.kcbody ul.vlist a:hover .vdot{background:#3E7CB8}
.kcbody .vrt{flex:1;min-width:0}
.kcbody .vrt b{display:block;font-size:15.5px}
.kcbody .vrt small{display:block;font-size:12.5px;color:var(--muted)}
.kcbody .vext{color:var(--muted);font-weight:700}
.kcbody .watchrow{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin:0 0 20px}
.kcbody .watch{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink);background:var(--tint);border:1px solid var(--line);border-radius:12px;padding:10px;cursor:pointer}
.kcbody .watch:hover{border-color:var(--accent)}
.kcbody .watch .wt{position:relative;flex:none;width:132px;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#000}
.kcbody .watch .wt img{width:100%;height:100%;object-fit:cover;display:block}
.kcbody .watch .vplay{width:34px;height:34px;margin:-17px 0 0 -17px}
.kcbody .watch .vplay::after{left:13px;top:10px;border-width:7px 0 7px 11px}
.kcbody .watch .wx{min-width:0}
.kcbody .watch small{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.kcbody .watch b{display:block;font-size:15px;line-height:1.3}
.kcbody .watch em{display:block;font-style:normal;font-size:12.5px;color:var(--muted)}
.kcbody pre.code{margin:6px 0 18px;padding:14px 16px;background:var(--code-bg);color:var(--code-ink);border:1px solid var(--line);border-radius:8px;overflow-x:auto;font:12.5px/1.55 var(--mono);white-space:pre}
.kcbody pre.code code{background:none;padding:0;font:inherit;color:inherit;word-break:normal}
.kcbody .docrow{display:grid;gap:10px;margin:0 0 20px}
.kcbody .doccard{display:flex;align-items:center;gap:14px;background:var(--tint);border:1px solid var(--line);border-radius:12px;padding:12px 14px;flex-wrap:wrap}
.kcbody .docico{flex:none;width:42px;height:50px;border-radius:6px;background:#C0392B;color:#fff;font:700 12px var(--sans);display:flex;align-items:flex-end;justify-content:center;padding-bottom:7px;box-sizing:border-box;clip-path:polygon(0 0,72% 0,100% 22%,100% 100%,0 100%)}
.kcbody .doccard .dx{flex:1;min-width:200px}
.kcbody .doccard .dx b{display:block;font-size:15.5px}
.kcbody .doccard .dx small{display:block;color:var(--muted);font-size:12.5px}
.kcbody .doccard .dbtn{display:flex;gap:6px;flex-wrap:wrap}
.kcbody .doccard .btn{cursor:pointer}
.kcbody .chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}
.kcbody .chips .chip{display:inline-flex;align-items:baseline;gap:6px;text-decoration:none;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:5px 12px;font:600 13.5px var(--sans);margin:0}
.kcbody .chips .chip em{font-style:normal;font:500 12px var(--mono);color:var(--muted)}
.kcbody .chips .chip:hover{border-color:var(--accent);background:var(--hover)}
.kcbody .wn-pill{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:13.5px;color:#fff;text-decoration:none;background:rgba(232,163,61,.16);border:1px solid rgba(232,163,61,.65);border-radius:999px;padding:7px 14px;white-space:nowrap}
.kcbody .wn-pill:hover,.kcbody .wn-pill[aria-current="page"]{background:var(--amber);color:#1F1300;border-color:var(--amber)}
.kcbody .wn-pill i{width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 0 rgba(232,163,61,.7)}
.kcbody .wn-pill:hover i,.kcbody .wn-pill[aria-current="page"] i{background:#1F1300}
@media (prefers-reduced-motion:no-preference){.kcbody .wn-pill i{animation:wndot 2s ease-out infinite}
@keyframes wndot{0%{box-shadow:0 0 0 0 rgba(232,163,61,.7)}100%{box-shadow:0 0 0 9px rgba(232,163,61,0)}}}
.kcbody .wn-promo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(16px,3vw,32px);align-items:center;text-decoration:none;color:#fff;background:radial-gradient(120% 140% at 100% 0%,#1B4C7C 0%,var(--navy) 45%,var(--navy-2) 100%);border-radius:22px;padding:clamp(18px,3vw,30px);margin:6px 0 30px;border:1px solid #1D3A5C;transition:transform .15s ease}
.kcbody .wn-promo:hover{transform:translateY(-2px)}
.kcbody .wp-tx{display:flex;flex-direction:column;gap:10px;min-width:0}
.kcbody .wp-k{font:600 12px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--sky);display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.kcbody .wp-k em{font-style:normal;background:var(--amber);color:#1F1300;border-radius:6px;padding:3px 8px;letter-spacing:.1em}
.kcbody .wn-promo b{font-size:clamp(26px,3.6vw,38px);line-height:1.08;letter-spacing:-.025em;text-wrap:balance}
.kcbody .wp-s{color:#B9CFE4;font-size:15.5px;max-width:44ch}
.kcbody .wp-list{display:flex;flex-wrap:wrap;gap:6px}
.kcbody .wp-list span{font-size:12.5px;font-weight:600;border:1px solid rgba(169,214,245,.35);color:#DCEAF7;border-radius:999px;padding:4px 10px}
.kcbody .wp-go{align-self:flex-start;margin-top:4px;background:#fff;color:var(--navy);font-weight:700;font-size:14.5px;border-radius:999px;padding:9px 18px}
.kcbody .wp-vis{display:block;border-radius:14px;overflow:hidden;border:1px solid #1D3A5C;min-width:0}
.kcbody .wp-vis svg,.kcbody .wp-vis img{display:block;width:100%;height:auto;margin:0;border:0;border-radius:0}
.kcbody .wn-scr video,.kcbody .wn-scr .wn-shot{display:block;width:100%;height:auto;border-radius:9px;margin:0;border:0;background:#fff}
@media (max-width:820px){.kcbody .wn-promo{grid-template-columns:1fr}
.kcbody .wp-vis{order:-1}}
.kcbody .ribbon{background:var(--rib);color:var(--rib-ink);border-bottom:1px solid var(--line)}
.kcbody .ribbon .rb-in{max-width:1320px;margin:0 auto;display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;justify-content:center;padding:9px max(16px,env(safe-area-inset-right,0px)) 9px max(16px,env(safe-area-inset-left,0px));font-size:14px;text-align:center}
.kcbody .ribbon .rb-v{font:600 11.5px var(--mono);background:var(--navy);color:#fff;border-radius:6px;padding:2px 7px}
.kcbody .ribbon a{font-weight:700;color:inherit;text-decoration:none;border-bottom:1.5px solid currentColor}
.kcbody .ribbon .rb-x{background:none;border:0;color:inherit;opacity:.6;font-size:18px;line-height:1;cursor:pointer;padding:2px 6px}
.kcbody .wn-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;align-items:end;margin-top:6px}
.kcbody .wn-eb{font:600 12px var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--amber)}
.kcbody .wn-hero h1{font-size:clamp(32px,4.8vw,52px);line-height:1.03;letter-spacing:-.035em;margin:8px 0 10px;text-wrap:balance}
.kcbody .wn-hero p{color:var(--muted);font-size:16.5px;max-width:48ch;margin:0}
.kcbody .wn-gl{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 18px}
.kcbody .wn-gl h2{font:600 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.kcbody .wn-ct{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.kcbody .wn-ct div{border-radius:12px;padding:9px 11px}
.kcbody .wn-ct b{display:block;font-size:26px;letter-spacing:-.03em;line-height:1}
.kcbody .wn-ct small{font-size:12px;font-weight:600}
.kcbody .wn-ct .n{background:var(--t-new);color:var(--t-new-ink)}
.kcbody .wn-ct .i{background:var(--t-imp);color:var(--t-imp-ink)}
.kcbody .wn-ct .f{background:var(--t-fix);color:var(--t-fix-ink)}
.kcbody .wn-gl dl{display:grid;grid-template-columns:auto 1fr;gap:3px 14px;margin:12px 0 0;font-size:13.5px}
.kcbody .wn-gl dt{color:var(--muted)}
.kcbody .wn-gl dd{margin:0;font-weight:600}
.kcbody .wn-jump{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 6px}
.kcbody .wn-jump a{text-decoration:none;font-weight:600;font-size:13px;color:var(--ink);background:var(--chip);border-radius:999px;padding:6px 12px}
.kcbody .wn-jump a:hover{color:var(--accent)}
.kcbody .wn-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(18px,3.6vw,40px);align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:clamp(16px,2.4vw,24px);margin-top:14px;scroll-margin-top:90px}
.kcbody .wn-row.flip .wn-tx{order:2}
.kcbody .wn-tx{min-width:0}
.kcbody .wn-tag{display:inline-block;font:600 10.5px var(--sans);letter-spacing:.1em;text-transform:uppercase;border-radius:6px;padding:3px 8px}
.kcbody .wn-tag.new{background:var(--t-new);color:var(--t-new-ink)}
.kcbody .wn-tag.imp{background:var(--t-imp);color:var(--t-imp-ink)}
.kcbody .wn-tag.fix{background:var(--t-fix);color:var(--t-fix-ink)}
.kcbody .wn-tx h2{font-size:clamp(21px,2.5vw,27px);letter-spacing:-.02em;line-height:1.14;margin:9px 0 7px;text-wrap:balance;border:0;padding:0}
.kcbody .wn-tx p{color:var(--muted);margin:0 0 8px;max-width:46ch}
.kcbody .wn-tx ul{margin:0;padding-left:18px;color:var(--muted);font-size:14.5px}
.kcbody .wn-tx ul b{color:var(--ink);font-weight:600}
.kcbody .wn-more{font-weight:600;font-size:14px;text-decoration:none}
.kcbody .wn-scr{background:var(--screen);border:1px solid var(--screen-line);border-radius:14px;padding:10px;min-width:0;color:var(--screen-ink)}
.kcbody .wn-scr svg{display:block;width:100%;height:auto;border-radius:9px}
.kcbody .wn-cap{font-size:11.5px;color:var(--muted);margin-top:6px}
.kcbody .wn-upd{background:#F2F7FC;color:#0E2A47;border-radius:12px;padding:14px 16px;display:grid;grid-template-columns:70px minmax(0,1fr);gap:14px;align-items:center}
.kcbody .wn-upd img{width:70px;height:auto;border-radius:8px;background:#fff;display:block;margin:0;border:0}
.kcbody .wn-upd .h{font-weight:700;font-size:14px;display:flex;gap:8px;align-items:center}
.kcbody .wn-upd .dot{width:9px;height:9px;border-radius:50%;background:#2F8F5B}
.kcbody .wn-upd .v{font:600 19px var(--mono);margin:4px 0 0}
.kcbody .wn-trk{height:7px;background:#DCE7F2;border-radius:99px;overflow:hidden;margin:10px 0 5px}
.kcbody .wn-trk i{display:block;height:100%;width:68%;background:linear-gradient(90deg,#3E7CB8,#8CCBF5)}
.kcbody .wn-upd .rr{display:flex;justify-content:space-between;font-size:12.5px;color:#5C6B7A}
.kcbody .wn-regs{overflow-x:auto}
.kcbody .wn-regs table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:340px;margin:0;border:0}
.kcbody .wn-regs th{font:600 10.5px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--screen-muted);text-align:left;padding:8px 10px;border:0;border-bottom:1px solid var(--screen-line);background:none}
.kcbody .wn-regs td{padding:8px 10px;border:0;border-bottom:1px solid var(--screen-line);font-variant-numeric:tabular-nums;color:var(--screen-ink);background:none}
.kcbody .wn-regs tr:last-child td{border-bottom:0}
.kcbody .wn-regs code{font:500 12px var(--mono);background:#13304F;color:var(--screen-ink);border-radius:5px;padding:2px 6px}
.kcbody .wn-regs .r{text-align:right;font-family:var(--mono)}
.kcbody .wn-dt{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}
.kcbody .wn-dt span{font:500 12px var(--mono);background:var(--chip);border-radius:6px;padding:2px 7px}
.kcbody .wn-rng{display:inline-flex;gap:3px;border:1px solid var(--screen-line);border-radius:999px;padding:3px;margin:4px 0 8px 4px}
.kcbody .wn-rng button{font:600 12px var(--sans);color:var(--screen-muted);background:none;border:0;border-radius:999px;padding:4px 11px;cursor:pointer}
.kcbody .wn-rng button[aria-pressed="true"]{background:#8CCBF5;color:#05213A}
.kcbody .wn-tl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px}
.kcbody .wn-tl div{border-radius:10px;padding:11px;background:#0F2540;font-size:13px;color:var(--screen-muted)}
.kcbody .wn-tl b{display:block;color:var(--screen-ink);font-size:14px;margin-bottom:2px}
.kcbody .wn-tl .st{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;background:#6FD3A0}
.kcbody .wn-tl .lost .st{background:#F28B6A}
.kcbody .wn-fx h2{font-size:clamp(21px,2.5vw,27px);letter-spacing:-.02em;margin:26px 0 10px;border:0;padding:0}
.kcbody .wn-ft{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.kcbody .wn-ft table{width:100%;border-collapse:collapse;font-size:15px;margin:0;border:0}
.kcbody .wn-ft th{font:600 11px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-align:left;padding:11px 18px;border:0;border-bottom:1px solid var(--line);background:var(--tint)}
.kcbody .wn-ft td{padding:11px 18px;border:0;border-bottom:1px solid var(--line);vertical-align:top;background:none}
.kcbody .wn-ft tr:last-child td{border-bottom:0}
.kcbody .wn-ft td:first-child{font-weight:600;width:30%}
.kcbody .wn-ft td:last-child{color:var(--muted)}
.kcbody .wn-av{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;justify-content:space-between;background:var(--navy);color:#fff;border-radius:18px;padding:20px 24px;margin-top:22px}
.kcbody .wn-av h2{margin:0;font-size:20px;letter-spacing:-.015em;color:#fff;border:0;padding:0}
.kcbody .wn-av p{margin:2px 0 0;color:#B9CFE4;font-size:14px}
.kcbody .wn-av .mail{font:600 14px var(--mono);background:rgba(255,255,255,.1);border-radius:9px;padding:7px 11px;user-select:all}
.kcbody .wn-none{background:var(--surface);border:1px dashed var(--line);border-radius:16px;padding:26px 22px;margin-top:16px;color:var(--muted)}
.kcbody .wn-none b{display:block;color:var(--ink);margin-bottom:4px}
@media (max-width:820px){.kcbody .wn-hero{grid-template-columns:1fr}
.kcbody .wn-row{grid-template-columns:1fr}
.kcbody .wn-row.flip .wn-tx{order:0}
.kcbody .wn-ft td:first-child{width:auto}}
@media (max-width:480px){.kcbody .wn-tl{grid-template-columns:1fr}
.kcbody .wn-ft td,.kcbody .wn-ft th{padding:10px 12px}}
@media (prefers-reduced-motion:no-preference){.kcbody .pin-pulse{animation:wnpulse 2.4s ease-out infinite;transform-origin:center;transform-box:fill-box}
@keyframes wnpulse{0%{opacity:.6;transform:scale(1)}100%{opacity:0;transform:scale(2.6)}}}
@media (prefers-reduced-motion:reduce){.kcbody *{transition:none!important;animation:none!important}}

/* setup visibility helpers + fix: Snape 2.0 strips showed on Snape 1.0 and Standalone */
html[data-setup="s1"] .show-s2,html[data-setup="sa"] .show-s2{display:none!important}
html:not([data-setup="s1"]) .show-s1{display:none!important}
html:not([data-setup="sa"]) .show-sa{display:none!important}
html[data-setup="sa"] .hide-sa{display:none!important}
html[data-setup="s1"] .strip.only-s2,html[data-setup="sa"] .strip.only-s2,html[data-setup="s1"] .prevnext.only-s2,html[data-setup="sa"] .prevnext.only-s2{display:none}
.kcbody{--amber:#E8A33D}
.kcbody .callout.warn .lbl{color:#975600}
.mainnav a.wn-nav{display:inline-flex;align-items:center;gap:6px;color:#FFD596}
.mainnav a.wn-nav i{width:7px;height:7px;border-radius:50%;background:#E8A33D}
.mainnav{gap:4px 14px}
.hsearch input{width:150px}
@media (max-width:1380px){.setup>span{display:none}}
header.top .wrap{gap:12px 18px}
.prose a{overflow-wrap:anywhere}
.kcbody .wn-hero{align-items:center}
.home-promo{margin-top:24px}
.vidhub h2{margin-top:8px}
.tiles .tile.text .tag{align-self:flex-start}

/* ---------- home v7 */
.hero-new{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#fff;background:rgba(232,163,61,.14);border:1px solid rgba(232,163,61,.7);border-radius:999px;padding:5px 14px 5px 5px;font-size:14px;font-weight:600;margin-bottom:6px;transition:background .15s}
.hero-new:hover{background:rgba(232,163,61,.28);color:#fff}
.hero-new svg{flex:none;transition:transform .15s}.hero-new:hover svg{transform:translateX(3px)}
.hn-b{display:inline-block;background:#E8A33D;color:#1F1300;font-size:11px;font-weight:700;letter-spacing:.08em;border-radius:999px;padding:3px 9px}
@media (prefers-reduced-motion:no-preference){.hero-new .hn-b{animation:hnpulse 2.4s ease-out infinite}}
@keyframes hnpulse{0%{box-shadow:0 0 0 0 rgba(232,163,61,.6)}70%{box-shadow:0 0 0 9px rgba(232,163,61,0)}100%{box-shadow:0 0 0 0 rgba(232,163,61,0)}}
.wnf{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:32px;align-items:center;background:linear-gradient(135deg,#FFF8EC 0%,#FFFFFF 55%,#EEF5FC 100%);border:1px solid #F0D9B0;border-top:4px solid #E8A33D;border-radius:8px;padding:32px;box-shadow:0 10px 30px rgba(0,41,72,.08)}
.wnf-k{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#975600}
.wnf h2{font-size:34px;line-height:40px;margin:12px 0 10px;letter-spacing:-.01em}
.wnf-s{margin:0 0 18px;font-size:17px;line-height:26px;color:var(--muted)}
.wnf-list{list-style:none;margin:0 0 22px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}
.wnf-list li{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:20px;color:var(--muted)}
.wnf-list svg{flex:none;color:#1E7B4F;margin-top:1px}
.wnf-list b{display:block;color:var(--navy);font-size:15px}
.wnf .btns{display:flex;flex-wrap:wrap;gap:10px}
.wnf-media{display:block;text-decoration:none;color:var(--muted)}
.wnf-frame{display:block;background:#07182A;border:1px solid #1D3A5C;border-radius:14px;padding:10px;box-shadow:0 18px 40px rgba(0,41,72,.22);transition:transform .2s}
.wnf-media:hover .wnf-frame{transform:translateY(-3px)}
.wnf-frame video{display:block;width:100%;height:auto;border-radius:8px;background:#fff}
.wnf-cap{display:block;font-size:12px;text-align:center;margin-top:10px}
@media (max-width:900px){.wnf{grid-template-columns:1fr;padding:22px}.wnf h2{font-size:28px;line-height:34px}}
@media (max-width:520px){.wnf-list{grid-template-columns:1fr}}
.seeall{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14px;text-decoration:none}
.qa{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px;align-items:stretch}
@media (max-width:900px){.qa{grid-template-columns:1fr}}
.pops{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px}
.pop{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid var(--line);border-radius:4px;padding:14px 16px;text-decoration:none;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.pop:hover{border-color:var(--blue);box-shadow:0 4px 14px rgba(0,41,72,.08)}
.pop b{color:var(--navy);font-size:15px;line-height:21px}
.pop .muted{font-size:13px;line-height:19px}
.tagn{display:inline-block;vertical-align:1px;margin-left:4px;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#975600;background:#FBEBD3;border-radius:2px;padding:1px 6px}
.card.link{text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}
.card.link:hover{border-color:var(--blue);box-shadow:0 4px 14px rgba(0,41,72,.08)}
.card.link .go{color:var(--blue);font-weight:600;text-decoration:underline}
.setup>span{display:none}
@media (max-width:640px){body.home .himg{display:none}body.home .htext{padding:28px 0 32px}}