/* Visible server-rendered introduction; independent of cover-header settings. */
.mm-blog-intro {
    padding: 40px 0 0;
    text-align: center;
}
.mm-blog-intro h1 {
    max-width: 1000px;
    margin: 0 auto 16px;
    font-size: clamp(2.8rem, 4vw, 4.4rem);
    line-height: 1.2;
    font-weight: 700;
}
.mm-blog-intro p {
    max-width: 800px;
    margin: 0 auto;
    font-size: 1.8rem;
    line-height: 1.6;
}
@media (max-width: 600px) {
    .mm-blog-intro { padding-top: 28px; }
    .mm-blog-intro p { font-size: 1.6rem; }
}