.global-header {
    padding-top: var(--space-m);
    padding-bottom: var(--space-m);
}

.header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-m);
}

.site-identity {
    font-family: var(--font-serif);
    font-size: 1rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--color-text);
    transition: opacity 0.2s ease;
}

.site-identity:hover,
.site-identity:focus-visible {
    opacity: 0.7;
}

.global-nav {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-s);
}

.global-nav a {
    transition: opacity 0.2s ease;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}

.global-nav a:hover {
    opacity: 0.7;
}

.global-nav a.active,
.global-nav a[aria-current="page"] {
    text-decoration: underline;
}

.page {
    padding-top: var(--space-l);
    padding-bottom: var(--space-xl);
}

@media (max-width: 640px) {
    .header-row {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--space-s);
    }
}