.grav-blog .blog-hero { padding-block: 6.75rem 5rem; }
.grav-blog .blog-hero .holo-panel { align-self: center; }
.grav-blog .blog-hero .icon-hex { margin-bottom: 1.25rem; }
.grav-blog .blog-hero h2 { font-size: 1.45rem; margin: 0 0 .65rem; color: var(--ink-strong); }
.blog-feed { display: grid; gap: 1rem; }
.blog-entry { position: relative; padding: clamp(1.4rem, 3vw, 2.2rem); border: 1px solid rgba(var(--signal-cyan-rgb),.16); border-radius: var(--radius-lg); background: linear-gradient(145deg,rgba(18,28,57,.52),rgba(7,10,25,.76)); box-shadow: inset 0 1px 0 rgba(255,255,255,.05); transition: transform var(--transition), border-color var(--transition), box-shadow var(--transition); }
.blog-entry:hover { transform: translateY(-3px); border-color: rgba(var(--signal-cyan-rgb),.5); box-shadow: var(--glow-cyan), inset 0 1px 0 rgba(255,255,255,.08); }
.blog-entry h2 { margin: .3rem 0 .7rem; font-size: clamp(1.35rem, 3vw, 1.9rem); line-height: 1.16; }
.blog-entry h2 a { color: var(--ink-strong); }
.blog-entry p { color: var(--ink-muted); max-width: 68ch; }
.blog-entry .post-meta { color: var(--signal-cyan); font: 700 .72rem/1.3 var(--font-mono); letter-spacing: .12em; text-transform: uppercase; }
.blog-read { display: inline-flex; gap: .55rem; align-items: center; font-weight: 700; margin-top: .45rem; }
@media(max-width:720px){ .grav-blog .blog-hero { padding-block: 4.5rem 3rem; } }