:root {
  --kb-bg:        #F5F7FF;
  --kb-surface:   #FFFFFF;
  --kb-border:    #E4E9F2;
  --kb-border-md: #C5D0E8;
  --kb-t1:        #0B1437;
  --kb-t2:        #3D4D6A;
  --kb-t3:        #7B8BAE;
  --kb-t4:        #9CA8C0;
  --kb-accent:    #2563EB;
  --kb-accent-dk: #1D4ED8;
  --kb-accent-bg: #EEF2FF;
  --kb-accent-br: #BFCFFE;
  --kb-green:     #059669;
  --kb-green-bg:  #ECFDF5;
  --kb-gold:      #D97706;
  --kb-gold-bg:   #FFFBEB;
  --kb-sh-sm:     0 1px 3px rgba(11,20,55,0.06),0 1px 2px rgba(11,20,55,0.04);
  --kb-sh-md:     0 4px 16px rgba(11,20,55,0.08),0 2px 4px rgba(11,20,55,0.04);
  --kb-sh-lg:     0 8px 32px rgba(11,20,55,0.12),0 4px 8px rgba(11,20,55,0.06);
  --kb-r:         12px;
  --kb-r-sm:      8px;
}
.cmt-kb { font-family:'Poppins',sans-serif; background:var(--kb-bg); color:var(--kb-t1); min-height:60vh; -webkit-font-smoothing:antialiased; }
.cmt-kb *, .cmt-kb *::before, .cmt-kb *::after { box-sizing:border-box; }
.cmt-kb-wrap { max-width: none; margin:0 auto; }

/* Responsive Spacing Rules for Global Layout Wrapper Containers */
@media (min-width: 1201px) {
  .cmt-kb-wrap,
  .cmt-kb-stats-inner,
  .cmt-kb-crumb ol {
    padding-left: 95px !important;
    padding-right: 95px !important;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .cmt-kb-wrap,
  .cmt-kb-stats-inner,
  .cmt-kb-crumb ol {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
}
@media (max-width: 767px) {
  .cmt-kb-wrap,
  .cmt-kb-stats-inner,
  .cmt-kb-crumb ol {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

/* BREADCRUMB */
.cmt-kb-crumb { background:var(--kb-surface); border-bottom:1px solid var(--kb-border); padding:12px 0; }
.cmt-kb-crumb ol { max-width: none; margin:0 auto; list-style:none; display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
.cmt-kb-crumb li { display:flex; align-items:center; gap:6px; font-size:13px; }
.cmt-kb-crumb li::after { content:'›'; color:var(--kb-border-md); font-size:14px; }
.cmt-kb-crumb li:last-child::after { display:none; }
.cmt-kb-crumb a { color:var(--kb-accent); text-decoration:none; font-weight:500; }
.cmt-kb-crumb a:hover { text-decoration:underline; }
.cmt-kb-crumb span { color:var(--kb-t2); font-weight:500; }

/* HERO */
.cmt-kb-hero { background:linear-gradient(135deg,#EEF2FF 0%,#F0F4FF 40%,#F8FAFF 100%); padding:72px 0 64px; text-align:center; border-bottom:1px solid var(--kb-border); position:relative; z-index:10; }
.cmt-kb-hero::before { content:''; position:absolute; top:-80px; right:5%; width:420px; height:420px; background:radial-gradient(circle,rgba(37,99,235,0.07) 0%,transparent 70%); pointer-events:none; }
.cmt-kb-hero::after { content:''; position:absolute; bottom:-60px; left:3%; width:300px; height:300px; background:radial-gradient(circle,rgba(37,99,235,0.05) 0%,transparent 70%); pointer-events:none; }
.cmt-kb-hero-inner { position:relative; z-index:1; }
.cmt-kb-hero-badge { display:inline-flex; align-items:center; gap:6px; background:var(--kb-surface); border:1px solid var(--kb-accent-br); border-radius:50px; padding:5px 14px; font-size:12px; font-weight:600; color:var(--kb-accent); margin-bottom:20px; box-shadow:var(--kb-sh-sm); }
.cmt-kb-hero h1 { font-size:clamp(32px,4.5vw,52px); font-weight:800; color:var(--kb-t1); letter-spacing:-2px; line-height:1.12; margin:0 auto 16px; max-width:700px; }
.cmt-kb-hero h1 span { color:var(--kb-accent); }
.cmt-kb-hero p { font-size:17px; color:var(--kb-t2); max-width:500px; margin:0 auto 36px; line-height:1.65; font-weight:400; }
.cmt-kb-hero-search { max-width:620px; margin:0 auto; position:relative; }
.cmt-kb-hero-search input { width:100%; background:var(--kb-surface); border:1.5px solid var(--kb-accent-br); border-radius:50px; padding:16px 130px 16px 54px; font-family:'Poppins',sans-serif; font-size:15px; color:var(--kb-t1); outline:none; box-shadow:0 6px 24px rgba(37,99,235,0.12); transition:all .2s; }
.cmt-kb-hero-search input::placeholder { color:var(--kb-t4); }
.cmt-kb-hero-search input:focus { border-color:var(--kb-accent); box-shadow:0 6px 24px rgba(37,99,235,0.18),0 0 0 3px rgba(37,99,235,0.1); }
.cmt-kb-hero-search-icon { position:absolute; left:20px; top:31%; transform:translateY(-50%); color:var(--kb-accent); pointer-events:none; }
.cmt-kb-hero-search-btn { position:absolute; right:7px; top:31%; transform:translateY(-50%); background:var(--kb-accent); border:none; border-radius:50px; padding:10px 24px; font-family:'Poppins',sans-serif; font-size:14px; font-weight:600; color:#fff; cursor:pointer; transition:all .2s; }
.cmt-kb-hero-search-btn:hover { background:var(--kb-accent-dk); }

/* SEARCH DROPDOWN */
.cmt-kb-sdrop { display:none; position:absolute; top:calc(100% + 8px); left:0; right:0; background:var(--kb-surface); border:1px solid var(--kb-border-md); border-radius:var(--kb-r); box-shadow:var(--kb-sh-lg); max-height:360px; overflow-y:auto; z-index:200; }
.cmt-kb-sdrop.open { display:block; }
.cmt-kb-sdrop-item { display:flex; align-items:center; gap:12px; padding:12px 18px; border-bottom:1px solid var(--kb-border); text-decoration:none; transition:background .15s; }
.cmt-kb-sdrop-item:last-child { border-bottom:none; }
.cmt-kb-sdrop-item:hover { background:var(--kb-accent-bg); }
.cmt-kb-sdrop-icon { color:var(--kb-accent); flex-shrink:0; }
.cmt-kb-sdrop-title { font-size:13px; font-weight:600; color:var(--kb-t1); }
.cmt-kb-sdrop-cat { font-size:11px; color:var(--kb-t3); margin-top:2px; }
.cmt-kb-sdrop-empty { padding:24px; text-align:center; color:var(--kb-t3); font-size:13px; }

/* STATS BAR */
.cmt-kb-stats { background:var(--kb-surface); border-bottom:1px solid var(--kb-border); }
.cmt-kb-stats-inner { max-width: none; margin:0 auto; display:flex; align-items:center; }
.cmt-kb-stat { display:flex; align-items:center; gap:12px; padding:20px 36px; border-right:1px solid var(--kb-border); }
.cmt-kb-stat:first-child { padding-left:0; }
.cmt-kb-stat:last-child { border-right:none; }
.cmt-kb-stat-icon { width:40px; height:40px; border-radius:10px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.cmt-kb-stat strong { display:block; font-size:22px; font-weight:700; color:var(--kb-t1); line-height:1; margin-bottom:2px; }
.cmt-kb-stat span { font-size:11px; color:var(--kb-t4); text-transform:uppercase; letter-spacing:0.5px; font-weight:500; }

/* SECTION */
.cmt-kb-section { padding:52px 0; }
.cmt-kb-section-hd { margin-bottom:32px; }
.cmt-kb-section-title { font-size:24px; font-weight:700; color:var(--kb-t1); letter-spacing:-0.5px; display:flex; align-items:center; gap:10px; }
.cmt-kb-section-title::before { content:''; display:block; width:4px; height:26px; background:var(--kb-accent); border-radius:0; flex-shrink:0; }
.cmt-kb-section-sub { font-size:14px; color:var(--kb-t3); margin-top:6px; padding-left:14px; }

/* CATEGORY CARDS */
.cmt-kb-cat-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.cmt-kb-cat-card { background:var(--kb-surface); border:1px solid var(--kb-border); border-left:3px solid var(--ac,var(--kb-accent)); border-radius:var(--kb-r); padding:22px; box-shadow:var(--kb-sh-sm); transition:all .25s; cursor:pointer; position:relative; overflow:hidden; }
.cmt-kb-cat-card:hover { box-shadow:var(--kb-sh-md); transform:translateY(-3px); border-color:var(--kb-border-md); border-left-color:var(--ac,var(--kb-accent)); }
.cmt-kb-cat-card-top { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:14px; }
.cmt-kb-cat-icon { width:44px; height:44px; border-radius:10px; display:flex; align-items:center; justify-content:center; background:var(--ac-bg,var(--kb-accent-bg)); color:var(--ac,var(--kb-accent)); flex-shrink:0; }
.cmt-kb-cat-cnt { font-size:11px; font-weight:700; padding:3px 10px; border-radius:50px; background:var(--ac,var(--kb-accent)); color:#fff; }
.cmt-kb-cat-name { font-size:15px; font-weight:700; color:var(--kb-t1); margin-bottom:6px; line-height:1.3; }
.cmt-kb-cat-desc { font-size:13px; color:var(--kb-t3); line-height:1.55; margin-bottom:14px; }
.cmt-kb-cat-links { list-style:none; padding:0; margin:0 0 14px; }
.cmt-kb-cat-links li { font-size:12px; color:var(--kb-t3); padding:5px 0; border-top:1px solid #F0F2F8; display:flex; align-items:center; gap:6px; }
.cmt-kb-cat-links li::before { content:''; display:block; width:4px; height:4px; border-radius:50%; background:var(--ac,var(--kb-accent)); flex-shrink:0; }
.cmt-kb-cat-links a { color:var(--kb-t2); text-decoration:none; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; transition:color .15s; position:relative; z-index:2; }
.cmt-kb-cat-links a:hover { color:var(--kb-accent); }
.cmt-kb-cat-more { display:inline-flex; align-items:center; gap:5px; font-size:12px; font-weight:600; color:var(--ac,var(--kb-accent)); transition:gap .2s; text-decoration:none; }
.cmt-kb-cat-more::after { content:''; position:absolute; inset:0; z-index:1; }
.cmt-kb-cat-more:hover { gap:8px; }

/* ARTICLE CARDS */
.cmt-kb-art-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.cmt-kb-art-card { background:var(--kb-surface); border:1px solid var(--kb-border); border-radius:var(--kb-r); display:flex; flex-direction:column; text-decoration:none; box-shadow:var(--kb-sh-sm); transition:all .3s cubic-bezier(0.25, 0.8, 0.25, 1); position:relative; overflow:hidden; height:100%; }
.cmt-kb-art-card::before { content:''; position:absolute; left:0; right:0; top:0; height:3px; background:var(--kb-accent); transform:scaleX(0); transform-origin:left; transition:transform .3s ease; z-index:10; }
.cmt-kb-art-card:hover { box-shadow:var(--kb-sh-lg); transform:translateY(-5px); border-color:var(--kb-border-md); }
.cmt-kb-art-card:hover::before { transform:scaleX(1); }
.cmt-kb-art-thumb { width:100%; height:180px; overflow:hidden; background:linear-gradient(135deg, #0B1437 0%, #1D4ED8 100%); display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,0.8); position:relative; flex-shrink:0; }
.cmt-kb-art-thumb img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s ease; }
.cmt-kb-art-card:hover .cmt-kb-art-thumb img { transform:scale(1.06); }
.cmt-kb-art-thumb svg { width:40px; height:40px; opacity:0.75; transition:transform .3s ease; }
.cmt-kb-art-card:hover .cmt-kb-art-thumb svg { transform:scale(1.1); }
.cmt-kb-art-cat-badge { position:absolute; top:10px; right:10px; background:rgba(11,20,55,0.72); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); color:#fff; font-size:10px; font-weight:700; padding:3px 10px; border-radius:50px; letter-spacing:0.5px; text-transform:uppercase; border:1px solid rgba(255,255,255,0.18); z-index:5; white-space:nowrap; max-width:120px; overflow:hidden; text-overflow:ellipsis; transition:background .2s; }
.cmt-kb-art-card:hover .cmt-kb-art-cat-badge { background:var(--kb-accent); border-color:transparent; }
.cmt-kb-art-body { padding:20px 22px 22px; display:flex; flex-direction:column; flex:1; }
.cmt-kb-art-title { font-size:16px; font-weight:700; color:var(--kb-t1); margin-bottom:8px; line-height:1.45; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; transition:color .25s ease; }
.cmt-kb-art-card:hover .cmt-kb-art-title { color:var(--kb-accent); }
.cmt-kb-art-excerpt { font-size:13px; color:var(--kb-t3); line-height:1.6; margin-bottom:20px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; flex:1; }
.cmt-kb-art-meta { display:flex; align-items:center; gap:10px; flex-wrap:wrap; padding-top:14px; border-top:1px solid var(--kb-border); margin-top:auto; }
.cmt-kb-art-tag { font-size:10px; font-weight:700; padding:3px 10px; border-radius:50px; background:var(--kb-accent-bg); color:var(--kb-accent); text-transform:uppercase; letter-spacing:0.5px; }
.cmt-kb-art-rt { font-size:11px; color:var(--kb-t3); display:flex; align-items:center; gap:4px; }
.cmt-kb-art-date { font-size:11px; color:var(--kb-t4); margin-left:auto; }

/* CATEGORY ARCHIVE LAYOUT */
.cmt-kb-cat-header { background:linear-gradient(135deg,var(--kb-accent-bg) 0%,#F5F7FF 100%); border-bottom:1px solid var(--kb-border); padding:32px 0; }
.cmt-kb-cat-header-inner { max-width:1240px; margin:0 auto; padding:0 32px; display:flex; align-items:center; gap:20px; }
.cmt-kb-cat-header-icon { width:56px; height:56px; border-radius:14px; background:var(--kb-surface); border:1.5px solid var(--kb-accent-br); display:flex; align-items:center; justify-content:center; color:var(--kb-accent); flex-shrink:0; box-shadow:var(--kb-sh-sm); }
.cmt-kb-cat-header h1 { font-size:26px; font-weight:700; color:var(--kb-t1); margin-bottom:6px; letter-spacing:-0.5px; }
.cmt-kb-cat-header p { font-size:14px; color:var(--kb-t2); line-height:1.55; max-width:600px; }
.cmt-kb-cat-header-badge { margin-left:auto; flex-shrink:0; background:var(--kb-surface); border:1px solid var(--kb-accent-br); border-radius:50px; padding:6px 16px; font-size:12px; font-weight:700; color:var(--kb-accent); box-shadow:var(--kb-sh-sm); white-space:nowrap; }
.cmt-kb-arch-wrap { max-width:1240px; margin:0 auto; padding:0 32px; }
.cmt-kb-arch-layout { display:grid; grid-template-columns:260px 1fr; gap:32px; padding:40px 0; }
.cmt-kb-arch-sidebar { flex-shrink:0; }
.cmt-kb-arch-sidebar-sticky { position:sticky; top:24px; }
.cmt-kb-sidebar-card { background:var(--kb-surface); border:1px solid var(--kb-border); border-radius:var(--kb-r); overflow:hidden; box-shadow:var(--kb-sh-sm); }
.cmt-kb-sidebar-title { font-size:11px; font-weight:700; color:var(--kb-t4); text-transform:uppercase; letter-spacing:0.7px; padding:14px 18px 10px; border-bottom:1px solid var(--kb-border); }
.cmt-kb-sidebar-cat { display:flex; align-items:center; justify-content:space-between; padding:10px 18px; font-size:13px; color:var(--kb-t2); text-decoration:none; transition:all .15s; border-left:3px solid transparent; }
.cmt-kb-sidebar-cat:hover { background:var(--kb-accent-bg); color:var(--kb-accent); border-left-color:var(--kb-accent); }
.cmt-kb-sidebar-cat.active { background:var(--kb-accent-bg); color:var(--kb-accent); font-weight:600; border-left-color:var(--kb-accent); }
.cmt-kb-sidebar-cat-cnt { font-size:10px; font-weight:700; padding:2px 8px; border-radius:50px; background:#F0F2F8; color:var(--kb-t3); }
.cmt-kb-sidebar-cat.active .cmt-kb-sidebar-cat-cnt { background:var(--kb-accent-br); color:var(--kb-accent-dk); }
/* All-articles special row */
.cmt-kb-sidebar-cat-all { display:flex; align-items:center; justify-content:space-between; padding:10px 18px; font-size:13px; font-weight:600; color:var(--kb-t1); text-decoration:none; transition:all .15s; border-left:3px solid transparent; border-bottom:1px solid var(--kb-border); }
.cmt-kb-sidebar-cat-all:hover { background:var(--kb-accent-bg); color:var(--kb-accent); border-left-color:var(--kb-accent); }
.cmt-kb-sidebar-cat-all .cmt-kb-sidebar-cat-cnt { background:#E8EAF6; color:var(--kb-t2); }
.cmt-kb-sidebar-back { margin-top:16px; }
.cmt-kb-sidebar-back-link { display:flex; align-items:center; gap:6px; font-size:13px; color:var(--kb-accent); text-decoration:none; font-weight:500; padding:8px 0; }
.cmt-kb-sidebar-sort { margin-top:16px; }
.cmt-kb-arch-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:24px; }

/* PAGINATION */
.cmt-kb-pagination { display:flex; align-items:center; justify-content:center; gap:6px; padding:32px 0 0; flex-wrap:wrap; }
.cmt-kb-page-btn { min-width:36px; height:36px; border-radius:var(--kb-r-sm); border:1px solid var(--kb-border); background:var(--kb-surface); display:inline-flex; align-items:center; justify-content:center; font-family:'Poppins',sans-serif; font-size:13px; font-weight:500; color:var(--kb-t2); text-decoration:none; padding:0 10px; transition:all .15s; cursor:pointer; }
.cmt-kb-page-btn:hover { border-color:var(--kb-accent); color:var(--kb-accent); background:var(--kb-accent-bg); }
.cmt-kb-page-btn.active { background:var(--kb-accent); border-color:var(--kb-accent); color:#fff; font-weight:600; }
.cmt-kb-page-btn.disabled { opacity:.4; pointer-events:none; }

/* SINGLE ARTICLE */
.cmt-kb-art-header { background:var(--kb-surface); border-bottom:1px solid var(--kb-border); padding:32px 0; }
.cmt-kb-art-header-inner { max-width:1240px; margin:0 auto; padding:0 32px; }
.cmt-kb-art-cat-tag { display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:600; color:var(--kb-accent); background:var(--kb-accent-bg); border:1px solid var(--kb-accent-br); padding:4px 12px; border-radius:50px; margin-bottom:14px; text-decoration:none; }
.cmt-kb-art-header h1 { font-size:clamp(22px,3vw,34px); font-weight:800; color:var(--kb-t1); letter-spacing:-1px; line-height:1.25; margin-bottom:16px; max-width:800px; }
.cmt-kb-art-header-meta { display:flex; align-items:center; gap:20px; flex-wrap:wrap; }
.cmt-kb-art-meta-item { display:flex; align-items:center; gap:6px; font-size:12px; color:var(--kb-t3); }
.cmt-kb-search-btn { margin-left:auto; display:inline-flex; align-items:center; gap:6px; font-family:'Poppins',sans-serif; font-size:12px; font-weight:600; color:var(--kb-accent); background:var(--kb-accent-bg); border:1.5px solid var(--kb-accent-br); border-radius:50px; padding:7px 16px; text-decoration:none; transition:all .2s; flex-shrink:0; }
.cmt-kb-search-btn:hover { background:var(--kb-accent); color:#fff; border-color:var(--kb-accent); box-shadow:0 4px 12px rgba(37,99,235,0.25); }
.cmt-kb-progress-bar { height:3px; background:var(--kb-border); position:relative; }
.cmt-kb-progress-fill { height:100%; background:var(--kb-accent); width:0%; transition:width .1s linear; }
.cmt-kb-art-body-wrap { max-width:1240px; margin:0 auto; padding:0 32px; }
.cmt-kb-art-layout { display:grid; grid-template-columns:240px 1fr; gap:40px; padding:40px 0; }
.cmt-kb-toc { flex-shrink:0; }
.cmt-kb-toc-sticky { position:sticky; top:24px; }
.cmt-kb-toc-card { background:var(--kb-surface); border:1px solid var(--kb-border); border-radius:var(--kb-r); overflow:hidden; box-shadow:var(--kb-sh-sm); }
.cmt-kb-toc-title { font-size:11px; font-weight:700; color:var(--kb-t4); text-transform:uppercase; letter-spacing:0.7px; padding:14px 18px 10px; border-bottom:1px solid var(--kb-border); }
.cmt-kb-toc-list { padding:8px 0; }
.cmt-kb-toc-link { display:block; padding:7px 18px; font-size:13px; color:var(--kb-t2); text-decoration:none; border-left:2px solid transparent; transition:all .15s; line-height:1.4; }
.cmt-kb-toc-link:hover { color:var(--kb-accent); background:var(--kb-accent-bg); border-left-color:var(--kb-accent); }
.cmt-kb-toc-link.active { color:var(--kb-accent); background:var(--kb-accent-bg); border-left-color:var(--kb-accent); font-weight:600; }
.cmt-kb-toc-link.h3 { padding-left:30px; font-size:12px; }
.cmt-kb-art-main {}
.cmt-kb-art-content { background:var(--kb-surface); border:1px solid var(--kb-border); border-radius:var(--kb-r); padding:36px 40px; box-shadow:var(--kb-sh-sm); }
.cmt-kb-art-feat-img { margin:-36px -40px 32px; overflow:hidden; border-radius:var(--kb-r) var(--kb-r) 0 0; }
.cmt-kb-art-feat-img img { width:100%; max-height:420px; object-fit:cover; display:block; }
.cmt-kb-art-content h2 { font-size:20px; font-weight:700; color:var(--kb-t1); margin:32px 0 12px; padding-bottom:10px; border-bottom:2px solid var(--kb-accent-bg); letter-spacing:-0.3px; }
.cmt-kb-art-content h2:first-child { margin-top:0; }
.cmt-kb-art-content h3 { font-size:16px; font-weight:700; color:var(--kb-t1); margin:24px 0 8px; }
.cmt-kb-art-content p { font-size:15px; color:var(--kb-t2); line-height:1.78; margin-bottom:16px; }
.cmt-kb-art-content ul, .cmt-kb-art-content ol { padding-left:20px; margin-bottom:16px; }
.cmt-kb-art-content li { font-size:15px; color:var(--kb-t2); line-height:1.7; margin-bottom:6px; }
.cmt-kb-art-content a { color:var(--kb-accent); }
.cmt-kb-art-content code { background:#F0F2F8; border:1px solid var(--kb-border); border-radius:4px; padding:1px 6px; font-size:13px; color:#C7254E; font-family:monospace; }
.cmt-kb-art-content pre { background:#0B1437; border-radius:var(--kb-r-sm); padding:20px 24px; overflow-x:auto; margin-bottom:20px; }
.cmt-kb-art-content pre code { background:none; border:none; color:#E2E8F0; font-size:13px; padding:0; }
.cmt-kb-art-content blockquote { border-left:4px solid var(--kb-accent); background:var(--kb-accent-bg); border-radius:0 var(--kb-r-sm) var(--kb-r-sm) 0; padding:14px 20px; margin:20px 0; font-style:italic; color:var(--kb-t2); }
.cmt-kb-art-content table { width:100%; border-collapse:collapse; margin-bottom:20px; font-size:14px; }
.cmt-kb-art-content th { background:var(--kb-accent-bg); color:var(--kb-accent-dk); font-weight:600; padding:10px 14px; text-align:left; border:1px solid var(--kb-accent-br); }
.cmt-kb-art-content td { padding:10px 14px; border:1px solid var(--kb-border); color:var(--kb-t2); }
.cmt-kb-art-content tr:hover td { background:#FAFBFF; }
.cmt-kb-callout { background:var(--kb-accent-bg); border:1px solid var(--kb-accent-br); border-left:3px solid var(--kb-accent); border-radius:var(--kb-r-sm); padding:14px 18px; margin:20px 0; font-size:14px; color:var(--kb-accent-dk); line-height:1.6; }

/* HELPFUL FEEDBACK */
.cmt-kb-feedback { background:var(--kb-surface); border:1px solid var(--kb-border); border-radius:var(--kb-r); padding:24px 28px; margin-top:24px; display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; box-shadow:var(--kb-sh-sm); }
.cmt-kb-feedback-text { font-size:14px; font-weight:600; color:var(--kb-t1); }
.cmt-kb-feedback-text span { font-size:12px; color:var(--kb-t3); display:block; font-weight:400; margin-top:2px; }
.cmt-kb-feedback-btns { display:flex; gap:10px; }
.cmt-kb-fb-btn { display:inline-flex; align-items:center; gap:6px; padding:8px 18px; border-radius:50px; font-family:'Poppins',sans-serif; font-size:13px; font-weight:600; cursor:pointer; border:1.5px solid var(--kb-border); background:var(--kb-surface); color:var(--kb-t2); transition:all .2s; }
.cmt-kb-fb-btn:hover { border-color:var(--kb-accent); color:var(--kb-accent); background:var(--kb-accent-bg); }
.cmt-kb-fb-btn.yes:hover { border-color:var(--kb-green); color:var(--kb-green); background:var(--kb-green-bg); }

/* RELATED ARTICLES */
.cmt-kb-related { background:var(--kb-surface); border-top:1px solid var(--kb-border); padding:32px 0; }
.cmt-kb-related-inner { max-width:1240px; margin:0 auto; padding:0 32px; }
.cmt-kb-related-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin-top:20px; }

/* PREV/NEXT */
.cmt-kb-prevnext { background:var(--kb-surface); border-top:1px solid var(--kb-border); padding:24px 0; }
.cmt-kb-prevnext-inner { max-width:1240px; margin:0 auto; padding:0 32px; display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.cmt-kb-pn-card { background:var(--kb-surface); border:1.5px solid var(--kb-border); border-radius:var(--kb-r-sm); padding:18px 24px; text-decoration:none; display:block; transition:all .2s; }
.cmt-kb-pn-card:hover { border-color:var(--kb-accent); background:var(--kb-accent-bg); box-shadow:var(--kb-sh-sm); }
.cmt-kb-pn-card.disabled { opacity:.5; background:var(--kb-bg); border-color:var(--kb-border); cursor:not-allowed; pointer-events:none; }
.cmt-kb-pn-card.next { text-align:right; }
.cmt-kb-pn-label { font-size:14px; color:var(--kb-accent); font-weight:600; display:flex; align-items:center; gap:8px; }
.cmt-kb-pn-card.disabled .cmt-kb-pn-label { color:var(--kb-t4); }
.cmt-kb-pn-card.next .cmt-kb-pn-label { justify-content:flex-end; }

/* SEARCH PAGE */
.cmt-kb-search-hero { background:linear-gradient(135deg,var(--kb-accent-bg) 0%,#F5F7FF 100%); padding:44px 0 36px; border-bottom:1px solid var(--kb-border); }
.cmt-kb-search-hero h1 { font-size:28px; font-weight:700; color:var(--kb-t1); margin-bottom:6px; letter-spacing:-0.5px; }
.cmt-kb-search-hero p { font-size:14px; color:var(--kb-t2); margin-bottom:24px; }
.cmt-kb-search-form { max-width:640px; position:relative; }
.cmt-kb-search-form input { width:100%; background:var(--kb-surface); border:1.5px solid var(--kb-accent-br); border-radius:50px; padding:14px 120px 14px 50px; font-family:'Poppins',sans-serif; font-size:15px; color:var(--kb-t1); outline:none; box-shadow:var(--kb-sh-md); transition:all .2s; }
.cmt-kb-search-form input:focus { border-color:var(--kb-accent); box-shadow:0 0 0 3px rgba(37,99,235,0.1),var(--kb-sh-md); }
.cmt-kb-search-form input::placeholder { color:var(--kb-t4); }
.cmt-kb-search-form-icon { position:absolute; left:18px; top:31%; transform:translateY(-50%); color:var(--kb-accent); pointer-events:none; }
.cmt-kb-search-form-btn { position:absolute; right:6px; top:31%; transform:translateY(-50%); background:var(--kb-accent); border:none; border-radius:50px; padding:9px 22px; font-family:'Poppins',sans-serif; font-size:13px; font-weight:600; color:#fff; cursor:pointer; transition:background .2s; }
.cmt-kb-search-form-btn:hover { background:var(--kb-accent-dk); }
.cmt-kb-search-layout { max-width:1240px; margin:0 auto; padding:40px 32px; display:grid; grid-template-columns:260px 1fr; gap:32px; }
.cmt-kb-search-meta { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; flex-wrap:wrap; gap:10px; }
.cmt-kb-search-count { font-size:14px; color:var(--kb-t2); }
.cmt-kb-search-count strong { color:var(--kb-t1); font-weight:700; }
.cmt-kb-search-results { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.cmt-kb-search-card { background:var(--kb-surface); border:1px solid var(--kb-border); border-radius:var(--kb-r); display:flex; flex-direction:column; text-decoration:none; box-shadow:var(--kb-sh-sm); transition:all .22s; overflow:hidden; position:relative; }
.cmt-kb-search-card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:var(--kb-accent); transform:scaleX(0); transform-origin:left; transition:transform .22s ease; }
.cmt-kb-search-card:hover { box-shadow:var(--kb-sh-md); border-color:var(--kb-border-md); transform:translateY(-4px); }
.cmt-kb-search-card:hover::before { transform:scaleX(1); }
.cmt-kb-search-card-thumb { width:100%; height:180px; flex-shrink:0; overflow:hidden; background:var(--kb-accent-bg); display:flex; align-items:center; justify-content:center; color:var(--kb-accent); position:relative; }
.cmt-kb-search-card-thumb img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s ease; }
.cmt-kb-search-card:hover .cmt-kb-search-card-thumb img { transform:scale(1.04); }
.cmt-kb-search-card-cat-badge { position:absolute; top:10px; right:10px; background:var(--kb-accent); color:#fff; font-family:'Poppins',sans-serif; font-size:10px; font-weight:700; padding:3px 10px; border-radius:50px; text-transform:uppercase; letter-spacing:0.4px; z-index:1; white-space:nowrap; box-shadow:0 2px 8px rgba(11,20,55,0.18); }
.cmt-kb-search-card-body { flex:1; padding:20px 22px 22px; display:flex; flex-direction:column; gap:7px; font-family:'Poppins',sans-serif; }
.cmt-kb .cmt-kb-search-card-title { font-family:'Poppins',sans-serif; font-size:16px !important; font-weight:700; color:var(--kb-t1); line-height:1.45; transition:color .2s; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin:0; padding:0; border:none; }
.cmt-kb .cmt-kb-search-card:hover .cmt-kb-search-card-title { color:var(--kb-accent); }
.cmt-kb .cmt-kb-search-card-title mark { background:#FEF9C3; color:#78350F; padding:0 2px; border-radius:2px; font-weight:700; }
.cmt-kb .cmt-kb-search-card-excerpt { font-family:'Poppins',sans-serif; font-size:13px !important; color:var(--kb-t3); line-height:1.6; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; flex:1; margin:0; padding:0; }
.cmt-kb .cmt-kb-search-card-excerpt mark { background:#FEF9C3; color:#78350F; padding:0 2px; border-radius:2px; }
.cmt-kb .cmt-kb-search-card-meta { display:flex; align-items:center; gap:10px; flex-wrap:nowrap; padding-top:10px; border-top:1px solid var(--kb-border); margin-top:auto; }
.cmt-kb .cmt-kb-search-rt { font-family:'Poppins',sans-serif; font-size:11px !important; color:var(--kb-t4); display:flex; align-items:center; gap:4px; white-space:nowrap; }
.cmt-kb .cmt-kb-search-date { font-family:'Poppins',sans-serif; font-size:11px !important; color:var(--kb-t4); white-space:nowrap; }
.cmt-kb-search-tag { font-size:10px; font-weight:600; padding:2px 8px; border-radius:50px; background:var(--kb-accent-bg); color:var(--kb-accent); text-transform:uppercase; letter-spacing:0.4px; }
.cmt-kb-no-results { text-align:center; padding:60px 20px; color:var(--kb-t3); background:var(--kb-surface); border:1px solid var(--kb-border); border-radius:var(--kb-r); }
.cmt-kb-no-results p { font-size:15px; color:var(--kb-t2); font-weight:500; margin-bottom:6px; }
.cmt-kb-no-results small { font-size:13px; }

/* RESPONSIVE */
@media (max-width:1100px) {
  .cmt-kb-cat-grid { grid-template-columns:repeat(3,1fr); }
  .cmt-kb-art-grid { grid-template-columns:repeat(2,1fr); }
  .cmt-kb-related-grid { grid-template-columns:repeat(2,1fr); }
  .cmt-kb-search-results { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:900px) {
  .cmt-kb-wrap { padding:0 20px; }
  .cmt-kb-arch-layout,.cmt-kb-art-layout,.cmt-kb-search-layout { grid-template-columns:1fr; }
  .cmt-kb-arch-sidebar,.cmt-kb-toc { display:none; }
  .cmt-kb-cat-grid { grid-template-columns:repeat(2,1fr); }
  .cmt-kb-stat { padding:16px 20px; }
  .cmt-kb-cat-header-inner,.cmt-kb-art-header-inner,.cmt-kb-related-inner,.cmt-kb-prevnext-inner { padding:0 20px; }
  .cmt-kb-stats-inner { padding:0 20px; flex-wrap:wrap; }
  .cmt-kb-arch-wrap { padding:0 20px; }
  .cmt-kb-search-layout { padding:0 20px 48px; }
}
@media (max-width:600px) {
  /* HERO */
  .cmt-kb-hero { padding:44px 0 36px; }
  .cmt-kb-hero h1 { font-size:26px; letter-spacing:-1px; }
  .cmt-kb-hero p { font-size:14px; margin-bottom:24px; }
  .cmt-kb-hero-search input { padding:13px 110px 13px 44px; font-size:14px; }

  /* STATS BAR — 2×2 grid, hide Advanced Search (hero has search) */
  .cmt-kb-stats-inner { display:grid; grid-template-columns:1fr 1fr; padding:0; gap:0; }
  .cmt-kb-stat { padding:14px 16px; border-right:none; border-bottom:1px solid var(--kb-border); margin-left:0 !important; }
  .cmt-kb-stat:first-child { padding-left:16px; }
  .cmt-kb-stat:nth-child(odd) { border-right:1px solid var(--kb-border); }
  .cmt-kb-stat:nth-child(3),.cmt-kb-stat:nth-child(4),.cmt-kb-stat:last-child { border-bottom:none; }
  .cmt-kb-stat:last-child { display:flex; grid-column:1/-1; border-right:none; justify-content:center; }
  .cmt-kb-stat strong { font-size:18px; }
  .cmt-kb-stat span { font-size:10px; }
  .cmt-kb-stat-icon { width:34px; height:34px; }

  /* CATEGORIES */
  .cmt-kb-cat-grid { grid-template-columns:1fr; }
  .cmt-kb-section { padding:32px 0; }
  .cmt-kb-section-title { font-size:20px; }

  /* ARTICLE CARDS */
  .cmt-kb-art-grid,.cmt-kb-arch-grid { grid-template-columns:1fr; }
  .cmt-kb-related-grid { grid-template-columns:1fr; }
  .cmt-kb-prevnext-inner { grid-template-columns:1fr; }
  .cmt-kb-search-results { grid-template-columns:1fr; }

  /* SINGLE */
  .cmt-kb-art-content { padding:20px; }
  .cmt-kb-art-feat-img { margin:-20px -20px 24px; }
  .cmt-kb-art-header h1 { font-size:22px; }
}