/* ===== Featured image ===== */
.blog-single-thumb {
  width: 80%;
  margin: 0;
  aspect-ratio: 16 / 9;
  border-radius: 16px;
  overflow: hidden;
  background-color: var(--color-bg-gray);
  box-shadow:
    0 12px 16px -4px rgba(16, 24, 40, 0.08),
    0 4px 6px -2px rgba(16, 24, 40, 0.03);
}

.blog-single-thumb img,
.blog-single-thumb__placeholder {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.blog-single-thumb__placeholder {
  background: linear-gradient(135deg, var(--color-bg-warm), var(--color-highlight-accent2));
}

/* ===== Mobile (<= 767px) ===== */
@media (max-width: 767px) {
  .blog-single-thumb {
    width: 90%;
    aspect-ratio: 16 / 10;
    border-radius: 12px;
  }
}

/* ===== Tablet (768px - 1024px) ===== */
@media (min-width: 768px) and (max-width: 1024px) {
  .blog-single-thumb {
    width: calc(100% - 120px);
    min-width: calc(100% - 120px);
    max-width: calc(100% - 120px);
    box-sizing: border-box;
  }
}