.ebl-blog-listing{ max-width:1200px; margin:36px auto; padding:0 20px; font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial; color:#111; }

.ebl-post{ display:flex; gap:24px; background:#fff; border-radius:8px; box-shadow:0 6px 18px rgba(16,24,40,0.06); overflow:hidden; margin-bottom:24px; }

.ebl-post--featured{ align-items:flex-start; }

.ebl-post__image-link{ display:block; flex:0 0 44%; max-width:44%; overflow:hidden; text-decoration:none; }
.ebl-post--featured .ebl-post__image{ display:block; width:100%; height:100%; object-fit:cover; aspect-ratio:16/10; }

.ebl-post__meta-wrap{ padding:24px; flex:1 1 auto; display:flex; flex-direction:column; }
.ebl-post__meta-top{ display:flex; gap:12px; align-items:center; margin-bottom:10px; flex-wrap:wrap; font-size:0.7rem!important; }
.ebl-post__category a{ display:inline-block; background:#e6f0ff; color:#0b63d1; padding:4px 8px; border-radius:6px; text-decoration:none; font-weight:600; font-size:0.7rem!important; }
.ebl-post__tags .ebl-post__tag{ color:#6b7280; text-decoration:none; font-size:0.85rem; margin-left:6px; padding:2px 6px; border-radius:5px; }

.ebl-post--featured .ebl-post__title{ margin:0 0 10px 0; font-size:1.8rem; line-height:1.05; }
.ebl-post__title a{ color:#111; text-decoration:none; }

.ebl-post__byline{ color:#6b7280; font-size:0.65rem; margin-bottom:14px; }
.ebl-post__excerpt{ color:#374151; margin:0; font-size:0.85rem!important; }

/* Scoped to widget container for higher specificity */
.ebl-blog-listing .ebl-other-posts .ebl-posts-grid{
  display:grid !important;
  grid-template-columns:repeat(3,1fr);
  gap:24px !important;
}

/* Card: strict vertical stacking (image above everything) */
.ebl-blog-listing .ebl-post--card{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  padding:0 !important;
  background:#fff !important;
  border-radius:8px !important;
  overflow:hidden !important;
}

/* Image full width on top */
.ebl-blog-listing .ebl-post--card .ebl-post__image-link{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  flex:none !important;
}
.ebl-blog-listing .ebl-post--card .ebl-post__image{
  width:100% !important;
  height:180px !important;
  object-fit:cover !important;
  display:block !important;
  border-top-left-radius:8px !important;
  border-top-right-radius:8px !important;
}

/* Card body order: category, title, date, author, excerpt */
.ebl-blog-listing .ebl-post__card-body{
  padding:7%;
  display:flex;
  flex-direction:column;
  gap:8px;
}

/* Enforce ordering inside card body */
.ebl-blog-listing .ebl-post__card-body .ebl-post__meta-top{ order:0 !important; }
.ebl-blog-listing .ebl-post__card-body .ebl-post__title{ order:1 !important; margin:0 !important; font-size:1.05rem !important; }
.ebl-blog-listing .ebl-post__card-body .ebl-post__byline{ order:2 !important; font-size:0.65rem !important; color:#6b7280 !important; }
.ebl-blog-listing .ebl-post__card-body .ebl-post__excerpt{ order:3 !important; margin:0 !important; color:#374151 !important; font-size:0.85rem!important;}

/* Responsive adjustments */
@media (max-width:1000px){
  .ebl-blog-listing .ebl-other-posts .ebl-posts-grid{ grid-template-columns:repeat(2,1fr) !important; }
}
@media (max-width:700px){
  .ebl-blog-listing .ebl-other-posts .ebl-posts-grid{ grid-template-columns:1fr !important; }
}

/* Keep featured post rules separate and explicit so featured remains side-by-side */
.ebl-blog-listing .ebl-post--featured .ebl-post__image-link{
  flex:0 0 44% !important;
  max-width:44% !important;
}
.ebl-blog-listing .ebl-post--featured .ebl-post__image{
  aspect-ratio:16/10 !important;
  height:auto !important;
}
.ebl-blog-listing .ebl-post--featured .ebl-post__meta-wrap{
  padding:24px !important;
}