/* DJL Knowledge Hub overview v1.9.14 — scoped to the shortcode only. */
.djlcc-hub{--djl-blue:#3d5e9d;--djl-line:#dfe5ef;max-width:1180px;width:100%;margin:0 auto 70px;font-family:inherit}
.djlcc-hub *{box-sizing:border-box}
.djlcc-hub .djlcc-hub-filters{display:flex;flex-wrap:wrap;align-items:end;gap:14px;padding:22px;background:#f3f5fa;border-radius:12px;margin:0 0 20px}
.djlcc-hub .djlcc-hub-field{min-width:210px;flex:1;display:flex;flex-direction:column;gap:7px;color:#25333a;font-size:14px;font-weight:600}
.djlcc-hub input[type=search],.djlcc-hub select{width:100%;height:45px;background:#fff!important;border:1px solid #cad4e4!important;border-radius:7px!important;padding:0 12px!important;font-size:15px!important;box-shadow:none!important;color:#25333a!important}
.djlcc-hub .djlcc-hub-filters button{height:45px;border:0!important;border-radius:7px!important;padding:0 22px!important;background:var(--djl-blue)!important;color:white!important;font-weight:700!important;cursor:pointer}
.djlcc-hub .djlcc-hub-reset{min-height:45px;display:inline-flex;align-items:center;color:var(--djl-blue);font-weight:600;text-decoration:none!important}
.djlcc-hub .djlcc-hub-count{font-size:14px;color:#687486;margin:0 0 20px!important}
.djlcc-hub .djlcc-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.djlcc-hub .djlcc-hub-card{overflow:hidden;border:1px solid var(--djl-line);border-radius:12px;background:#fff;display:flex;flex-direction:column;min-width:0;box-shadow:0 5px 20px rgba(35,61,108,.04)}
.djlcc-hub .djlcc-hub-image{display:block;aspect-ratio:16/9;overflow:hidden}
.djlcc-hub .djlcc-hub-image img{width:100%;height:100%;object-fit:cover;display:block}
.djlcc-hub .djlcc-hub-card-content{padding:24px;display:flex;flex-direction:column;align-items:start;gap:11px;flex:1}
.djlcc-hub .djlcc-hub-topic{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--djl-blue);letter-spacing:.04em}
.djlcc-hub .djlcc-hub-card h2{font-size:22px!important;line-height:1.3!important;margin:0!important;font-weight:650!important;color:var(--djl-blue)!important}
.djlcc-hub .djlcc-hub-card h2 a{color:inherit!important;text-decoration:none!important}
.djlcc-hub .djlcc-hub-card p{margin:0!important;font-size:15px;line-height:1.6;color:#435064;text-align:left!important}
.djlcc-hub .djlcc-hub-read{margin-top:auto;font-size:14px;font-weight:700;color:var(--djl-blue)!important;text-decoration:none!important}
.djlcc-hub .djlcc-hub-pagination{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:32px 0}
.djlcc-hub .djlcc-hub-pagination a{padding:10px 14px;border:1px solid var(--djl-line);border-radius:7px;text-decoration:none!important;color:var(--djl-blue)!important}
.djlcc-hub .djlcc-hub-pagination a[aria-current=page]{background:var(--djl-blue);color:#fff!important}
.djlcc-hub .djlcc-hub-empty{padding:28px;background:#f3f5fa;border-radius:8px}
@media(max-width:989px){.djlcc-hub .djlcc-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.djlcc-hub .djlcc-hub-grid{grid-template-columns:1fr}.djlcc-hub .djlcc-hub-field{flex-basis:100%}.djlcc-hub .djlcc-hub-filters button{flex:1}}

/* 1.9.16: Enfold may add a top/bottom margin to form buttons.
   Align all filter actions with the 45px input row rather than its labels. */
.djlcc-hub .djlcc-hub-filters > button[type="submit"] {
  margin: 0 !important;
  align-self: flex-end !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 45px !important;
  height: 45px !important;
  line-height: 1.2 !important;
  vertical-align: middle !important;
  white-space: nowrap;
}
.djlcc-hub .djlcc-hub-filters > .djlcc-hub-reset {
  margin: 0 !important;
  align-self: flex-end !important;
  height: 45px !important;
  min-height: 45px !important;
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1.2 !important;
}
@media (max-width: 600px) {
 .djlcc-hub .djlcc-hub-filters > button[type="submit"] { flex: 1 1 auto; }
}


/* 1.9.17: Enfold applies bottom margins to labels inside forms.
   Reset them so the field controls and submit actions share one baseline. */
.djlcc-hub form.djlcc-hub-filters {
  align-items: flex-end !important;
}
.djlcc-hub form.djlcc-hub-filters > label.djlcc-hub-field {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  align-self: flex-end !important;
}
.djlcc-hub form.djlcc-hub-filters > label.djlcc-hub-field > span {
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 20px !important;
}
.djlcc-hub form.djlcc-hub-filters > label.djlcc-hub-field > input,
.djlcc-hub form.djlcc-hub-filters > label.djlcc-hub-field > select {
  display: block !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  height: 45px !important;
  min-height: 45px !important;
}
.djlcc-hub form.djlcc-hub-filters > button[type="submit"],
.djlcc-hub form.djlcc-hub-filters > .djlcc-hub-reset {
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  align-self: flex-end !important;
  height: 45px !important;
  min-height: 45px !important;
  max-height: 45px !important;
  box-sizing: border-box !important;
}