/* Tekstpagina's zoals /over-ons/. Een HTML-boom voor alle breedtes. */

.sp-artikel { padding: 56px 0 96px; }
.sp-kop { margin-bottom: 40px; }
.sp-titel {
    font-family: var(--font-display);
    font-size: 64px;
    line-height: 1.1;
    font-weight: 400;
    color: var(--navy);
    margin: 0 0 20px;
    letter-spacing: -0.015em;
}
.sp-intro {
    font-family: var(--font-editorial);
    font-size: 22px;
    line-height: 1.4;
    color: var(--ink-soft);
    font-style: italic;
    margin: 0;
}
/* content-block heeft nergens in de gedeelde CSS een lettertype: zonder deze
   regel viel de hoofdtekst terug op de browserstandaard. Deze opmaak stond
   eerder alleen in het mobiele blok. */
.sp-inhoud {
    font-family: var(--font-editorial);
    font-size: 17px;
    line-height: 1.65;
    color: var(--ink);
}

@media (max-width: 1024px) {
    .sp-titel { font-size: 48px; }
}

@media (max-width: 720px) {
    .sp-artikel { padding: 32px 0 64px; }
    .sp-kop { margin-bottom: 16px; }
    .sp-titel { font-size: 36px; line-height: 1.15; margin: 0 0 16px; }
    .sp-intro { font-size: 18px; line-height: 1.45; margin: 0 0 28px; }
}