/* ===== Single Life at NEXGEN ===== */
.life-single__hero{ 
  padding: 50px 0 0;
}
.life-single__title{
  margin:0 0 30px;
  font-weight:800;
  font-size: clamp(28px, 5vw, 48px);
  line-height:1.25;
  text-align: center;
}
.life-single__thumb{ 
  margin: 12px 0 0; 
  aspect-ratio: 16 / 5;
  overflow: hidden;
  border-radius: 4px;
}
.life-single__thumb img{ 
  width:100%; 
  height: 100%;
  object-fit: cover;
  display:block; 
}

/* Nội dung thu hẹp chiều ngang */
.life-single__content{ padding: 16px 0 24px; }
.container-narrow{
  max-width: 760px;          /* thu hẹp giống ảnh */
  margin: 0 auto;
}
.container-narrow img{ max-width:100%; height:auto; }
.container-narrow p{ line-height: 1.75; color: var(--color-text, #1b2330); }

/* RELATED: nền xám nhạt + grid 3 */
.life-related--soft{
  background: var(--color-bg-soft);
  padding: 50px 0 60px;
  margin-top: 12px;
}
.life-related__title{
  margin: 0 0 28px;
  text-align: center;
  font-weight: 800;
  font-size: 28px;
}

/* Grid */
.life-grid{ 
  display:grid; 
  gap:22px; 
}
.life-grid.cols-3{ 
  grid-template-columns: repeat(3, 1fr); 
}
@media (max-width: 1024px){ 
  .life-grid.cols-3{ grid-template-columns: repeat(2, 1fr); } 
}
@media (max-width: 640px){ 
  .life-grid.cols-3{ grid-template-columns: 1fr; } 
}

/* Card */
.life-card{
  background:#fff;
  border:1px solid #e6eaf2;
  border-radius:4px;
  overflow:hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,.04);
  display:flex; 
  flex-direction:column;
}
.life-card__media img{ 
  display:block;
  width:100%;
  height:auto;
}
.life-card__ph{ 
  width:100%; 
  aspect-ratio: 4/3; 
}
.life-card__body{
  display:grid; 
  gap:10px;
  padding:14px 16px 12px;
}
.life-card__title{
  margin:0; 
  font-size:16px; 
  line-height:1.35; 
}
.life-card__title a{ 
  color:inherit; 
  text-decoration:none; 
}
.life-card__title a:hover{ 
  color: var(--color-primary); 
}
.life-card__excerpt{ 
  margin:0; 
  color:var(--color-muted); 
  line-height:1.6; 
  font-size: 0.875rem;
    display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;   /* số dòng muốn hiển thị (vd: 2–4) */
}

/* Ẩn/loại bỏ meta & prev/next nếu file cũ còn CSS */
.life-single__meta, .life-single__nav{ display:none !important; }