/* Blog headers (scripts/render-heads.mjs): static pictures, shaded when they're made. */
.crt-head { margin: 0 0 30px; border-radius: 16px; overflow: hidden; background: #0b0f0d; box-shadow: 0 0 0 1px rgba(14,59,47,0.18); }
.crt-head img, .blog-head img { display: block; width: 100%; height: auto; }
.blog-head { display: block; margin: 0; border-radius: 14px; overflow: hidden; box-shadow: 0 0 0 1px rgba(14,59,47,0.16); transition: transform .2s ease, box-shadow .2s ease; }
.blog-head:hover { transform: translateY(-2px); box-shadow: 0 0 0 1px rgba(14,59,47,0.3); }
@media (prefers-reduced-motion: reduce) { .blog-head { transition: none; } .blog-head:hover { transform: none; } }