/* ============================================================
   Ghost-integratie: opmaak die alleen in Ghost-taal hoort.
   Bewust een los bestand (gelinkt vanuit default.hbs) en NIET in screen.css:
   screen.css wordt opnieuw uit hoekstra-homepage-voorstel.html gegenereerd door
   tools/voorstel_naar_theme.py, en dan zou dit blok steeds verdwijnen.
   ============================================================ */

/* Ghost-editor blokbreedtes (gscan-verplicht: .kg-width-wide / .kg-width-full).
   De pagina-inhoud zit in .container.artikel; deze klassen breken daaruit. */
.kg-width-wide {
  width: min(1140px, calc(100vw - 48px));
  max-width: none;
  margin-left: calc(50% - min(570px, (100vw - 48px) / 2));
  margin-right: calc(50% - min(570px, (100vw - 48px) / 2));
}

.kg-width-full {
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* Basisopmaak voor editor-inhoud op pagina's en berichten */
.artikel > * + * { margin-top: 1.1em; }
.artikel p { line-height: 1.65; }
.artikel h2 { font-size: 1.5rem; margin-top: 1.8em; }
.artikel h3 { font-size: 1.2rem; margin-top: 1.6em; }
.artikel ul, .artikel ol { padding-left: 1.2em; }
.artikel li + li { margin-top: .4em; }
.artikel a { color: #0a3d91; text-decoration: underline; }
.artikel img { max-width: 100%; height: auto; }
.artikel blockquote { border-left: 4px solid #f5a800; padding-left: 1em; font-style: italic; }