.blog-list{list-style: none;margin: 0;padding: 0;display: grid;gap: 1.75rem;margin-bottom: 3rem} .blog-list__item{border-left: 2px solid var(--hairline);padding-left: 1.25rem} .blog-list__link{font-family: var(--font-display);font-size: 1.3rem;line-height: 1.3;color: var(--ink);text-decoration: none} .blog-list__link:hover{color: var(--brand);text-decoration: underline;text-underline-offset: 3px} .blog-list__summary{margin: 0.4rem 0 0.3rem;color: var(--ink-muted);max-width: 62ch} .blog-list__meta, .blog-meta{font-family: var(--font-mono);font-size: 0.78rem;letter-spacing: 0.04em;text-transform: uppercase;color: var(--ink-muted)} .blog-meta{margin-top: 2rem} .prose{max-width: 68ch;color: var(--ink-2);font-size: 1.05rem;line-height: 1.7} .prose h2{font-family: var(--font-display);font-size: 1.45rem;line-height: 1.25;color: var(--ink);margin: 2.5rem 0 0.75rem} .prose h3{font-family: var(--font-display);font-size: 1.15rem;color: var(--ink);margin: 2rem 0 0.5rem} .prose p{margin: 0 0 1.1rem} .prose a{color: var(--brand);text-underline-offset: 2px} .prose ul, .prose ol{margin: 0 0 1.1rem;padding-left: 1.4rem} .prose ul{list-style: disc} .prose ol{list-style: decimal} .prose li{list-style: inherit;margin-bottom: 0.35rem} .prose blockquote{margin: 1.5rem 0;padding-left: 1.1rem;border-left: 3px solid var(--accent);color: var(--ink-muted)} .prose code{font-family: var(--font-mono);font-size: 0.88em;background: var(--surface-2);padding: 0.12em 0.35em;border-radius: 3px} .prose pre{background: var(--surface-2);border: 1px solid var(--hairline);border-radius: 4px;padding: 1rem 1.1rem;overflow-x: auto;margin: 0 0 1.4rem} .prose pre code{background: none;padding: 0;font-size: 0.85rem;line-height: 1.55} .prose table{width: 100%;border-collapse: collapse;margin: 0 0 1.4rem;font-size: 0.95rem} .prose th, .prose td{border: 1px solid var(--hairline);padding: 0.5rem 0.7rem;text-align: left;background: none;color: inherit} .prose th{background: var(--surface-2);font-weight: 600;color: var(--ink)} .prose .kb-tabel{overflow-x: auto;margin: 0 0 1.4rem} .prose .kb-opgave{list-style: none;margin-left: -1.4rem} .prose .kb-opgave input[type="checkbox"]{margin-right: 0.5rem;accent-color: var(--brand)}