/* ------------------------------
   Linkersdo Knowledge Base (Enhanced)
   Attractive, trustworthy, SEO-friendly editorial layout
------------------------------ */

:root{
  --kb-text:#1f2937;
  --kb-muted:#5b6472;
  --kb-line:#e6e9f2;
  --kb-bg:#f8fafc;
}

.kb-hero{
  padding-top: clamp(2rem, 4vw, 4rem);
  padding-bottom: 0;
  background: linear-gradient(180deg, rgba(61,90,254,0.06), transparent);
}
.kb-hero-wrap{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 2rem;
  align-items: center;
}
.kb-hero-copy .kb-eyebrow{
  text-transform: uppercase;
  letter-spacing: .12em;
  font-weight: 600;
  color: var(--ld-primary,#3d5afe);
  margin: 0 0 .25rem;
}
.kb-hero-title{
  font-size: clamp(1.9rem, 4vw, 2.6rem);
  line-height: 1.15;
  margin: 0 0 .5rem;
  color: var(--kb-text);
  font-family: "Poppins","Inter","Segoe UI",system-ui,-apple-system,sans-serif;
}
.kb-hero-sub{
  color: var(--kb-muted);
  font-size: 1.05rem;
  max-width: 60ch;
}
.kb-hero-meta{
  display:flex; flex-wrap:wrap; gap:.75rem 1rem;
  list-style:none; padding:0; margin:1rem 0 0;
  color:#344155; font-size:.95rem;
}
.kb-hero-art{ position:relative; height: 220px; }
.kb-orb{ width:100%; height:100%; filter: blur(0.6px); }

.kb-info-bar{
  display:flex; align-items:center; gap:.6rem;
  background:#f3f7ff; border:1px solid #dde7ff;
  border-radius:8px; padding:.6rem 1rem; color:#2b3a55;
  margin: 1.5rem 0 0;
  font-size:.95rem;
}

/* Table of contents */
.kb-toc{
  position: sticky; top: 84px;
  margin-top: 1rem;
  background:#ffffff; border:1px solid var(--kb-line); border-radius:8px;
  padding:1rem;
}
.kb-toc h3{ margin:0 0 .5rem; font-size:1rem; color:#2b3955; }
.kb-toc ol{ margin:0; padding-left:1.25rem; }
.kb-toc a{ color: var(--ld-accent,#0078ff); text-decoration: none; }
.kb-toc a:hover{ text-decoration: underline; }

/* Articles */
.kb-article{
  font-family:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;
  line-height:1.75; color:var(--kb-text);
  max-width: 980px; margin: 2.5rem auto 0;
}
.kb-header h2{
  font-size: clamp(1.6rem, 3.2vw, 2rem);
  color: var(--ld-primary,#3d5afe);
  margin: 0 0 .35rem;
  font-family: "Poppins","Inter","Segoe UI",system-ui,-apple-system,sans-serif;
}
.kb-intro{ color: var(--kb-muted); font-size:1.08rem; }
.dropcap::first-letter{
  float:left; font-size:3rem; line-height:.9; padding:.35rem .4rem 0 0; font-weight:700; color: var(--ld-primary,#3d5afe);
}

.kb-quote{
  margin:1.5rem 0; padding:1rem 1.2rem;
  background:#f8f9fb; border-left:4px solid var(--ld-primary,#3d5afe);
  font-style:italic; color:#334155;
}

.kb-grid{
  display:grid; gap:1rem; margin: 1rem 0;
  grid-template-columns: repeat(2, minmax(0,1fr));
}
.kb-card{
  background:#fff; border:1px solid var(--kb-line);
  border-radius:12px; padding:1rem 1.1rem;
  box-shadow: 0 1px 2px rgba(0,0,0,.03);
}
.kb-card h4{ margin:.1rem 0 .3rem; color:#263046; }

.kb-highlight{
  background:#eef7ff; border:1px solid #d7e8ff;
  border-radius:12px; padding:1.1rem 1.2rem; margin:1.5rem 0;
}
.kb-highlight h4{ margin:.2rem 0 .5rem; color:#1f3a75; }

.kb-list-points li{ margin:.5rem 0; }

.kb-conclusion{
  background:#fafafa; padding:1.2rem 1.25rem; border-radius:12px;
  border:1px solid var(--kb-line); margin-top:1.25rem;
}
.kb-conclusion h4{ margin:.2rem 0 .5rem; color:#1e3a8a; }
.kb-cta{ margin-top: 1rem; text-align:center; }

.kb-divider{ border:0; height:2px; background:linear-gradient(90deg,#eee,#cfd8ea,#eee); margin: 3rem auto; }

/* Further reading */
.kb-reading{ max-width: 980px; margin: 2rem auto 0; }
.kb-reading h3{ color:#1e293b; }
.kb-reading-grid{
  display:grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem;
}
.kb-ref{
  display:flex; flex-direction:column; gap:.25rem;
  background:#fff; border:1px solid var(--kb-line); border-radius:12px;
  padding: .9rem 1rem; text-decoration:none;
  color:#0f172a; box-shadow: 0 1px 2px rgba(0,0,0,.03);
}
.kb-ref:hover{ border-color:#c6d2ee; }

/* Anchor link on headings */
.kb-anchor{ margin-left:.5rem; opacity:.55; text-decoration:none; }
.kb-anchor:hover{ opacity:1; }

/* Links inside article */
.kb-content a{
  color: var(--ld-accent,#f02a0c);
  text-decoration: none;
  border-bottom: 1px dotted currentColor;
}
.kb-content a:hover{ text-decoration: underline; }

/* Reveal on scroll */
.reveal{ opacity:0; transform: translateY(12px); transition: all .6s ease; }
.reveal.in-view{ opacity:1; transform: translateY(0); }

/* Responsive */
@media (max-width: 980px){
  .kb-hero-wrap{ grid-template-columns: 1fr; }
  .kb-toc{ position: static; margin-top: 1rem; }
  .kb-grid{ grid-template-columns: 1fr; }
  .kb-reading-grid{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px){
  .kb-reading-grid{ grid-template-columns: 1fr; }
}


/*Main top banner sections.css*/
.hero-section {
  --hero-background: linear-gradient(180deg, rgba(122, 123, 60, 0.8), rgba(255, 255, 255, .92));
}