.elementor-4766 .elementor-element.elementor-element-f7ea08f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4766 .elementor-element.elementor-element-bcfa241{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:80px;--padding-bottom:80px;--padding-left:50px;--padding-right:50px;}.elementor-4766 .elementor-element.elementor-element-bcfa241:not(.elementor-motion-effects-element-type-background), .elementor-4766 .elementor-element.elementor-element-bcfa241 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-4766 .elementor-element.elementor-element-11c1e60{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-4766 .elementor-element.elementor-element-11c1e60{--width:100%;}}@media(max-width:1024px){.elementor-4766 .elementor-element.elementor-element-bcfa241{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:60px;--padding-right:60px;}}@media(max-width:767px){.elementor-4766 .elementor-element.elementor-element-bcfa241{--padding-top:60px;--padding-bottom:60px;--padding-left:40px;--padding-right:40px;}}/* Start custom CSS for shortcode, class: .elementor-element-2c0da0d */:root{
  --djc-card-radius:14px;
  --djc-card-pad:18px;
  --djc-card-gap:28px;
  --djc-border:#eaeaea;
  --djc-brand:#0073e6;
  --djc-brand-hover:#005bb5;
}

/* Grid */
.djc-media-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:var(--djc-card-gap);margin:0 0 2rem 0;width:100%;
}
@media (max-width:1024px){.djc-media-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.djc-media-grid{grid-template-columns:1fr}}

/* Card */
.djc-card{
  background:#fff;border:1px solid var(--djc-border);border-radius:var(--djc-card-radius);
  overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease, box-shadow .2s ease;
}
.djc-card:hover{transform:translateY(-4px);box-shadow:0 8px 18px rgba(0,0,0,.08)}

/* Media (image) */
.djc-card-media img{
  display:block;width:100%;aspect-ratio:16/9;object-fit:cover;
}

/* Media (embed on podcasts) */
.djc-card-media--embed{background:#f8f8f8}
.djc-card-media--embed iframe{
  display:block;width:100%;height:220px; /* match image height for neat rows */
  border:0;border-radius:0;
}

/* Body */
.djc-card-body{display:flex;flex-direction:column;gap:12px;padding:var(--djc-card-pad);height:100%}
.djc-card-content{display:grid;gap:8px}

/* Title: clamp to 2 lines with ellipsis (cross-browser fallback) */
.djc-card-title{margin:0}
.djc-card-title a{
  color:inherit;text-decoration:none;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  line-height:1.3;max-height:calc(1.3em * 2); /* fallback for non-WebKit */
}

/* Meta & excerpt */
.djc-card-meta{font-size:.86rem;color:#666;line-height:1.4}
.djc-card-meta .djc-card-source{display:block;font-weight:500;margin-bottom:2px}
.djc-card-meta time{display:block}
.djc-card-excerpt{font-size:.95rem;line-height:1.5;color:#444;margin:0}

/* Actions pinned to bottom */
.djc-card-actions{margin-top:auto}
.djc-btn{
  display:inline-block;padding:.55rem 1.1rem;border-radius:999px;background:var(--djc-brand);
  color:#fff!important;text-decoration:none;font-size:.9rem;transition:background .2s ease;
}
.djc-btn:hover{background:var(--djc-brand-hover)}
.djc-card-media img{transition:transform .25s ease}
.djc-card:hover .djc-card-media img{transform:scale(1.02)}/* End custom CSS */