/* --- Blog --- */

nav {
    margin-bottom: 3rem;
}

nav a {
    color: var(--fg-muted);
    font-size: 0.8125rem;
}

nav a:hover {
    color: var(--accent);
}

article header {
    margin-bottom: 2.5rem;
}

article header h1 {
    font-size: 1.375rem;
    line-height: 1.4;
    margin-bottom: 0.5rem;
}

.meta {
    color: var(--fg-muted);
    font-size: 0.8125rem;
}

article h2 {
    color: var(--fg-bright);
    font-size: 1rem;
    font-weight: 600;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
}

article p {
    margin-bottom: 1.25rem;
}

article p:last-child {
    margin-bottom: 0;
}

article strong {
    color: var(--fg-bright);
    font-weight: 600;
}

article em {
    font-style: italic;
}