/* Simple Knowledge Base styles - responsive */
.kbd-removed{} /* noop so formatting ok */
.skb-hero{
    background:#f2f7f6;
    padding:40px 0 30px;
    border-bottom:1px solid rgba(0,0,0,0.04);
}
.skb-hero-inner{max-width:1100px;margin:0 auto;padding:0 20px}
.skb-title{font-family: 'Helvetica Neue', Arial, sans-serif;font-size:42px;color:#3a3a63;margin:0 0 18px}
.skb-search-section{margin-top:6px}
.skb-search-box{display:flex;align-items:center;background:#fff;border-radius:6px;padding:12px 14px;box-shadow:0 6px 18px rgba(60,64,67,0.08);max-width:700px}
.skb-search-input{flex:1;border:0;outline:0;padding:6px 10px;font-size:15px}
.skb-search-btn{border:0;background:transparent;padding:6px 8px;cursor:pointer;color:#4a4a4a;font-weight:600}

/* container */
.skb-container{max-width:1100px;margin:30px auto;padding:0 20px}

/* categories grid */
.skb-cats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.skb-cat-card{display:block;text-decoration:none;color:inherit;border:1px solid rgba(0,0,0,0.06);border-radius:6px;overflow:hidden;background:#fff;transition:transform .18s,box-shadow .18s;padding:18px}
.skb-cat-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(64,64,79,0.06)}
.skb-cat-card-inner h3{margin:0 0 8px;font-size:18px;color:#2f2f4f}
.skb-cat-card-inner p{margin:0 0 12px;color:#6b6b7f;font-size:13px}
.skb-see{display:inline-block;margin-top:8px;color:#5b6b9a;font-size:13px}

/* category page layout */
.skb-category-page{display:grid;grid-template-columns:1fr 3fr;gap:28px}
.skb-left{background:#fff;padding:20px;border-radius:6px;border:1px solid rgba(0,0,0,0.04)}
.skb-right{background:transparent;padding:6px}
.skb-cat-title{margin:0 0 8px;font-size:26px;color:#2f2f4f}
.skb-cat-desc{margin:0 0 18px;color:#6b6b7f}

/* articles list */
.skb-articles-list .skb-article-item{padding:12px 0;border-bottom:1px solid rgba(0,0,0,0.04)}
.skb-article-item h3{margin:0 0 6px;font-size:18px}
.skb-excerpt{color:#6b6b7f;font-size:14px}

/* sidebar categories list */
.skb-cats-list h4{margin:0 0 12px}
.skb-side-cat{display:block;padding:10px 12px;border-left:4px solid transparent;margin-bottom:6px;text-decoration:none;color:#333;border-radius:4px;background:#fff}
.skb-side-cat:hover{background:#f7f8fb}
.skb-side-cat.skb-active{border-left-color:#4b4b8f;background:#f1f2f8}

/* single article */
.skb-single-article .skb-article-full{background:#fff;padding:22px;border-radius:6px;border:1px solid rgba(0,0,0,0.04)}
.skb-article-full h1{margin:0 0 10px;font-size:28px}
.skb-meta{color:#9b9bb0;font-size:13px;margin-bottom:16px}

/* responsive */
@media(max-width:900px){
    .skb-cats-grid{grid-template-columns:repeat(1,3fr)}
    .skb-category-page{grid-template-columns:1fr}
    .skb-right{order:2}
}
@media(max-width:520px){
    .skb-cats-grid{grid-template-columns:1fr}
    .skb-title{font-size:28px}
}



.skb-category-page {
    display: grid
;
    grid-template-columns: 1fr 3fr;
    gap: 28px;
}
	

/* General Reset */
.skb-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
  font-family: "Segoe UI", Roboto, sans-serif;
  color: #333;
}

/* Hero Section */
.skb-hero {
  text-align: center;
  padding: 80px 20px;
  background: linear-gradient(135deg, #4f46e5, #6366f1);
  color: #fff;
  border-radius: 16px;
  margin-bottom: 50px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}
.skb-hero h1 {
  font-size: 2.8rem;
  margin-bottom: 20px;
  font-weight: 700;
}
.skb-hero p {
  font-size: 1.2rem;
  opacity: 0.9;
}
.skb-search {
  margin-top: 30px;
}
.skb-search input {
  width: 100%;
  max-width: 500px;
  padding: 14px 18px;
  border: none;
  border-radius: 30px;
  font-size: 1rem;
  outline: none;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* Categories Grid */
.skb-categories {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 25px;
}
.skb-category-card {
  background: #fff;
  border-radius: 14px;
  padding: 25px;
  text-align: left;
  border: 1px solid #e5e7eb;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.skb-category-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}
.skb-category-card h3 {
  margin-top: 0;
  font-size: 1.4rem;
  color: #4f46e5;
}
.skb-category-card p {
  font-size: 0.95rem;
  color: #555;
  margin-bottom: 15px;
}
.skb-category-card a {
  font-weight: 600;
  text-decoration: none;
  color: #6366f1;
}
.skb-category-card a:hover {
  text-decoration: underline;
}

/* Sidebar (taxonomy template) */
.skb-sidebar {
  background: #f9fafb;
  border-radius: 12px;
  padding: 20px;
  border: 1px solid #e5e7eb;
}
.skb-sidebar h4 {
  margin-top: 0;
  font-size: 1.2rem;
  margin-bottom: 15px;
}
.skb-sidebar ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.skb-sidebar li {
  margin-bottom: 12px;
}
.skb-sidebar li a {
  text-decoration: none;
  color: #374151;
  font-weight: 500;
  transition: color 0.2s;
}
.skb-sidebar li a:hover {
  color: #4f46e5;
}
.skb-sidebar li.current-cat a {
  color: #4f46e5;
  font-weight: 700;
}

/* Articles List */
.skb-articles {
  margin-top: 20px;
}
.skb-articles ul {
  list-style: none;
  padding: 0;
}
.skb-articles li {
  margin-bottom: 12px;
}
.skb-articles li a {
  text-decoration: none;
  color: #2563eb;
  font-weight: 500;
  transition: color 0.2s;
}
.skb-articles li a:hover {
  color: #1e40af;
}

/* Single Article Page */
.skb-article {
  background: #fff;
  border-radius: 14px;
  padding: 30px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}
.skb-article h1 {
  margin-top: 0;
  font-size: 2rem;
  color: #111827;
}
.skb-breadcrumb {
  margin-bottom: 20px;
  font-size: 0.9rem;
  color: #6b7280;
}
.skb-breadcrumb a {
  text-decoration: none;
  color: #4f46e5;
}
.skb-breadcrumb a:hover {
  text-decoration: underline;
}