.kb-about{margin:10px 0 16px}
.kb-about__box{display:flex;gap:16px;align-items:flex-start;background:var(--panel,#0f172a);border:1px solid var(--border,#2a3346);border-radius:16px;padding:14px}
.kb-about__logo{width:72px;height:72px;border-radius:12px;object-fit:cover;border:1px solid var(--border,#2a3346)}
.kb-about__title{margin:0 0 6px;font-size:clamp(20px,2.4vw,26px)}
.kb-about__lead{margin:0 0 8px;color:var(--muted,#93a4bd)}
.kb-about__bullets{margin:0 0 10px;padding-left:1.1em}
.kb-about__links{display:flex;gap:8px;flex-wrap:wrap}
.kb-btn{padding:.45rem .75rem;border-radius:.7rem;border:1px solid var(--border,#2a3346);background:var(--panel,#0f172a);color:var(--fg,#e6edf5);cursor:pointer;text-decoration:none}
.kb-btn--sec{background:var(--panel,#0f172a)}
.kb-stats{margin:12px 0 16px}
.kb-stats__grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.kb-stat{background:var(--panel,#0f172a);border:1px solid var(--border,#2a3346);border-radius:16px;padding:14px;text-align:center}
.kb-stat__num{font-size:clamp(22px,3vw,28px);font-weight:900}
.kb-stat__label{color:var(--muted,#93a4bd)}
@media (max-width:700px){
  .kb-about__box{flex-direction:column}
  .kb-about__logo{width:56px;height:56px}
}
/* ===== CONTACTS ===== */
.kb-contacts{margin:12px 0 16px}
.kb-contacts .kb-sec__title{margin:0 0 8px}
.kb-contacts__wrap{display:flex;gap:8px;flex-wrap:wrap}
.kb-btn--pri{background:color-mix(in oklab,var(--pri,#60a5fa) 18%, #0f172a);border-color:var(--pri,#60a5fa)}

/* ===== CHANGELOG ===== */
.kb-changelog{margin:12px 0 16px}
.kb-changelog__list{list-style:none;margin:0;padding:0}
.kb-changelog__list li{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px dashed var(--border,#2a3346)}
.kb-changelog__list time{font-variant-numeric:tabular-nums;color:var(--muted,#93a4bd);min-width:86px}

/* ===== TEAM ===== */
.kb-team{margin:12px 0 16px}
.kb-team__grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.kb-team__name{font-weight:900}
.kb-team__role{color:var(--muted,#93a4bd);margin-top:2px}
.kb-team__link{display:inline-block;margin-top:8px;color:var(--pri,#60a5fa);text-decoration:none}

/* ===== FAQ ===== */
.kb-faq{margin:12px 0 16px}
.kb-faq__item{background:var(--panel,#0f172a);border:1px solid var(--border,#2a3346);border-radius:14px;padding:8px 12px}
.kb-faq__item + .kb-faq__item{margin-top:8px}
.kb-faq__item summary{cursor:pointer;font-weight:800}
.kb-faq__ans{color:var(--muted,#93a4bd);margin-top:6px}
/* ===== SEARCH HERO (บนสุด) ===== */
.kb-searchhero{margin:0 0 12px;padding:16px;background:var(--panel,#0f172a);border:1px solid var(--border,#2a3346);border-radius:16px;text-align:center}
.kb-searchhero__title{margin:0 0 10px;font-size:clamp(22px,3.2vw,32px)}
.kb-searchhero__bar{display:flex;gap:8px;max-width:820px;margin:0 auto}
.kb-searchhero__bar input[type=search]{flex:1;padding:.75rem .9rem;border-radius:12px;border:1px solid var(--border,#2a3346);background:var(--card,#111827);color:var(--fg,#e6edf5)}
.kb-searchhero__bar button{padding:.75rem 1rem;border-radius:12px;border:1px solid var(--border,#2a3346);background:color-mix(in oklab,var(--pri,#60a5fa) 18%, #0f172a);color:var(--fg,#e6edf5);cursor:pointer}
.kb-searchhero .kb-suggest.kb-suggest--inline{max-width:820px;margin:8px auto 0}
@media (max-width:700px){.kb-searchhero__bar{flex-direction:column;align-items:stretch}}