/* Mixprint-pagina's in de Riso-stijl van de app: papier, inkt, de dikke lijn, compressed koppen. */
:root { color-scheme: light dark; --paper: #F4EFE6; --ink: #1F1D1A; --muted: #57514A; --accent: #005A8C; --pink: #FF48B0; }
@media (prefers-color-scheme: dark) { :root { --paper: #161513; --ink: #EDE7DC; --muted: #B4AC9F; --accent: #5AB0EC; } }
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--ink);
  font: 17px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif; }
main { max-width: 680px; margin: 0 auto; padding: 40px 20px 80px; }
.label { font: 700 12px/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
h1 { font-family: -apple-system, system-ui, sans-serif; font-stretch: condensed; font-weight: 900; font-size: 2.6rem; line-height: 1.05;
  margin: 10px 0 6px; border-top: 3px solid var(--ink); padding-top: 14px; }
h2 { font-weight: 800; font-size: 1.25rem; margin: 30px 0 6px; border-top: 3px solid var(--ink); padding-top: 10px; }
.updated { color: var(--muted); font-size: .9rem; margin: 0 0 24px; }
.lead { font-size: 1.12rem; }
a { color: var(--accent); }
nav.lang { margin: 18px 0 8px; font: 700 13px/1 ui-monospace, Menlo, monospace; }
nav.lang a { margin-right: 14px; text-decoration: none; }
section.lang + section.lang { margin-top: 56px; }
.stamp { display: inline-block; border: 1.5px solid #006638; color: #006638; padding: 3px 8px; border-radius: 2px;
  font: 700 12px/1.2 ui-monospace, Menlo, monospace; text-transform: uppercase; letter-spacing: .06em; }
@media (prefers-color-scheme: dark) { .stamp { border-color: #3CC47F; color: #3CC47F; } }
footer { margin-top: 56px; color: var(--muted); font-size: .9rem; }