/*
 * Static page component (about, 404, etc.)
 *
 * Pages that are not articles but should read in the same typographic
 * register as an article. Reuses .article-body rules from article.css for
 * body typography, so markdown-authored content looks the same across
 * articles and static pages. This file scopes only the page title and
 * body image treatment — the outer container and width are handled in
 * layout.css via the shared non-article-page envelope rules.
 */

.static-page-header {
    margin-bottom: var(--space-lg);
}

.static-page-title {
    font-family: var(--font-serif);
    font-size: 2.8rem;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.015em;
    color: var(--color-primary-dark);
    margin-bottom: var(--space-sm);
}

.static-page-body img {
    max-width: 100%;
    height: auto;
    margin: var(--space-md) 0;
    border-radius: 2px;
}

/* Narrow-screen adjustments */
@media (max-width: 720px) {
    .static-page-title {
        font-size: 2.1rem;
    }
}