/* Han OOT Blog Pro */
.han-blog{max-width:1200px;margin:0 auto;padding:24px 16px}
.han-blog-grid{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:28px}
@media(max-width:1024px){.han-blog-grid{grid-template-columns:repeat(var(--cols-t,2),minmax(0,1fr))}}
@media(max-width:640px){.han-blog-grid{grid-template-columns:repeat(var(--cols-m,1),minmax(0,1fr))}}

.han-blog-card{display:flex;flex-direction:column;gap:12px}
.han-blog-card .thumb{position:relative;display:block;overflow:hidden;border-radius:12px;aspect-ratio:16/9}
.han-blog-card .thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;border-radius:inherit}
.han-blog-card .thumb:hover img{transform:scale(1.04)}
.han-blog-card .badge{position:absolute;left:12px;top:12px;background:#ff3b2f;color:#fff;padding:6px 10px;border-radius:10px;font-size:12px;font-weight:700}

.han-blog-card .title{font-size:26px;line-height:1.2;margin:.2em 0}
.han-blog-card .title a{text-decoration:none;color:inherit}
.han-blog-card .excerpt{color:#6b7280}
.han-blog-card .meta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;color:#6b7280;font-size:14px}
.han-blog-card .meta i{margin-right:6px}

.han-blog-card .readmore{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:700}
.han-blog-card .readmore i{transition:transform .2s}
.han-blog-card .readmore:hover i{transform:translateX(4px)}

/* Theme-proof equal cards (frontend): ratio box fallback */
.han-blog-card .thumb{position:relative;overflow:hidden;border-radius:12px}
.han-blog-card .thumb::before{content:"";display:block;padding-top:56.25%;} /* 16:9 */
.han-blog-card .thumb img{position:absolute;inset:0;width:100%;height:100% !important;object-fit:cover;display:block;border-radius:inherit}

/* ===== v1.0.3 Hardening ===== */
/* Reset any theme image rules inside our thumb */
.han-blog-card .thumb{position:relative;overflow:hidden;border-radius:12px;display:block;line-height:0}
.han-blog-card .thumb::before{content:"";display:block;padding-top:56.25%} /* 16:9 ratio */
.han-blog-card .thumb img,
.han-blog-card .thumb picture,
.han-blog-card .thumb picture img,
.han-blog-card .thumb figure,
.han-blog-card .thumb figure img{
  position:absolute !important; inset:0 !important;
  width:100% !important; height:100% !important;
  object-fit:cover !important; border-radius:inherit !important;
  max-width:unset !important;
}
/* Jetpack/other lazy wrappers */
.han-blog-card .thumb .jetpack-lazy-image,
.han-blog-card .thumb .lazyload,
.han-blog-card .thumb .lazyloaded { position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; }

/* Force 3 columns on desktop if user set columns=3 */
.han-blog-grid{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr)) !important;gap:28px}
@media (max-width:1024px){.han-blog-grid{grid-template-columns:repeat(var(--cols-t,2),minmax(0,1fr)) !important}}
@media (max-width:640px){.han-blog-grid{grid-template-columns:repeat(var(--cols-m,1),minmax(0,1fr)) !important}}