/* ── BLOG — aanvulling op site.css (zelfde variabelen en ritme) ── */

.blog-wrap { padding-bottom:40px; }

/* Categorieën */
.cat-nav { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:32px; }
.cat-nav a { font-family:var(--mono); font-size:10px; letter-spacing:.14em; text-transform:uppercase; padding:10px 14px; border:1px solid var(--border); color:var(--silver); text-decoration:none; transition:border-color .2s, color .2s; }
.cat-nav a span { color:var(--muted); margin-left:4px; }
.cat-nav a:hover, .cat-nav a[aria-current="page"] { border-color:var(--ice); color:var(--ice); }

/* Kaarten */
.post-grid { list-style:none; display:grid; grid-template-columns:1fr; border-top:1px solid var(--border); border-left:1px solid var(--border); }
.post-card { background:#0a0c12; border-right:1px solid var(--border); border-bottom:1px solid var(--border); }
.post-card a { display:flex; flex-direction:column; gap:10px; height:100%; padding:24px 22px 22px; color:inherit; text-decoration:none; transition:background .2s; }
.post-card a:hover { background:#0d111a; }
.post-card h3 { font-size:24px; font-weight:700; text-transform:uppercase; line-height:1.02; letter-spacing:.01em; }
.post-card p { font-family:var(--mono); font-size:12px; line-height:1.7; color:#9FB3C8; }
.post-meta { font-family:var(--mono); font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); }
.post-cat { color:var(--ice); margin-right:10px; }
.post-more { margin-top:auto; padding-top:8px; font-family:var(--mono); font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:var(--ice); }
.blog-money { margin-top:32px; }

/* Artikel */
.page-header h1.post-h1 { font-size:clamp(38px, 7vw, 72px); line-height:.95; max-width:900px; }
.post-byline { font-family:var(--mono); font-size:11px; color:var(--muted); margin-top:16px; letter-spacing:.04em; }
.post-byline a { color:var(--silver); text-decoration:none; border-bottom:1px solid var(--border); }
.post-layout { padding:48px 20px 24px; }
.post-body { max-width:720px; }
.post-body > h2, .post-faq h2 { font-size:clamp(26px, 5vw, 38px); line-height:1; margin:48px 0 14px; }
.post-body > h3 { font-size:22px; font-weight:700; text-transform:uppercase; letter-spacing:.01em; margin:32px 0 10px; }
.post-body > p, .post-body li { font-family:var(--mono); font-size:13px; line-height:1.85; color:var(--silver); }
.post-body > p { margin-bottom:18px; }
.post-body > ul, .post-body > ol { padding-left:20px; margin-bottom:20px; }
.post-body li { margin-bottom:8px; }
.post-body li::marker { color:var(--ice); }
.post-body strong { color:var(--white); font-weight:400; }
.post-body > p a, .post-body li a, .post-body td a { color:var(--ice); text-decoration:none; border-bottom:1px solid rgba(107,191,255,.35); }
.post-body > p a:hover, .post-body li a:hover { border-color:var(--ice); }
.post-body blockquote { border-left:3px solid var(--royal); background:rgba(0,83,140,.10); padding:16px 18px; margin:24px 0; }
.post-body blockquote p { font-family:var(--mono); font-size:12px; line-height:1.75; color:var(--silver); }
.post-body table { width:100%; border-collapse:collapse; margin:20px 0 28px; display:block; overflow-x:auto; }
.post-body th { font-family:var(--mono); font-size:9px; letter-spacing:.16em; text-transform:uppercase; color:var(--ice); text-align:left; padding:10px 12px; border-bottom:1px solid var(--border); white-space:nowrap; }
.post-body td { font-family:var(--mono); font-size:11px; color:var(--silver); padding:10px 12px; border-bottom:1px solid var(--border); vertical-align:top; line-height:1.6; }

.post-answer { border:1px solid var(--royal); background:linear-gradient(135deg, rgba(0,43,94,.45), rgba(6,6,8,0) 75%); padding:20px 22px; margin-bottom:36px; }
.post-answer b, .post-related b, .post-author b { display:block; font-family:var(--mono); font-weight:400; font-size:10px; letter-spacing:.2em; text-transform:uppercase; color:var(--ice); margin-bottom:8px; }
.post-answer p { font-family:var(--mono); font-size:13px; line-height:1.8; color:var(--white); }
.post-related { margin:48px 0 8px; padding-top:24px; border-top:1px solid var(--border); }
.post-related .svc-proof { margin-top:8px; }
.post-faq { margin-top:8px; }
.post-faq .svc-faq p { font-family:var(--mono); font-size:12px; line-height:1.8; color:var(--silver); padding:0 0 18px; }
.post-author { margin:40px 0 32px; padding:20px 22px; border:1px solid var(--border); background:#0a0c12; }
.post-author p { font-family:var(--mono); font-size:12px; line-height:1.75; color:var(--silver); }
.post-sources { margin-top:8px; }

@media (min-width: 768px) {
  .post-grid { grid-template-columns:repeat(2,1fr); }
  .post-layout { padding:64px 48px 24px; }
}
@media (min-width: 1200px) {
  .post-grid { grid-template-columns:repeat(3,1fr); }
}