/* tekst.css — running text in one readable column: the privacy statement and the
   blog articles. Headings follow the site's sizes (site.css), the measure stays
   near 70 characters. */
.tekst { max-width: 44rem; font-size: 1.0625rem; line-height: 1.7; color: #2b2b30; }
.tekst > * + * { margin-top: 1.1rem; }
.tekst h2 { margin-top: 2.8rem; font-size: 1.5rem; line-height: 1.25; font-weight: 500; letter-spacing: -0.01em; color: var(--ink); }
.tekst h3 { margin-top: 2rem; font-size: 1.15rem; line-height: 1.35; font-weight: 500; color: var(--ink); }
.tekst h2 + *, .tekst h3 + * { margin-top: 0.7rem; }
.tekst ul, .tekst ol { padding-left: 1.25rem; }
.tekst li + li { margin-top: 0.4rem; }
.tekst a { color: var(--ink); text-decoration: underline; text-underline-offset: 0.2em; }
.tekst strong { font-weight: 500; color: var(--ink); }
.tekst blockquote { border-left: 2px solid var(--ink); padding-left: 1.1rem; color: var(--ink); font-size: 1.15rem; }
.tekst figure img { width: 100%; height: auto; border-radius: 0.75rem; }
.tekst figcaption { margin-top: 0.5rem; font-size: 0.875rem; color: var(--muted); }
.tekst__meta { font-size: 0.9rem; color: var(--muted); }

/* The list of articles on /blog/. */
.blog-lijst { display: grid; gap: 1rem; max-width: 52rem; }
.blog-kaart { display: block; padding: 1.6rem 1.8rem; border: 1px solid var(--line); border-radius: 1rem; background: var(--canvas); text-decoration: none; transition: border-color 140ms, transform 140ms; }
.blog-kaart:hover { border-color: var(--ink); transform: translateY(-2px); }
.blog-kaart h2 { font-size: 1.35rem; line-height: 1.3; font-weight: 500; letter-spacing: -0.01em; }
.blog-kaart p { margin-top: 0.5rem; color: #46464b; line-height: 1.6; }
.blog-kaart .tekst__meta { margin-top: 0.9rem; }