/* Keep long article titles readable without constraining mobile layouts. */
.blog-hero h1 {
    max-width: 26ch;
    text-wrap: pretty;
}

@media (max-width: 768px) {
    .blog-hero h1 {
        max-width: none;
    }
}