/* ==========================================================
   KNOWLEDGE HERO BANNER  (/knowledge/ and /knowledge/<slug>/)
   ========================================================== */
.ld-knowledge-hero{background:#f3f9fc;padding:24px 0 40px}
.ld-knowledge-hero-card{position:relative;border-radius:32px;overflow:hidden;min-height:380px;display:flex;align-items:center;justify-content:center}
.ld-knowledge-hero-bg{position:absolute;inset:0}
.ld-knowledge-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,58,82,.55) 0%,rgba(6,58,82,.72) 100%)}
.ld-knowledge-hero-content{position:relative;z-index:1;text-align:center;max-width:760px;padding:40px 32px}
.ld-knowledge-hero-h1{font-family:"Quicksand",sans-serif;font-size:56px;line-height:1.1;font-weight:600;letter-spacing:-1px;color:#fff}
.ld-knowledge-hero-crumb{margin-top:28px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;font-size:13px;letter-spacing:2px;font-weight:700;text-transform:uppercase;color:rgba(255,255,255,.75)}
.ld-knowledge-hero-crumb a{color:rgba(255,255,255,.75)}
.ld-knowledge-hero-crumb a:hover{color:#bbdbf2}
.ld-knowledge-hero-meta{margin-top:14px;font-size:12px;letter-spacing:1px;font-weight:600;color:rgba(255,255,255,.7);text-transform:none}
.ld-knowledge-hero-desc{margin-top:24px;font-size:15px;line-height:1.7;color:rgba(255,255,255,.85)}

/* ==========================================================
   KNOWLEDGE LISTING CARDS  (/knowledge/)
   Reuses .ld-blog-grid / .ld-blog-media / .ld-blog-meta / .ld-blog-title
   from blog.css — this file only adds the excerpt line and the card link.
   ========================================================== */
.ld-blog-card{display:block;color:inherit}
.ld-blog-card:hover .ld-blog-title{color:#0078ad}
.ld-blog-excerpt{margin-top:10px;font-size:14px;line-height:1.6;color:#66747a}

/* ==========================================================
   ARTICLE BODY  (/knowledge/<slug>/)
   ========================================================== */
.ld-article{max-width:760px;margin:0 auto}
.ld-article-back{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#0078ad;margin-bottom:40px}
.ld-article-back:hover{color:#063a52}
.ld-article-section+.ld-article-section{margin-top:36px}
.ld-article-h2{font-family:"Quicksand",sans-serif;font-size:26px;font-weight:600;letter-spacing:-0.3px;color:#063a52;margin-bottom:14px}
.ld-article-p{font-size:15px;line-height:1.8;color:#66747a}
.ld-article-p+.ld-article-p{margin-top:16px}

/* ==========================================================
   RESPONSIVE
   Additive only — mirrors the breakpoint stops in style.css.
   Stops: 900 / 620
   ========================================================== */

@media (max-width:900px){
  .ld-knowledge-hero-card{min-height:340px}
  .ld-knowledge-hero-h1{font-size:44px}
}

@media (max-width:620px){
  .ld-knowledge-hero-h1{font-size:32px}
  .ld-article-h2{font-size:22px}
}