.cnkb-mount, .cnkb-admin-wrap { --cnkb-bg:#f8fafc; --cnkb-card:#ffffff; --cnkb-text:#0f172a; --cnkb-muted:#64748b; --cnkb-border:#e2e8f0; --cnkb-strong:#020617; --cnkb-radius:22px; --cnkb-shadow:0 8px 30px rgba(15,23,42,.06); --cnkb-space:24px; }
.cnkb-shell{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--cnkb-text);background:var(--cnkb-bg);padding:24px;border-radius:28px}.cnkb-shell section + section{margin-top:34px}
.cnkb-topbar{position:sticky;top:18px;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:18px;background:rgba(255,255,255,.88);backdrop-filter:blur(8px);padding:18px 22px;border:1px solid var(--cnkb-border);border-radius:var(--cnkb-radius-card);box-shadow:var(--cnkb-shadow);margin-bottom:24px}
.cnkb-topbar h1,.cnkb-shell h2,.cnkb-shell h3{margin:0;color:var(--cnkb-strong);line-height:1.15}.cnkb-shell h2{font-size:32px;margin-bottom:8px}.cnkb-shell h3{font-size:20px;margin-bottom:10px}
.cnkb-eyebrow{font-size:13px;color:var(--cnkb-muted);margin-bottom:6px}.cnkb-grid{display:grid;gap:24px}.cnkb-hero-grid{grid-template-columns:1.6fr .8fr}.cnkb-category-grid,.cnkb-articles-grid,.cnkb-stats-grid,.cnkb-settings-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.cnkb-card{background:var(--cnkb-card);border:1px solid var(--cnkb-border);border-radius:var(--cnkb-radius);box-shadow:var(--cnkb-shadow);overflow:hidden}.cnkb-card-body{padding:24px}.cnkb-card p{color:var(--cnkb-muted);line-height:1.7}
.cnkb-button{display:inline-flex;align-items:center;justify-content:center;border:0;background:#0f172a;color:#fff;padding:12px 18px;border-radius:calc(var(--cnkb-radius-card) - 8px);text-decoration:none;cursor:pointer;font-weight:600}.cnkb-button:hover{opacity:.92}.cnkb-button-outline{background:var(--cnkb-card-bg);color:#0f172a;border:1px solid var(--cnkb-border)}.cnkb-button-ghost{background:transparent;color:#0f172a;border:0}
.cnkb-input,.cnkb-textarea, .cnkb-shell select{width:100%;border:1px solid var(--cnkb-border);background:var(--cnkb-card-bg);border-radius:calc(var(--cnkb-radius-card) - 8px);padding:12px 14px;font:inherit}.cnkb-textarea{min-height:100px;resize:vertical}.cnkb-textarea-lg{min-height:320px}
.cnkb-section-head,.cnkb-toolbar,.cnkb-flex-between,.cnkb-row,.cnkb-inline-form,.cnkb-flex-gap{display:flex;align-items:center;justify-content:space-between;gap:14px}.cnkb-section-head{margin-bottom:18px;align-items:flex-end}.cnkb-section-head > div:first-child p{margin-top:10px}.cnkb-section-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.cnkb-toolbar{margin-bottom:18px;justify-content:flex-start;flex-wrap:wrap}.cnkb-spacer{flex:1}
.cnkb-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#e2e8f0;color:#0f172a;font-size:13px;font-weight:600}.cnkb-badge-outline{background:var(--cnkb-card-bg);border:1px solid var(--cnkb-border)}.cnkb-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.cnkb-category-card,.cnkb-article-card{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.cnkb-category-card:hover,.cnkb-article-card:hover{transform:translateY(-3px)}
.cnkb-category-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.cnkb-icon{font-size:42px}.cnkb-title-button,.cnkb-image-button,.cnkb-list-row,.cnkb-admin-nav-btn{all:unset;cursor:pointer}.cnkb-title-button h3{margin-bottom:12px}.cnkb-card-image,.cnkb-detail-image{display:block;width:100%;height:240px;object-fit:cover;background:#e2e8f0}.cnkb-detail-image{height:320px}.cnkb-image-placeholder{display:flex;align-items:center;justify-content:center;color:var(--cnkb-muted)}
.cnkb-meta{font-size:13px;color:var(--cnkb-muted);margin-top:12px}.cnkb-list{padding-left:18px;color:var(--cnkb-muted)}.cnkb-list li{margin-bottom:10px}
.cnkb-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.cnkb-toc-card{position:sticky;top:110px;height:max-content}.cnkb-toc-list{display:flex;flex-direction:column;gap:6px;max-height:70vh;overflow:auto}.cnkb-toc-link{display:block;color:var(--cnkb-muted);text-decoration:none;padding:10px 12px;border-radius:12px}.cnkb-toc-link:hover,.cnkb-toc-link.active{background:#0f172a;color:#fff}.cnkb-toc-link.level-2{margin-left:10px}.cnkb-toc-link.level-3{margin-left:20px}.cnkb-toc-link.level-4{margin-left:30px}
.cnkb-content h1,.cnkb-content h2,.cnkb-content h3,.cnkb-content h4,.cnkb-content h5,.cnkb-content h6{scroll-margin-top:110px}.cnkb-content p{margin-bottom:14px}.cnkb-content ul{padding-left:20px}.cnkb-inline-toc{background:var(--cnkb-card-bg);border:1px solid var(--cnkb-border);padding:16px;border-radius:calc(var(--cnkb-radius-card) - 8px);margin-bottom:20px}.cnkb-inline-toc ul{list-style:none;padding:0;margin:10px 0 0}.cnkb-inline-toc li{margin:6px 0}.cnkb-inline-toc a{text-decoration:none;color:#0f172a}
.cnkb-admin-layout,.cnkb-admin-two-cols{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px}.cnkb-admin-two-cols{grid-template-columns:.8fr 1.2fr}.cnkb-admin-nav{height:max-content;position:sticky;top:110px}.cnkb-admin-nav-btn{display:block;width:100%;padding:14px 16px;border-radius:calc(var(--cnkb-radius-card) - 8px);color:var(--cnkb-text)}.cnkb-admin-nav-btn.active,.cnkb-admin-nav-btn:hover,.cnkb-list-row.active,.cnkb-list-row:hover{background:#0f172a;color:#fff}.cnkb-list-row{display:block;width:100%;padding:14px 16px;border-radius:14px;margin-bottom:8px;border:1px solid var(--cnkb-border)}.cnkb-list-row span{display:flex;flex-direction:column}.cnkb-list-row small{color:inherit;opacity:.7}
.cnkb-form-grid{display:grid;grid-template-columns:1fr 220px;gap:16px}.cnkb-form-grid label,.cnkb-card label{display:block;margin-bottom:14px}.cnkb-card label span{display:block;margin-bottom:8px;font-size:var(--cnkb-font-size-small);font-weight:600}.cnkb-tag-wrap{display:flex;flex-wrap:wrap;gap:10px}.cnkb-tag-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;border:1px solid var(--cnkb-border)}.cnkb-tag-pill button{all:unset;cursor:pointer;font-weight:700}.cnkb-inline-form{justify-content:flex-start}
.cnkb-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.cnkb-stat-card{background:var(--cnkb-card-bg);border:1px solid var(--cnkb-border);box-shadow:var(--cnkb-shadow);border-radius:calc(var(--cnkb-radius-card) - 6px);padding:20px;display:flex;justify-content:space-between;align-items:center}.cnkb-stat-card strong,.cnkb-stat-label{color:var(--cnkb-muted);font-size:var(--cnkb-font-size-small)}.cnkb-stat-card span,.cnkb-stat-value{font-size:32px;font-weight:800;color:var(--cnkb-strong)}.cnkb-admin-panel{background:var(--cnkb-card-bg);border:1px solid var(--cnkb-border);box-shadow:var(--cnkb-shadow);border-radius:calc(var(--cnkb-radius-card) - 6px);padding:22px;max-width:1000px}.cnkb-no-access{padding:16px 18px;border-radius:calc(var(--cnkb-radius-card) - 8px);border:1px solid #fecaca;background:var(--cnkb-card-bg)1f2;color:#9f1239}
@media (max-width: 1100px){.cnkb-article-layout,.cnkb-admin-layout,.cnkb-admin-two-cols,.cnkb-hero-grid{grid-template-columns:1fr}.cnkb-toc-card,.cnkb-admin-nav,.cnkb-topbar{position:static}.cnkb-form-grid{grid-template-columns:1fr}.cnkb-section-head{align-items:flex-start;flex-direction:column}.cnkb-section-actions{justify-content:flex-start}}
@media (max-width: 700px){.cnkb-shell{padding:14px}.cnkb-card-body{padding:18px}.cnkb-shell h2{font-size:26px}.cnkb-topbar{padding:14px 16px;flex-direction:column;align-items:flex-start}.cnkb-admin-grid{grid-template-columns:1fr}}

.cnkb-check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.cnkb-check-item{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--cnkb-border);border-radius:14px;background:var(--cnkb-card-bg)}.cnkb-check-item input{margin:0}


.cnkb-faq-shortcode{display:grid;gap:14px}.cnkb-faq-shortcode-head{margin-bottom:4px}.cnkb-faq-shortcode-title{margin:0;color:var(--cnkb-strong);font-size:clamp(24px,3vw,34px);line-height:1.15}.cnkb-faq-list{display:grid;gap:14px}.cnkb-faq-item{background:var(--cnkb-card-bg);border:1px solid var(--cnkb-border);border-radius:calc(var(--cnkb-radius-card) - 6px);box-shadow:var(--cnkb-shadow);overflow:hidden}.cnkb-faq-question{list-style:none;cursor:pointer;padding:18px 22px;font-weight:700;color:var(--cnkb-strong);position:relative}.cnkb-faq-question::-webkit-details-marker{display:none}.cnkb-faq-question::after{content:'+';position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:22px;line-height:1;color:var(--cnkb-muted)}.cnkb-faq-item[open] .cnkb-faq-question::after{content:'–'}.cnkb-faq-answer{padding:0 22px 22px;color:var(--cnkb-muted);line-height:1.7}.cnkb-faq-answer p:last-child{margin-bottom:0}
.cnkb-faq-shell{gap:20px;padding:0;background:transparent;border-radius:0}.cnkb-faq-shortcode-head{margin-bottom:4px}.cnkb-faq-group-title{margin:0;color:var(--cnkb-strong);font-size:clamp(22px,2.5vw,30px)}.cnkb-faq-group-head{margin-bottom:6px}.cnkb-faq-list{display:grid;gap:14px}.cnkb-faq-item{background:var(--cnkb-card-bg);border:1px solid var(--cnkb-border);border-radius:calc(var(--cnkb-radius-card) - 6px);box-shadow:var(--cnkb-shadow);overflow:hidden}.cnkb-faq-question{list-style:none;cursor:pointer;padding:18px 56px 18px 22px;font-weight:700;color:var(--cnkb-strong);position:relative;line-height:1.45}.cnkb-faq-question::-webkit-details-marker{display:none}.cnkb-faq-question::after{content:'+';position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:22px;line-height:1;color:var(--cnkb-muted);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:#f8fafc;border:1px solid var(--cnkb-border)}.cnkb-faq-item[open] .cnkb-faq-question::after{content:'–';background:#0f172a;color:#fff;border-color:#0f172a}.cnkb-faq-answer{padding:0 22px 22px;color:var(--cnkb-muted);line-height:1.8}.cnkb-faq-answer p:last-child{margin-bottom:0}.cnkb-faq-answer ul,.cnkb-faq-answer ol{padding-left:22px;margin:10px 0 0}.cnkb-faq-answer li{margin-bottom:8px}


/* FAQ frontend: aligned with CNKB cards and BFSG-friendly */
.cnkb-faq-shell{padding:clamp(18px,2vw,24px);background:transparent;border-radius:0}
.cnkb-faq-shortcode-head{margin-bottom:18px}
.cnkb-faq-group{margin-bottom:20px;border:1px solid var(--cnkb-border);background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);box-shadow:var(--cnkb-shadow);border-radius:var(--cnkb-radius-card);overflow:hidden}
.cnkb-faq-group .cnkb-card-body{padding:0}
.cnkb-faq-group-head{padding:22px 24px 10px 24px;border-bottom:1px solid rgba(226,232,240,.9);background:rgba(255,255,255,.72)}
.cnkb-faq-group-title{margin:0;font-size:clamp(1.2rem,1.4vw,1.5rem);line-height:1.25;color:var(--cnkb-strong)}
.cnkb-faq-list{display:flex;flex-direction:column;gap:14px;padding:18px}
.cnkb-faq-item{border:1px solid var(--cnkb-border);border-radius:calc(var(--cnkb-radius-card) - 6px);background:var(--cnkb-card-bg);box-shadow:0 10px 24px rgba(15,23,42,.05);overflow:hidden;transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease}
.cnkb-faq-item[open]{border-color:#cbd5e1;box-shadow:0 14px 32px rgba(15,23,42,.08)}
.cnkb-faq-question{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;padding:20px 24px;font-size:1.02rem;font-weight:700;line-height:1.45;color:var(--cnkb-strong);background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%)}
.cnkb-faq-question::-webkit-details-marker{display:none}
.cnkb-faq-question::marker{content:''}
.cnkb-faq-question::after{content:'+';display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;border-radius:999px;background:#0f172a;color:#fff;font-size:1.4rem;font-weight:400;line-height:1;box-shadow:0 6px 16px rgba(15,23,42,.18);transition:transform .2s ease, background .2s ease}
.cnkb-faq-item[open]>.cnkb-faq-question::after{content:'−';background:var(--cnkb-accent);transform:rotate(180deg)}
.cnkb-faq-question:hover{background:linear-gradient(180deg,#ffffff 0%,#eef6ff 100%)}
.cnkb-faq-question:focus,.cnkb-faq-question:focus-visible{outline:3px solid #2563eb;outline-offset:3px;background:linear-gradient(180deg,#ffffff 0%,#eef6ff 100%)}
.cnkb-faq-answer{padding:0 24px 24px 24px;border-top:1px solid rgba(226,232,240,.9);color:var(--cnkb-text);font-size:1rem;line-height:1.7;background:var(--cnkb-card-bg)}
.cnkb-faq-answer > *:first-child{margin-top:18px}
.cnkb-faq-answer > *:last-child{margin-bottom:0}
.cnkb-faq-answer ul,.cnkb-faq-answer ol{padding-left:1.25rem}
.cnkb-faq-answer a{color:var(--cnkb-accent);text-decoration:underline;text-underline-offset:2px;word-break:break-word}
.cnkb-faq-answer a:focus,.cnkb-faq-answer a:focus-visible{outline:2px solid #2563eb;outline-offset:2px;border-radius:3px}
@media (max-width: 782px){
  .cnkb-faq-group-head{padding:18px 18px 8px}
  .cnkb-faq-list{padding:14px}
  .cnkb-faq-question{padding:16px 18px;font-size:1rem}
  .cnkb-faq-answer{padding:0 18px 18px}
  .cnkb-faq-question::after{flex-basis:32px;width:32px;height:32px}
}
@media (prefers-reduced-motion: reduce){
  .cnkb-faq-item,.cnkb-faq-question::after{transition:none}
}

body .cnkb-shell, body .cnkb-shell *{box-sizing:border-box}
body .cnkb-shell{font-size:var(--cnkb-font-size-base);}
body .cnkb-shell h1{font-size:clamp(calc(var(--cnkb-font-size-h2) * 1px),3vw,calc(var(--cnkb-font-size-h1) * 1px));color:var(--cnkb-strong)}
body .cnkb-shell h2{font-size:clamp(calc(var(--cnkb-font-size-h3) * 1px),2.4vw,calc(var(--cnkb-font-size-h2) * 1px));color:var(--cnkb-strong)}
body .cnkb-shell h3{font-size:calc(var(--cnkb-font-size-h3) * 1px);color:var(--cnkb-strong)}
body .cnkb-shell p,body .cnkb-shell li,body .cnkb-shell label,body .cnkb-shell input,body .cnkb-shell textarea{font-size:var(--cnkb-font-size-base);color:var(--cnkb-text)}
.cnkb-card,.cnkb-stat-card,.cnkb-admin-panel{background:var(--cnkb-card-bg)}
.cnkb-btn, .cnkb-shell .button, .cnkb-admin-wrap .button-primary{background:var(--cnkb-accent);border-color:var(--cnkb-accent);color:#fff}
.cnkb-btn:hover,.cnkb-shell .button:hover,.cnkb-admin-wrap .button-primary:hover{filter:brightness(.96)}
.cnkb-link-reset{text-decoration:none;color:inherit}
.cnkb-archive-grid{margin-top:10px}
.cnkb-archive-hero p{max-width:70ch}
.cnkb-pagination{padding:8px 2px 20px}
.cnkb-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;margin:0 6px 6px 0;border:1px solid var(--cnkb-border);border-radius:999px;background:var(--cnkb-card-bg);text-decoration:none;color:var(--cnkb-strong)}
.cnkb-pagination .page-numbers.current{background:var(--cnkb-accent);border-color:var(--cnkb-accent);color:#fff}


/* v0.1.7 adjustments */
.cnkb-faq-question{font-size:clamp(calc(var(--cnkb-font-size-base) * 1px),2vw,calc(var(--cnkb-font-size-h2) * 1px));}
.cnkb-faq-answer{font-size:calc(var(--cnkb-font-size-base) * 1px);}
.cnkb-article-single .cnkb-article-title{margin:0;font-size:clamp(calc(var(--cnkb-font-size-h2) * 1px),3vw,calc(var(--cnkb-font-size-h1) * 1px));color:var(--cnkb-strong)}
.cnkb-article-single .cnkb-article-meta{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 18px}
.cnkb-article-single .cnkb-content{font-size:calc(var(--cnkb-font-size-base) * 1px)}
.cnkb-article-single .cnkb-content h1{font-size:clamp(calc(var(--cnkb-font-size-h2) * 1px),2.8vw,calc(var(--cnkb-font-size-h1) * 1px));}
.cnkb-article-single .cnkb-content h2{font-size:clamp(calc(var(--cnkb-font-size-h3) * 1px),2.2vw,calc(var(--cnkb-font-size-h2) * 1px));}
.cnkb-article-single .cnkb-content h3{font-size:calc(var(--cnkb-font-size-h3) * 1px);}
.cnkb-archive-shell .cnkb-btn,.cnkb-article-single .cnkb-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:999px;background:var(--cnkb-accent);border:1px solid var(--cnkb-accent);color:#fff;text-decoration:none;font-weight:700}
.cnkb-archive-shell .cnkb-btn.cnkb-btn-outline,.cnkb-article-single .cnkb-btn.cnkb-btn-outline{background:transparent;color:var(--cnkb-strong);border-color:var(--cnkb-border)}
.cnkb-archive-shell .cnkb-btn:focus-visible,.cnkb-article-single .cnkb-btn:focus-visible{outline:3px solid color-mix(in srgb, var(--cnkb-accent) 70%, white);outline-offset:3px}


/* v0.1.8 search + settings refinements */
.cnkb-search-meta{margin:12px 0 0;color:var(--cnkb-muted);font-size:var(--cnkb-font-size-small)}
.cnkb-search-meta strong{color:var(--cnkb-strong)}
.cnkb-input[type="search"]::-webkit-search-cancel-button{cursor:pointer}
.cnkb-admin-wrap .form-table input[type="text"],
.cnkb-admin-wrap .form-table input[type="number"],
.cnkb-admin-wrap .form-table .regular-text{max-width:100%}

.cnkb-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.cnkb-quick-grid .cnkb-button{justify-content:center;text-align:center}.cnkb-quick-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.cnkb-stat-pill{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--cnkb-border);border-radius:999px;background:var(--cnkb-bg)}.cnkb-stat-pill strong{color:var(--cnkb-strong)}
@media (max-width: 680px){.cnkb-quick-grid{grid-template-columns:1fr}}

.cnkb-quick-grid .cnkb-button{width:100%}


.cnkb-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}
.cnkb-quick-stats{display:flex;flex-wrap:wrap;gap:10px}
.cnkb-stat-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--cnkb-border);border-radius:999px;background:var(--cnkb-card);color:var(--cnkb-strong);font-weight:700}
.cnkb-stat-pill span{font-weight:500;color:var(--cnkb-muted)}
.cnkb-search-meta{margin-top:12px;color:var(--cnkb-muted)}
.cnkb-article-card{height:100%}
.cnkb-article-card .cnkb-card-body{display:flex;flex-direction:column;gap:10px;min-height:220px}
.cnkb-card-image,.cnkb-detail-image{background:linear-gradient(135deg,#e8f4f8 0%,#dbeafe 60%,#ede9fe 100%)}
.cnkb-image-placeholder{font-weight:700;font-size:18px;letter-spacing:.02em}
@media (max-width:700px){.cnkb-quick-grid{grid-template-columns:1fr}}