/*  WikiBiz CSS v2 2.0.0-rc2 — wikibiz-v2-knowledge.css  */
.wbzk-shell{width:min(var(--wbz-container,1080px),calc(100% - 48px));margin:0 auto;padding:28px 0 76px;color:var(--wbz-ink,#12181f)}
.wbzk-article{max-width:100%;margin:0 auto}.wbzk-reading-column{width:min(800px,100%);margin:0 auto}
.wbzk-hero,.wbzk-archive-hero{padding:30px 34px 32px;border:1px solid var(--wbz-line,#e5e9ef);border-radius:22px;background:var(--wbz-surface,#fff);box-shadow:var(--wbz-shadow-xs,0 1px 2px rgba(15,23,42,.04))}
.wbzk-meta-row,.wbzk-filter-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.wbzk-meta-row{font-size:13px;color:var(--wbz-mut,#667085)}
.wbzk-meta-row span,.wbzk-meta-row a,.wbzk-filter-row a{padding:7px 10px;border:1px solid var(--wbz-line,#e5e9ef);border-radius:999px;background:var(--wbz-bg2,#f0f3f6);color:var(--wbz-ink2,#414b59);text-decoration:none}.wbzk-meta-row a{display:inline-flex;align-items:center}.wbzk-meta-row a:hover{border-color:color-mix(in srgb,var(--wbz-brand,#5bb318) 38%,var(--wbz-line,#e5e9ef));color:var(--wbz-brand,#5bb318)}
.wbzk-hero h1,.wbzk-archive-hero h1{max-width:860px;font-size:clamp(34px,3.6vw,48px);font-weight:700;line-height:1.08;margin:16px 0 10px;letter-spacing:-.02em;color:var(--wbz-head,var(--wbz-ink,#12181f))}
.wbzk-byline{display:flex;align-items:center;gap:7px;margin:0 0 18px;color:var(--wbz-mut,#667085);font-size:13px;font-weight:600;line-height:1.4}.wbzk-byline-dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:var(--wbz-brand,#5bb318)}.wbzk-lead{max-width:800px;padding:18px 20px;border:1px solid var(--wbz-line,#e5e9ef);border-radius:14px;background:color-mix(in srgb,var(--wbz-bg2,#f0f3f6) 70%,var(--wbz-surface,#fff));font-size:18px;line-height:1.68;color:var(--wbz-ink2,#414b59)}.wbzk-lead-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.wbzk-lead-marker{width:18px;height:3px;flex:0 0 18px;border-radius:99px;background:var(--wbz-brand,#5bb318)}.wbzk-lead-label{display:block;color:var(--wbz-ink,#12181f);font-size:13px;font-weight:600;line-height:1.4;letter-spacing:0;text-transform:none}.wbzk-lead-copy{max-width:760px}.wbzk-lead-copy p{margin:0}

.wbzk-toc{margin:30px 0 8px;padding:20px 22px;border:1px solid var(--wbz-line,#e5e9ef);border-radius:16px;background:var(--wbz-surface,#fff)}
.wbzk-toc-title{margin-bottom:12px;font-size:14px;font-weight:700;color:var(--wbz-head,var(--wbz-ink,#12181f))}.wbzk-toc ol{display:grid;gap:7px;margin:0;padding:0;list-style:none;counter-reset:wbzk-toc}.wbzk-toc li{counter-increment:wbzk-toc}.wbzk-toc li a{display:flex;align-items:flex-start;gap:9px;color:var(--wbz-ink2,#414b59);font-size:14px;line-height:1.45;text-decoration:none}.wbzk-toc li a:before{content:counter(wbzk-toc) ".";flex:0 0 20px;color:var(--wbz-mut,#667085);font-variant-numeric:tabular-nums}.wbzk-toc li.is-h3{margin-left:29px;padding-left:13px;border-left:1px solid var(--wbz-line,#e5e9ef)}.wbzk-toc li.is-h3 a{font-size:14px;color:var(--wbz-mut,#667085)}.wbzk-toc li.is-h3 a:before{flex-basis:18px;opacity:.72}.wbzk-toc li a:hover,.wbzk-toc li.is-h3 a:hover{color:var(--wbz-brand,#5bb318)}

.wbzk-content{font-size:18px;line-height:1.78;padding:24px 4px 4px;color:var(--wbz-ink2,#414b59)}
.wbzk-content>*:first-child{margin-top:0}.wbzk-content>*:last-child{margin-bottom:0}.wbzk-content p{margin:0 0 20px}.wbzk-content h1{display:none}.wbzk-content h2,.wbzk-content h3{scroll-margin-top:24px;color:var(--wbz-head,var(--wbz-ink,#12181f))}.wbzk-content h2{font-size:30px;line-height:1.2;margin:44px 0 18px;letter-spacing:-.02em}.wbzk-content h3{font-size:23px;line-height:1.3;margin:32px 0 14px}.wbzk-content ul,.wbzk-content ol{margin:0 0 22px;padding-left:26px}.wbzk-content li{margin:6px 0}.wbzk-content strong{color:var(--wbz-ink,#12181f)}.wbzk-content a{color:var(--wbz-brand,#5bb318);text-decoration:none}.wbzk-content a:hover{color:var(--wbz-brand-hover,#4a9410)}.wbzk-content blockquote{margin:26px 0;padding:2px 0 2px 20px;border-left:3px solid var(--wbz-brand,#5bb318);color:var(--wbz-ink2,#414b59)}.wbzk-content img{max-width:100%;height:auto;border-radius:16px}

.wbzk-product-cta{display:grid;grid-template-columns:1fr auto;align-items:center;gap:22px;margin:42px 0 0;padding:26px 28px;border:1px solid color-mix(in srgb,var(--wbz-brand,#5bb318) 32%,var(--wbz-line,#e5e9ef));border-radius:18px;background:color-mix(in srgb,var(--wbz-brand,#5bb318) 9%,var(--wbz-surface,#fff));color:var(--wbz-ink,#12181f)}
.wbzk-product-cta-copy>span,.wbzk-review-info-head>span,.wbzk-section-head>span,.wbzk-archive-hero>span{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--wbz-mut,#667085)}.wbzk-product-cta h2{margin:5px 0 8px;font-size:24px;line-height:1.2;color:var(--wbz-head,var(--wbz-ink,#12181f))}.wbzk-product-cta p{max-width:540px;margin:0;color:var(--wbz-ink2,#414b59);line-height:1.55}.wbzk-product-cta-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:11px 15px;border-radius:11px;background:var(--wbz-action,var(--wbz-brand,#5bb318));color:var(--wbz-action-ink,#fff);font-weight:700;font-size:14px;white-space:nowrap}.wbzk-product-cta-button:hover{background:var(--wbz-action-hover,var(--wbz-brand-hover,#4a9410));transform:translateY(-1px)}.wbzk-product-cta-related{grid-column:1/-1;padding-top:14px;border-top:1px solid color-mix(in srgb,var(--wbz-brand,#5bb318) 20%,var(--wbz-line,#e5e9ef));font-size:14px;color:var(--wbz-mut,#667085)}

.wbzk-related{margin-top:42px}.wbzk-section-head{margin:0 0 16px}.wbzk-section-head h2,.wbzk-review-info-head h2{margin:5px 0 0;font-size:28px;line-height:1.2;color:var(--wbz-head,var(--wbz-ink,#12181f))}.wbzk-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wbzk-archive .wbzk-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wbzk-card{display:flex;flex-direction:column;min-height:100%;padding:20px;border:1px solid var(--wbz-line,#e5e9ef);border-radius:16px;background:var(--wbz-surface,#fff);color:var(--wbz-ink,#12181f);transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.wbzk-card:hover{transform:translateY(-2px);box-shadow:var(--wbz-shadow-sm,0 8px 24px rgba(15,23,42,.08))}.wbzk-card>span{font-size:13px;color:var(--wbz-mut,#667085)}.wbzk-card h3{font-size:19px;line-height:1.3;margin:7px 0 9px}.wbzk-card h3 a,.wbzk-card-link{color:inherit;text-decoration:none}.wbzk-card p{margin:0 0 14px;font-size:14px;line-height:1.55;color:var(--wbz-ink2,#414b59)}.wbzk-card-link{width:max-content;margin-top:auto;font-weight:700;font-size:14px;color:var(--wbz-brand,#5bb318)}

.wbzk-sources-wrap{display:flex;justify-content:flex-end;position:relative;margin:18px 0 0}.wbzk-sources{position:relative}.wbzk-sources>summary,.wbzk-source-single{display:flex;align-items:center;gap:7px;cursor:pointer;list-style:none;color:var(--wbz-ink2,#414b59);font-size:13px;font-weight:600;text-decoration:none;user-select:none}.wbzk-sources>summary::-webkit-details-marker{display:none}.wbzk-sources>summary::after{content:"⌄";font-size:14px;line-height:1;transition:transform .15s ease}.wbzk-sources[open]>summary::after{transform:rotate(180deg)}.wbzk-sources>summary>span{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border:1px solid var(--wbz-line,#e5e9ef);border-radius:999px;background:var(--wbz-surface,#fff);font-size:12px}.wbzk-sources-popover{position:absolute;right:0;bottom:calc(100% + 12px);z-index:12;width:min(430px,calc(100vw - 32px));padding:16px;border:1px solid var(--wbz-line,#e5e9ef);border-radius:14px;background:var(--wbz-surface,#fff);box-shadow:0 18px 50px rgba(0,0,0,.18)}.wbzk-sources-popover>strong{display:block;margin-bottom:8px;padding-right:38px;color:var(--wbz-head,var(--wbz-ink,#12181f));font-size:14px}.wbzk-sources-popover ul{display:grid;gap:0;margin:0;padding:0;list-style:none}.wbzk-sources-popover li{padding:10px 0;border-top:1px solid var(--wbz-line,#e5e9ef)}.wbzk-sources-popover li:first-child{border-top:0;padding-top:4px}.wbzk-sources-popover li>a,.wbzk-source-text{display:block;color:var(--wbz-head,var(--wbz-ink,#12181f));font-size:13px;font-weight:600;line-height:1.5;text-decoration:none}.wbzk-sources-popover li>a:hover,.wbzk-source-single:hover{color:var(--wbz-brand-hover,#4a9410)}.wbzk-sources-close{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--wbz-mut,#667085);font:inherit;font-size:20px;font-weight:400;line-height:1;cursor:pointer}.wbzk-sources-close:hover{border-color:var(--wbz-line-strong,#d5dbe4);background:var(--wbz-surface,#fff);color:var(--wbz-head,var(--wbz-ink,#12181f))}.wbzk-sources-close:focus-visible{outline:0;box-shadow:var(--wbz-focus-ring,0 0 0 3px rgba(91,179,24,.18))}@media(max-width:640px){.wbzk-sources-popover{position:fixed;left:16px;right:16px;bottom:18px;width:auto;max-height:62vh;overflow:auto}}

.wbzk-archive-hero{max-width:none}.wbzk-archive-hero p{max-width:760px;font-size:18px;line-height:1.6;color:var(--wbz-ink2,#414b59)}.wbzk-search{display:flex;gap:8px;margin-top:22px}.wbzk-search input{flex:1;min-width:0;padding:13px 15px;border:1px solid var(--wbz-line,#e5e9ef);border-radius:12px;background:var(--wbz-bg,#f5f7f9);color:var(--wbz-ink,#12181f)}.wbzk-search button{padding:12px 18px;border:0;border-radius:12px;background:var(--wbz-action,var(--wbz-brand,#5bb318));color:var(--wbz-action-ink,#fff);font-weight:700;cursor:pointer}.wbzk-filter-block{margin:22px 0}.wbzk-filter-block>b{display:block;margin-bottom:9px;color:var(--wbz-head,var(--wbz-ink,#12181f))}.wbzk-filter-row a small{opacity:.65}.wbzk-filter-row a:hover{border-color:color-mix(in srgb,var(--wbz-brand,#5bb318) 38%,var(--wbz-line,#e5e9ef));color:var(--wbz-brand,#5bb318)}.wbzk-filter-row a.is-active{border-color:color-mix(in srgb,var(--wbz-brand,#5bb318) 48%,var(--wbz-line,#e5e9ef));background:color-mix(in srgb,var(--wbz-brand,#5bb318) 10%,var(--wbz-surface,#fff));color:var(--wbz-brand,#5bb318);font-weight:700}.wbzk-empty{padding:32px;border:1px dashed var(--wbz-line-strong,#d5dbe4);border-radius:18px;color:var(--wbz-ink2,#414b59)}

.wbzk-search input:focus{outline:0;border-color:color-mix(in srgb,var(--wbz-brand,#5bb318) 55%,var(--wbz-line,#e5e9ef));box-shadow:0 0 0 3px color-mix(in srgb,var(--wbz-brand,#5bb318) 12%,transparent)}
.wbzk-search button:hover{background:var(--wbz-action-hover,var(--wbz-brand-hover,#4a9410))}
.wbzk-toc a:focus-visible,.wbzk-meta-row a:focus-visible,.wbzk-filter-row a:focus-visible,.wbzk-card a:focus-visible,.wbzk-product-cta-button:focus-visible,.wbzk-search button:focus-visible{outline:2px solid var(--wbz-brand,#5bb318);outline-offset:3px}
.wbzk-listing{margin-top:34px}.wbzk-archive .wbzk-section-head{margin-bottom:18px}

html[data-theme="dark"] .wbzk-hero,html[data-theme="dark"] .wbzk-archive-hero,html[data-theme="dark"] .wbzk-toc,html[data-theme="dark"] .wbzk-card{box-shadow:none}html[data-theme="dark"] .wbzk-card:hover{box-shadow:none}html[data-theme="dark"] .wbzk-product-cta{background:color-mix(in srgb,var(--wbz-brand,#5bb318) 8%,var(--wbz-surface,#171d25))}html[data-theme="dark"] .wbzk-filter-row a.is-active{background:color-mix(in srgb,var(--wbz-brand,#5bb318) 9%,var(--wbz-surface,#171d25))}

@media(max-width:850px){.wbzk-shell{width:min(100% - 36px,var(--wbz-container,1080px))}.wbzk-hero,.wbzk-archive-hero{padding:28px}.wbzk-content{font-size:17px}.wbzk-archive .wbzk-card-grid{grid-template-columns:1fr 1fr}.wbzk-product-cta{grid-template-columns:1fr}.wbzk-product-cta-button{justify-self:start}.wbzk-product-cta-related{grid-column:auto}.wbzk-review-facts>div{flex:1 1 180px}}
@media(max-width:600px){.wbzk-shell{width:min(100% - 24px,var(--wbz-container,1080px));padding-top:18px;padding-bottom:48px}.wbzk-hero,.wbzk-archive-hero{padding:22px 20px;border-radius:18px}.wbzk-hero h1,.wbzk-archive-hero h1{font-size:clamp(31px,10vw,38px);line-height:1.07;margin-top:14px}.wbzk-lead,.wbzk-archive-hero p{font-size:16px;line-height:1.62}.wbzk-byline{margin-bottom:16px}.wbzk-lead{padding:16px 17px}.wbzk-lead-head{margin-bottom:7px}.wbzk-meta-row{gap:6px}.wbzk-meta-row span,.wbzk-meta-row a{padding:6px 8px}.wbzk-toc{margin-top:24px;padding:16px}.wbzk-toc ol{gap:8px}.wbzk-toc li a{font-size:14px}.wbzk-toc li.is-h3{margin-left:18px;padding-left:10px}.wbzk-toc li.is-h3 a{font-size:13px}.wbzk-content{padding:20px 0 0;font-size:16px;line-height:1.72}.wbzk-content p{margin-bottom:18px}.wbzk-content h2{font-size:25px;margin-top:38px}.wbzk-content h3{font-size:20px;margin-top:28px}.wbzk-product-cta{margin-top:36px;padding:21px 19px;gap:18px}.wbzk-product-cta h2{font-size:22px}.wbzk-product-cta-button{width:100%;white-space:normal;text-align:center}.wbzk-card-grid,.wbzk-archive .wbzk-card-grid{grid-template-columns:1fr}.wbzk-review-info{margin-top:36px;padding:20px 0}.wbzk-review-facts{display:grid;grid-template-columns:1fr}.wbzk-review-facts>div{min-width:0}.wbzk-search{flex-direction:column}.wbzk-search button{min-height:44px}.wbzk-filter-block{margin:20px 0}.wbzk-listing{margin-top:30px}}

.wbzk-knowledge-layout{display:grid;grid-template-columns:minmax(205px,238px) minmax(0,1fr);gap:34px;align-items:start;margin-top:26px}
.wbzk-single-layout{margin-top:0}.wbzk-knowledge-main{min-width:0}.wbzk-desktop-sidebar{min-width:0}
.wbzk-knowledge-nav{position:sticky;top:92px;padding:4px 22px 8px 2px;border-right:1px solid var(--wbz-line,#e5e9ef)}
.wbzk-nav-kicker{margin:0 0 10px;font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--wbz-mut,#667085)}
.wbzk-nav-all,.wbzk-nav-section,.wbzk-nav-topics a{display:flex;align-items:center;text-decoration:none;color:var(--wbz-ink2,#414b59);transition:color .16s ease,background .16s ease,border-color .16s ease}
.wbzk-nav-all{padding:8px 9px;margin:0 -9px 18px;border-radius:9px;font-size:14px;font-weight:600}.wbzk-nav-all:hover,.wbzk-nav-all.is-active{color:var(--wbz-brand,#5bb318);background:color-mix(in srgb,var(--wbz-brand,#5bb318) 7%,transparent)}
.wbzk-nav-group{margin:0 0 20px}.wbzk-nav-section{justify-content:space-between;gap:10px;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--wbz-head,var(--wbz-ink,#12181f))}.wbzk-nav-section small{font-size:12px;font-weight:600;color:var(--wbz-mut,#667085)}.wbzk-nav-section:hover,.wbzk-nav-section.is-active{color:var(--wbz-brand,#5bb318)}
.wbzk-nav-topics{display:grid;gap:2px;margin:0;padding:0 0 0 12px;border-left:1px solid var(--wbz-line,#e5e9ef);list-style:none}.wbzk-nav-topics li{margin:0}.wbzk-nav-topics a{position:relative;padding:6px 8px;border-radius:8px;font-size:14px;line-height:1.35}.wbzk-nav-topics a:hover{color:var(--wbz-brand,#5bb318);background:color-mix(in srgb,var(--wbz-brand,#5bb318) 5%,transparent)}.wbzk-nav-topics a.is-active{color:var(--wbz-brand,#5bb318);font-weight:700;background:color-mix(in srgb,var(--wbz-brand,#5bb318) 8%,transparent)}.wbzk-nav-topics a.is-active:before{content:"";position:absolute;left:-13px;top:9px;bottom:9px;width:2px;border-radius:2px;background:var(--wbz-brand,#5bb318)}
.wbzk-type-filter{display:flex;align-items:flex-start;gap:14px;margin:0 0 28px;padding-bottom:18px;border-bottom:1px solid var(--wbz-line,#e5e9ef)}.wbzk-type-filter>span{flex:0 0 auto;padding-top:7px;font-size:13px;font-weight:700;color:var(--wbz-mut,#667085)}.wbzk-type-tabs{display:flex;gap:6px;flex-wrap:wrap}.wbzk-type-tabs a{padding:6px 9px;border-radius:8px;color:var(--wbz-ink2,#414b59);font-size:13px;text-decoration:none}.wbzk-type-tabs a:hover{color:var(--wbz-brand,#5bb318);background:var(--wbz-bg2,#f0f3f6)}.wbzk-type-tabs a.is-active{background:color-mix(in srgb,var(--wbz-brand,#5bb318) 9%,var(--wbz-surface,#fff));color:var(--wbz-brand,#5bb318);font-weight:700}
.wbzk-knowledge-main .wbzk-listing{margin-top:0}.wbzk-archive .wbzk-knowledge-main .wbzk-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.wbzk-mobile-nav{display:none;margin:18px 0 0;border:1px solid var(--wbz-line,#e5e9ef);border-radius:14px;background:var(--wbz-surface,#fff);overflow:hidden}.wbzk-mobile-nav summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;cursor:pointer;list-style:none;color:var(--wbz-head,var(--wbz-ink,#12181f))}.wbzk-mobile-nav summary::-webkit-details-marker{display:none}.wbzk-mobile-nav summary>span{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--wbz-mut,#667085)}.wbzk-mobile-nav summary>b{font-size:14px}.wbzk-mobile-nav[open] summary{border-bottom:1px solid var(--wbz-line,#e5e9ef)}.wbzk-mobile-nav-body{padding:16px}.wbzk-mobile-nav .wbzk-knowledge-nav{position:static;padding:0;border:0}.wbzk-mobile-nav .wbzk-nav-kicker{display:none}
.wbzk-nav-all:focus-visible,.wbzk-nav-section:focus-visible,.wbzk-nav-topics a:focus-visible,.wbzk-type-tabs a:focus-visible,.wbzk-mobile-nav summary:focus-visible{outline:2px solid var(--wbz-brand,#5bb318);outline-offset:2px}
html[data-theme="dark"] .wbzk-type-tabs a.is-active{background:color-mix(in srgb,var(--wbz-brand,#5bb318) 9%,var(--wbz-surface,#171d25))}

@media(max-width:850px){.wbzk-knowledge-layout{display:block;margin-top:22px}.wbzk-desktop-sidebar{display:none}.wbzk-mobile-nav{display:block}.wbzk-single-layout{margin-top:22px}.wbzk-archive .wbzk-knowledge-main .wbzk-card-grid{grid-template-columns:1fr 1fr}.wbzk-type-filter{margin-top:0}}
@media(max-width:600px){.wbzk-mobile-nav{margin-top:14px}.wbzk-mobile-nav summary{align-items:flex-start;flex-direction:column;gap:3px}.wbzk-mobile-nav-body{padding:14px}.wbzk-type-filter{display:block;margin-bottom:22px;padding-bottom:15px}.wbzk-type-filter>span{display:block;padding:0;margin-bottom:8px}.wbzk-type-tabs{gap:4px}.wbzk-type-tabs a{padding:6px 8px}.wbzk-archive .wbzk-knowledge-main .wbzk-card-grid{grid-template-columns:1fr}}

.wbzk-shell a{transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.wbzk-nav-all:hover,.wbzk-nav-section:hover,.wbzk-nav-topics a:hover,.wbzk-type-tabs a:hover{color:var(--wbz-brand,#5bb318)}
.wbzk-nav-all:hover,.wbzk-nav-topics a:hover,.wbzk-type-tabs a:hover{background:color-mix(in srgb,var(--wbz-brand,#5bb318) 7%,transparent)}
.wbzk-card:hover{border-color:color-mix(in srgb,var(--wbz-brand,#5bb318) 45%,var(--wbz-line,#e5e9ef))}
.wbzk-card:hover h3 a,.wbzk-card h3 a:hover,.wbzk-card-link:hover,.wbzk-sources a:hover{color:var(--wbz-brand-hover,#4a9410)}
.wbzk-card-link:hover{transform:translateX(2px)}
.wbzk-shell :is(a,button,input,summary):focus-visible{outline:0;box-shadow:var(--wbz-focus-ring,0 0 0 3px rgba(91,179,24,.18))}

/* ============================================================
   WBZ KNOWLEDGE SERVICE UI KIT v1
   Short service-style Knowledge materials.
   ============================================================ */

.wbzk-kb-service h2{
    margin:36px 0 14px;
    font-size:27px;
    line-height:1.22;
}

.wbzk-kb-service h2:first-child{
    margin-top:4px;
}

.wbzk-kb-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    margin:18px 0 24px;
}

.wbzk-kb-card{
    min-width:0;
    padding:16px;
    border:1px solid var(--wbz-line,#e5e9ef);
    border-radius:14px;
    background:var(--wbz-surface,#fff);
}

.wbzk-kb-card>strong{
    display:block;
    margin-bottom:6px;
    color:var(--wbz-head,var(--wbz-ink,#12181f));
    font-size:15px;
    line-height:1.35;
}

.wbzk-kb-card-copy{
    display:block;
    color:var(--wbz-ink2,#414b59);
    font-size:14px;
    line-height:1.55;
}

.wbzk-kb-compare{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin:18px 0 24px;
}

.wbzk-kb-compare-card{
    min-width:0;
    padding:18px;
    border:1px solid var(--wbz-line,#e5e9ef);
    border-radius:14px;
    background:var(--wbz-surface,#fff);
}

.wbzk-kb-compare-label{
    display:block;
    margin-bottom:5px;
    color:var(--wbz-brand,#5bb318);
    font-size:13px;
    font-weight:600;
}

.wbzk-kb-compare-card>strong{
    display:block;
    margin-bottom:8px;
    color:var(--wbz-head,var(--wbz-ink,#12181f));
    font-size:17px;
    line-height:1.4;
}

.wbzk-content .wbzk-kb-compare-copy{
    margin:0;
    color:var(--wbz-ink2,#414b59);
    font-size:14px;
    line-height:1.6;
}

.wbzk-content .wbzk-kb-steps{
    display:grid;
    gap:10px;
    margin:18px 0 24px;
    padding:0;
    list-style:none;
    counter-reset:wbzk-kb-step;
}

.wbzk-content .wbzk-kb-steps>li{
    display:grid;
    grid-template-columns:34px minmax(0,1fr);
    gap:12px;
    align-items:start;
    margin:0;
    padding:14px 16px;
    border:1px solid var(--wbz-line,#e5e9ef);
    border-radius:14px;
    background:var(--wbz-surface,#fff);
    counter-increment:wbzk-kb-step;
}

.wbzk-content .wbzk-kb-steps>li::before{
    content:counter(wbzk-kb-step);
    display:grid;
    place-items:center;
    width:34px;
    height:34px;
    border-radius:10px;
    background:color-mix(
        in srgb,
        var(--wbz-brand,#5bb318) 14%,
        transparent
    );
    color:var(--wbz-brand,#5bb318);
    font-size:14px;
    font-weight:700;
}

.wbzk-kb-steps strong{
    display:block;
    margin-bottom:4px;
    color:var(--wbz-head,var(--wbz-ink,#12181f));
    font-size:15px;
    line-height:1.4;
}

.wbzk-kb-step-copy{
    display:block;
    color:var(--wbz-ink2,#414b59);
    font-size:14px;
    line-height:1.55;
}

.wbzk-content .wbzk-kb-checklist{
    display:grid;
    gap:8px;
    margin:16px 0 22px;
    padding:0;
    list-style:none;
}

.wbzk-content .wbzk-kb-checklist>li{
    position:relative;
    margin:0;
    padding:0 0 0 26px;
}

.wbzk-content .wbzk-kb-checklist>li::before{
    content:"✓";
    position:absolute;
    left:0;
    top:0;
    color:var(--wbz-brand,#5bb318);
    font-weight:700;
}

.wbzk-content .wbzk-kb-note{
    margin:22px 0 26px;
    padding:16px 18px;
    border-left:3px solid var(--wbz-brand,#5bb318);
    border-radius:0 12px 12px 0;
    background:color-mix(
        in srgb,
        var(--wbz-brand,#5bb318) 8%,
        var(--wbz-surface,#fff)
    );
}

.wbzk-kb-note>strong{
    display:block;
    margin-bottom:6px;
    color:var(--wbz-head,var(--wbz-ink,#12181f));
    font-size:14px;
}

.wbzk-content .wbzk-kb-note-copy{
    margin:0;
    color:var(--wbz-ink2,#414b59);
    font-size:14px;
    line-height:1.6;
}

@media(max-width:850px){
    .wbzk-kb-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:600px){
    .wbzk-kb-service h2{
        margin-top:30px;
        font-size:23px;
    }

    .wbzk-kb-grid,
    .wbzk-kb-compare{
        grid-template-columns:1fr;
    }

    .wbzk-kb-grid{
        gap:9px;
        margin-top:14px;
    }

    .wbzk-kb-card,
    .wbzk-kb-compare-card{
        padding:14px;
    }

    .wbzk-content .wbzk-kb-steps>li{
        grid-template-columns:32px minmax(0,1fr);
        gap:10px;
        padding:13px;
    }

    .wbzk-content .wbzk-kb-steps>li::before{
        width:32px;
        height:32px;
    }
}


/* ============================================================
 * WIKIBIZ KNOWLEDGE UI POLISH v1
 * Single article: sticky left rail + branded strong links.
 * ============================================================ */

@media (min-width:851px) {
  .wbzk-single-layout .wbzk-desktop-sidebar {
    position:sticky;
    top:92px;
    align-self:start;
    max-height:calc(100vh - 112px);
    max-height:calc(100dvh - 112px);
    overflow-y:auto;
  }

  .wbzk-single-layout .wbzk-desktop-sidebar .wbzk-knowledge-nav {
    position:static;
    top:auto;
  }
}

/*
 * .wbzk-content strong normally uses ink color.
 * When <strong> is inside a link, inherit the link brand color.
 */
.wbzk-content a strong {
  color:inherit;
}
