/* Han Oto - Blog Grid Widget */
.han-blog{--bd:#e9eef3;--tx:#0f172a;--sub:#475569;--bg:#fff;--accent:#111;--radius:16px;--shadow:0 8px 22px rgba(0,0,0,.06);margin:18px 0}
.han-blog__grid{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:980px){.han-blog__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.han-blog__grid{grid-template-columns:1fr}}
.han-blog__card{background:var(--bg);border:1px solid var(--bd);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}
.han-blog__thumb{display:block;position:relative;background:#f6f8fb;aspect-ratio:16/9;overflow:hidden}
.han-blog__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.han-blog__placeholder{width:100%;height:100%;background:linear-gradient(135deg,#eef2f7,#f9fbff)}
.han-blog__body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:8px}
.han-blog__title{font-size:1.05rem;line-height:1.3;margin:0}
.han-blog__title a{color:var(--tx);text-decoration:none}
.han-blog__title a:hover{text-decoration:underline}
.han-blog__meta{display:flex;align-items:center;gap:8px;color:var(--sub);font-size:.86rem}
.han-blog__meta .sep{opacity:.5}
.han-blog__excerpt{color:var(--sub);margin:2px 0 8px}
.han-blog__read{align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border-radius:10px;background:var(--accent);color:#fff;text-decoration:none;font-weight:700}