/* Han Magazine Hero v1.0.2 */
.hmh-hero{ --hmh-accent:#ff3b57; --hmh-title-w:800; --hmh-item-title-w:800; }
.hmh-grid{ display:grid; grid-template-columns: 2fr 1fr; gap:20px; }
@media (max-width: 1024px){ .hmh-grid{ grid-template-columns: 1fr; } }

/* HERO CARD */
.hmh-card{-webkit-font-smoothing:antialiased; position:relative; border-radius:12px; overflow:hidden; min-height:360px; background:#111 center/cover no-repeat;}
.hmh-card .hmh-overlay{ position:absolute; inset:0; background: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,.65) 65%, rgba(0,0,0,.85) 100%); }
.hmh-card .hmh-inner{ position:absolute; left:0; right:0; bottom:0; padding:26px; color:#fff; }
.hmh-badge{ display:inline-block; background:var(--hmh-accent) !important; color:#fff; padding:6px 10px; border-radius:8px; font-size:12px; font-weight:700; letter-spacing:.2px; text-decoration:none; }
.hmh-title{ margin:10px 0 8px; font-size: clamp(26px, 3.2vw, 40px); line-height:1.1; font-weight: var(--hmh-title-w, 800); }
.hmh-title a{ color:#fff; text-decoration:none; }
.hmh-title a:hover{ text-decoration:underline; text-decoration-thickness: 3px; text-underline-offset: 4px; text-decoration-color: var(--hmh-accent, #ff3b57); }
.hmh-excerpt{ margin: 6px 0 12px; color:#f0f0f0; font-size:16px; max-width: 60ch; }
.hmh-meta{ display:flex; align-items:center; gap:8px; opacity:.95; font-size:14px; color:#f2f2f2; }
.hmh-dot{ opacity:.6; }

.hmh-link{ position:absolute; inset:0; z-index:2; }

/* SIDE LIST */
.hmh-side{ display:flex; flex-direction:column; gap:16px; }
.hmh-item{ position:relative; padding: 12px 8px 12px 0; border-bottom:1px solid #eee; }
.hmh-item:last-child{ border-bottom:none; }
.hmh-num{ position:absolute; right:8px; top:8px; font-weight:800; font-size: clamp(28px, 6vw, 56px); color:#eaeaea; line-height:1; pointer-events:none; }
.hmh-item-cat{ display:inline-block; margin-bottom:6px; background:var(--hmh-accent) !important; color:#fff; padding:4px 8px; border-radius:6px; font-size:11px; text-decoration:none; }
.hmh-item-title{ margin:0 0 6px; font-size: clamp(16px, 2.2vw, 20px); line-height:1.25; font-weight: var(--hmh-item-title-w, 800); }
.hmh-item-title a{ color:#111; text-decoration:none; }
.hmh-item-title a:hover{ color:#000; text-decoration:underline; text-decoration-color: var(--hmh-accent, #ff3b57); text-underline-offset: 3px; }
.hmh-item-meta{ font-size:13px; color:#666; display:flex; gap:6px; align-items:center; }

/* Dark theme compatibility */
html[data-han-dark="1"] .hmh-item-title a{ color:#fff; }
html[data-han-dark="1"] .hmh-item{ border-color:#2a2a2a; }
html[data-han-dark="1"] .hmh-item-meta{ color:#bdbdbd; }