.hblog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:14px}.hblog-block,.hblog-card{display:flex;flex-direction:column;box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-raised);overflow:hidden}.hblog-card{text-decoration:none;color:var(--text-primary)}.hblog-card:hover{border-color:var(--border-hover);background:var(--bg-surface)}.hblog-card>.bcov{aspect-ratio:21/9}.hblog-card>.bcov .bcov-label{top:6px;left:8px;padding:2px 6px;font-size:var(--text-2xs);line-height:1}.hblog-body{display:flex;align-items:center;gap:var(--space-2);height:48px;padding:0 var(--space-3)}.hblog-date{font-size:var(--text-2xs);font-weight:600;color:var(--text-secondary)}.hblog-card>.bcov .bcov-title{right:8px;bottom:8px;left:8px;padding:4px 6px;border-radius:var(--radius-sm);background:var(--bg-paper);color:var(--text-primary);font-size:clamp(var(--text-sm),5.5cqw,var(--text-md));line-height:1.15;-webkit-line-clamp:2;line-clamp:2}.hblog-reading-time{color:var(--text-secondary);font-size:var(--text-2xs);font-weight:600}.hblog-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (forced-colors:active){.hblog-card:focus-visible{outline:2px solid Highlight}}.hblog-block-cover,.hblog-block-text{background:var(--bg-sunken);animation:dm-shimmer 2.4s var(--ease-standard,ease-in-out) infinite}.hblog-block-cover{width:100%;aspect-ratio:21/9}.hblog-block-text{height:48px}@media (prefers-reduced-motion:reduce){.hblog-block-cover,.hblog-block-text{animation:none}}@media (max-width:639px){.hblog-grid{grid-template-columns:1fr}}