/* De Jong Lelies Knowledge Hub — article layout only. No changes to cultivar pages. */
/* Give article content room within Enfold's default blog layout. */
body.single-djl_knowledge #main .container_wrap .container { max-width: 1180px; }
body.single-djl_knowledge #main .content,
body.single-djl_knowledge #main .content.av-content-small,
body.single-djl_knowledge #main .content.av-content-full {width:100%;max-width:100%;float:none;border-right:0;padding-right:0;}
body.single-djl_knowledge #main .sidebar {display:none;}
body.single-djl_knowledge #main .post-entry,
body.single-djl_knowledge #main .entry-content-wrapper {width:100%;max-width:100%;}
body.single-djl_knowledge #main .entry-content-wrapper {padding-top:18px;padding-bottom:56px;}
/* The Enfold full-width blog template places an extra 800px cap on the
   post wrapper. Expand that actual ancestor, not just .entry-content. */
@media (min-width: 768px) {
  body#top.single-djl_knowledge #main .container_wrap .container,
  body.single-djl_knowledge #main .container_wrap .container {
    width: calc(100% - 80px) !important;
    max-width: 1240px !important;
  }
  body#top.single-djl_knowledge #main .fullsize .template-blog .post,
  body#top.single-djl_knowledge #main .fullsize .template-blog .post .entry-content-wrapper,
  body#top.single-djl_knowledge #main .fullsize .template-blog .post .entry-content,
  body#top.single-djl_knowledge #main .fullsize .template-blog .post .post-title,
  body#top.single-djl_knowledge #main .post-entry .entry-content-wrapper,
  body.single-djl_knowledge #main .template-blog .post .entry-content-wrapper {
    box-sizing: border-box;
    width: 100% !important;
    max-width: none !important;
  }
  body#top.single-djl_knowledge #main .template-blog .post .entry-content-wrapper {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  body#top.single-djl_knowledge #main .entry-content,
  body#top.single-djl_knowledge #main .post-entry .entry-content,
  body#top.single-djl_knowledge #main .entry-content-wrapper .entry-content {
    max-width: 1100px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* Keep line length readable; this overrides full justification inherited from theme. */
body.single-djl_knowledge #main .entry-content {max-width:1100px;margin-inline:auto;}
body.single-djl_knowledge #main .entry-content p,
body.single-djl_knowledge #main .entry-content li {text-align:left!important;text-justify:auto!important;hyphens:auto;line-height:1.75;font-size:17px;letter-spacing:0;word-spacing:normal;}
body.single-djl_knowledge #main .entry-content p {margin:0 0 22px;}
body.single-djl_knowledge #main .entry-content h2 {font-size:clamp(27px,2.6vw,37px);line-height:1.23;color:#3a5998;margin:44px 0 18px;padding:0;font-weight:600;}
body.single-djl_knowledge #main .entry-content h3 {font-size:clamp(20px,2vw,25px);line-height:1.3;color:#3a5998;margin:32px 0 15px;padding:0;font-weight:600;}
/* Harmonise Enfold's blog heading with the DJL design. */
body.single-djl_knowledge #main .post-title,
body.single-djl_knowledge #main .post-title.entry-title,
body.single-djl_knowledge #main h1.entry-title {color:#3a5998;font-weight:600;font-size:clamp(30px,3vw,46px);line-height:1.2;max-width:1100px;margin-inline:auto;margin-bottom:26px;}
/* Hide generic blog metadata until validated editorial authorship is configured. */
body.single-djl_knowledge #main .post-meta-infos,
body.single-djl_knowledge #main .blog-meta {display:none;}
/* Technical spec tables */
body.single-djl_knowledge #main .entry-content table {width:100%;border-collapse:separate;border-spacing:0;border:1px solid #e2e8f1;border-radius:12px;overflow:hidden;margin:16px 0 32px;font-size:16px;background:#fff;box-shadow:0 5px 18px rgba(21,49,91,.035);}
body.single-djl_knowledge #main .entry-content table thead th {background:#3a5998!important;color:#fff!important;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:16px 19px;border:0;text-align:left;}
body.single-djl_knowledge #main .entry-content table td {padding:15px 19px;color:#27374e;border:0;border-bottom:1px solid #e7ebf2;text-align:left;}
body.single-djl_knowledge #main .entry-content table tbody tr:nth-child(even) td {background:#f6f8fc;}
body.single-djl_knowledge #main .entry-content table tbody tr:last-child td {border-bottom:0;}
/* Related cultivar cards already use catalog.css; keep their section separated. */
body.single-djl_knowledge #main .djlcc-knowledge-cultivars {margin:48px 0 0;padding-top:30px;}
@media(max-width:767px) {
 body.single-djl_knowledge #main .entry-content-wrapper {padding-top:10px;padding-bottom:32px;}
 body.single-djl_knowledge #main .entry-content p,body.single-djl_knowledge #main .entry-content li {font-size:16px;line-height:1.65;}
 body.single-djl_knowledge #main .entry-content table {font-size:14px;}
 body.single-djl_knowledge #main .entry-content table thead th,body.single-djl_knowledge #main .entry-content table td {padding:12px 11px;}
}

/* v1.9.11 — Align the actual Enfold blog article title with wide body content. */
body#top.single-djl_knowledge #main .post-entry .entry-content-header,
body#top.single-djl_knowledge #main .post-entry .entry-content-header .post-title,
body#top.single-djl_knowledge #main .post-entry h1.post-title,
body#top.single-djl_knowledge #main .post-entry h1.entry-title {
  box-sizing: border-box;
  width: 100% !important;
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: left !important;
}
body#top.single-djl_knowledge #main .post-entry .entry-content-header,
body#top.single-djl_knowledge #main .post-entry .entry-content-header * {
  text-align: left !important;
}
@media (max-width:767px) {
 body#top.single-djl_knowledge #main .post-entry .entry-content-header,
 body#top.single-djl_knowledge #main .post-entry h1.entry-title {max-width:100% !important;}
}

/* v1.9.12 — Keep article title and body on the same left edge.
   Enfold centers the article header independently, creating a 20px offset. */
@media (min-width: 768px) {
  body#top.single-djl_knowledge #main .post-entry .entry-content-header {
    margin-left: 0 !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body#top.single-djl_knowledge #main .post-entry .entry-content-header .post-title,
  body#top.single-djl_knowledge #main .post-entry .entry-content-header h1.entry-title,
  body#top.single-djl_knowledge #main .post-entry h1.post-title,
  body#top.single-djl_knowledge #main .post-entry h1.entry-title {
    margin-left: 0 !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    text-align: left !important;
  }
}
/* More compact typography across all three languages, scoped to knowledge articles. */
body#top.single-djl_knowledge #main .post-entry h1.entry-title,
body#top.single-djl_knowledge #main .post-entry h1.post-title,
body#top.single-djl_knowledge #main .post-entry .entry-content-header .post-title {
  font-size: clamp(26px, 2.35vw, 34px) !important;
  line-height: 1.23 !important;
  letter-spacing: 0 !important;
}
body#top.single-djl_knowledge #main .entry-content h2 {
  font-size: clamp(24px, 2.05vw, 30px) !important;
  line-height: 1.3 !important;
}
body#top.single-djl_knowledge #main .entry-content h3 {
  font-size: clamp(19px, 1.65vw, 23px) !important;
  line-height: 1.35 !important;
}

/* 1.9.13: Answer Hub — expert-approved answers, same editorial width. */
body#top.single-djl_knowledge #main .djlcc-knowledge-faq {margin:54px 0 38px;}
body#top.single-djl_knowledge #main .djlcc-knowledge-faq-items {display:grid;gap:14px;}
body#top.single-djl_knowledge #main .djlcc-knowledge-faq-item {border:1px solid #e0e6f0;border-left:4px solid #3d5e9d;border-radius:8px;padding:20px 24px;background:#f8fafd;}
body#top.single-djl_knowledge #main .djlcc-knowledge-faq-item h3 {font-size:clamp(18px,1.45vw,21px)!important;margin:0 0 10px!important;color:#3d5e9d;}
body#top.single-djl_knowledge #main .djlcc-knowledge-faq-item p {margin:0!important;line-height:1.65;text-align:left!important;}
@media(max-width:767px){body#top.single-djl_knowledge #main .djlcc-knowledge-faq-item{padding:16px 18px;}}