/* ========================
   BLOCKS — Component styles
   ======================== */

/* Site header */
.site-header {
    padding-block: var(--space-s);
    border-block-end: 1px solid var(--color-border);
}

.site-header > .wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-s);
}

.site-logo {
    font-size: var(--step-1);
    font-weight: 800;
    text-decoration: none;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

/* Site footer */
.site-footer {
    margin-block-start: auto;
    padding-block: var(--space-l);
    border-block-start: 1px solid var(--color-border);
    font-size: var(--step--1);
    color: var(--color-text-muted);
}

/* Prose (richtext) */
.prose > * + * {
    margin-block-start: 1em;
}

.prose h2 { font-size: var(--step-2); }
.prose h3 { font-size: var(--step-1); }

.prose a {
    color: var(--color-accent);
    text-decoration-thickness: 0.08em;
    text-underline-offset: 0.15em;
}