/* KB layer that matches Wegeex site styles (uses same CSS variables) */

.kbWrap{padding:24px 0 56px;}
.kbShell{border:1px solid var(--stroke2);background:var(--panel);border-radius:var(--radius);padding:20px;box-shadow: var(--shadow);}
.kbTop{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px;}
.kbTop h1{margin:0;font-size:26px;letter-spacing:-.02em;line-height:1.1;}

.kbSearch{display:flex;gap:10px;margin:14px 0 18px;}
.kbSearch input{
  width:100%;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid var(--stroke);
  background: var(--panel2);
  color: var(--text);
  outline:none;
}
.kbSearch input::placeholder{color:var(--muted);}
.kbSearch input:focus{border-color:color-mix(in srgb, var(--accent) 40%, var(--stroke)); box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent);} 

.kbGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.kbCard{padding:16px;border-radius:16px;background:color-mix(in srgb, var(--panel) 88%, transparent);border:1px solid var(--stroke2);}
.kbCard h3{margin:0 0 8px;font-size:16px;}
.kbCard p{margin:0 0 14px;color:var(--muted);font-size:14px;line-height:1.45;}
.kbBtnRow{display:flex;justify-content:flex-end;}
.kbBtn{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;text-decoration:none;border:1px solid color-mix(in srgb, var(--accent) 26%, transparent);background: color-mix(in srgb, var(--accent) 10%, transparent);color: color-mix(in srgb, var(--accent) 90%, var(--text));}
.kbBtn:hover{filter:brightness(1.02);text-decoration:none;}

.kbCrumbs{color:var(--muted);font-size:13px;margin-bottom:10px;}
.kbCrumbs a{color:inherit;text-decoration:none;}
.kbList{display:grid;gap:10px;}
.kbListItem{padding:14px 14px;border-radius:16px;background:color-mix(in srgb, var(--panel) 88%, transparent);border:1px solid var(--stroke2);}
.kbListItem h3{margin:0 0 6px;font-size:16px;}
.kbListItem p{margin:0;color:var(--muted);font-size:13px;}

@media (max-width: 900px){.kbGrid{grid-template-columns:1fr;}}