.site-header-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem 1.5rem;
}

.site-title {
    display: inline-flex;
    align-items: center;
    gap: 0.625rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 1.0625rem;
}

.site-nav {
    display: flex;
    gap: 1.25rem;
    font-weight: 600;
}

.site-nav a {
    color: var(--staccato-muted);
}

.site-nav a:hover {
    color: var(--staccato-link);
}

/* About page: a resume-like layout built from plain Markdown headings. */
.prose h3 + p > em:only-child {
    color: var(--staccato-muted);
    font-style: normal;
    font-size: 0.9375rem;
}

.prose h3 {
    margin-bottom: 0.25rem;
}

.prose h3 + p {
    margin-top: 0;
}