/* Ma — the space between things is itself functional. */

/* Wider content for prose-heavy pages */
.content {
    max-width: 48rem;
}

/* Subtitles / italicized opening lines — give them room */
article h1 + p > em:only-child,
article h1 + p > em:first-child {
    display: block;
    font-size: 1.05em;
    margin-top: -0.5em;
    margin-bottom: 1.5em;
    opacity: 0.8;
}

/* Horizontal rules as breathing space, not lines */
article hr {
    border: none;
    height: 3em;
    background: transparent;
}

article hr::after {
    content: "·  ·  ·";
    display: block;
    text-align: center;
    color: var(--color-foreground-muted);
    font-size: 0.9em;
    letter-spacing: 0.3em;
}

/* Tables — clean, no heavy borders */
article table {
    font-size: 0.92em;
}

/* Block quotes — the "punchline" style used throughout */
article blockquote {
    border-left: 3px solid var(--color-brand-primary);
    font-style: italic;
}