.elementor-3620 .elementor-element.elementor-element-4dd4adc{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-d6f386c *//* ===== Blog list / card layout (FULL) ===== */
.ec-list{
  display:grid;
  gap:2rem;
}

.ec-item{
  display:grid;
  grid-template-columns:minmax(260px,520px) 1fr;
  gap:1.25rem;
  align-items:start;
  padding-bottom:1.5rem;
  border-bottom:1px solid #e5e7eb;
}
.ec-item:last-child{ border-bottom:0; }

/* Media */
.ec-item__media{
  display:block; width:100%; position:relative;
  border-radius:8px; overflow:hidden;
}
.ec-item__media img{
  width:100%; height:100%;
  aspect-ratio:16/9; object-fit:cover; display:block;
}
.ec-item__media--placeholder{ background:#f3f4f6; min-height:240px; }

/* Body */
.ec-item__body{}

/* Title — responsive + clamped to 2 lines */
.ec-item__title{
  margin:0 0 .5rem;
  font-size:clamp(1.125rem, 0.9rem + 0.8vw, 1.6rem); /* ~18px → ~25px */
  line-height:1.25;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.ec-item__title a{ text-decoration:none; color:inherit; }
.ec-item__title a:hover{ text-decoration:underline; }

/* Meta + excerpt */
.ec-item__meta{
  display:flex; flex-wrap:wrap; gap:1rem;
  align-items:center; margin:.25rem 0 .6rem;
  color:#6b7280; font-size:.95rem;
}
.ec-item__excerpt{ margin:0; color:#374151; }

/* Tiny emoji icons (optional) */
.ec-meta__date::before{ content:"📅"; margin-right:.45rem; }
.ec-meta__views::before{ content:"👁️"; margin-right:.45rem; }
.ec-meta__comments::before{ content:"💬"; margin-right:.45rem; }

/* Pagination */
.ec-pagination{ margin-top:1.25rem; }
.ec-pagination ul{ list-style:none; padding:0; display:flex; gap:.5rem; flex-wrap:wrap; }
.ec-pagination a, .ec-pagination span{
  display:inline-block; padding:.5rem .75rem;
  border:1px solid #e5e7eb; border-radius:6px; text-decoration:none;
}
.ec-pagination .current{ background:#111827; color:#fff; border-color:#111827; }

/* ===== Responsive ===== */
@media (max-width:900px){
  .ec-list{ gap:1.25rem; }
  .ec-item{ grid-template-columns:1fr; gap:1rem; padding-bottom:1.25rem; }
  .ec-item__title{ font-size:1.125rem; } /* ~18px */
  .ec-item__meta{ font-size:.9rem; gap:.8rem; }
}

/* Phones */
@media (max-width:600px){
  /* Force smaller title regardless of theme H2 sizing */
  .ec-item__title,
  .ec-item__title a,
  .ec-item h1.ec-item__title,
  .ec-item h2.ec-item__title,
  .ec-item h3.ec-item__title{
    font-size:1rem !important;      /* ~16px */
    line-height:1.25 !important;
  }

  .ec-item__excerpt{
    font-size:.92rem !important;
    display:-webkit-box; -webkit-box-orient:vertical;
    -webkit-line-clamp:2; overflow:hidden; /* keep short on phones */
  }

  .ec-item__media{ border-radius:6px; }
}

/* Very small phones (optional) */
@media (max-width:400px){
  .ec-item__title,
  .ec-item__title a{
    font-size:.95rem !important;     /* ~15px */
  }
  .ec-item__meta{ font-size:.85rem !important; }
}/* End custom CSS */