/* Correcties voor het pagina-sjabloon (page.php). Laadt alleen op pagina's; de
   `body.page`-prefix documenteert die scope en levert de specificiteit om blok-CSS
   te verslaan, die functions.php ná dit bestand inlaadt. */


/* Kleur van de lopende tekst: volgt de live site en niet de opmaakbron, die twee
   spreken elkaar hier tegen (bron --text-color--support, live --text-color).
   Dezelfde afweging als in single-post.css. De stappenlijst valt erbuiten: daar
   klopt het zachte paars wél met de live site. */
body.page .sq-rich-text:not(.sq-step-list__text) {
    color: var(--text-color);
}

body.page .sq-rich-text:not(.sq-step-list__text) p {
    color: inherit;
}

/* Een link in de lopende tekst heeft in het origineel geen accentkleur maar de
   tekstkleur met een onderstreping. Losse linkblokken zoals .sq-cta-link houden
   hun eigen opmaak. */
body.page .sq-rich-text:not(.sq-step-list__text) a {
    color: inherit;
    text-decoration: underline;
}


/* Afstand boven een kop: vast op 3.2rem zoals de rich-text-renderer van het
   origineel, in plaats van de `margin-top: 1.5em` uit style.css die met de
   kopgrootte meeschaalt. Opent een kop het blok, dan hoort er geen marge te staan. */
body.page .sq-rich-text > :where(h1, h2, h3, h4, h5, h6) {
    margin-top: 3.2rem;
}

body.page .sq-rich-text > :first-child {
    margin-top: 0;
}


/* Afstand tussen geneste blokken komt volledig van de marge in _sqills_global.css,
   die de opmaakbron spiegelt. De gap uit style.css heeft daar geen tegenhanger en
   telt in een flexcontainer bij die marge op. */
body.page .sq-nested-blocks {
    gap: 0;
}


/* Het origineel kapt de lopende tekst niet af op de 58rem uit style.css; de tekst
   vult de kolom. */
body.page .sq-rich-text {
    max-width: none;
}