/**
 * blog-single.css — los blogartikel (single.php)
 * Alleen geladen op is_singular('post'). Hergebruikt dezelfde CSS-
 * variabelen als cursus-single.css — geen nieuwe kleuren/fonts.
 */

*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:var(--font-body);color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;line-height:1.6;}
a{color:var(--gold);text-decoration:underline;text-decoration-color:rgba(184,134,46,.35);}
a:hover{text-decoration-color:var(--gold);}
img{display:block;max-width:100%;}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px;}

.artikel{max-width:720px;margin:0 auto;padding:0 20px 80px;}
@media (min-width:1024px){ .artikel{max-width:760px;padding:0 24px 100px;} }

.crumb{font-family:var(--font-mono);font-size:11px;color:var(--grey-dark);padding:18px 0 4px;}
.crumb a{color:inherit;text-decoration:none;}
.crumb a:hover{color:var(--gold);}

/* ═══ ARTIKEL-HEADER ═══ */
.artikel__header{padding:24px 0 28px;border-bottom:1px solid var(--grey-light);margin-bottom:32px;}
.artikel__eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;display:block;}
.artikel__title{font-family:var(--font-display);font-weight:700;font-size:clamp(28px,6vw,42px);line-height:1.15;margin-bottom:16px;}
.artikel__meta{font-family:var(--font-mono);font-size:12px;color:var(--grey-dark);display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:20px;}
.artikel__meta__dot{opacity:.5;}
.artikel__uitgelicht{width:100%;height:auto;max-height:420px;object-fit:cover;border-radius:14px;background:var(--parchment);}

/* ═══ ARTIKEL-INHOUD — leesbare typografie voor the_content() ═══ */
.artikel__inhoud{font-size:17px;line-height:1.75;color:var(--ink-soft,var(--ink));}
.artikel__inhoud > * + *{margin-top:20px;}
.artikel__inhoud h2{font-family:var(--font-display);font-weight:600;font-size:24px;margin-top:40px;line-height:1.3;}
.artikel__inhoud h3{font-family:var(--font-display);font-weight:600;font-size:19px;margin-top:32px;line-height:1.35;}
.artikel__inhoud p{margin:0;}
.artikel__inhoud ul,.artikel__inhoud ol{padding-left:22px;display:grid;gap:8px;}
.artikel__inhoud li{padding-left:4px;}
.artikel__inhoud blockquote{border-left:3px solid var(--gold);padding:4px 0 4px 18px;color:var(--grey-dark);font-style:italic;}
.artikel__inhoud img{border-radius:10px;margin:8px 0;}
.artikel__inhoud table{width:100%;border-collapse:collapse;font-size:14.5px;}
.artikel__inhoud table th,.artikel__inhoud table td{border:1px solid var(--grey-light);padding:10px 12px;text-align:left;}
.artikel__inhoud table th{background:var(--parchment);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;}
.artikel__inhoud strong{font-weight:700;}
.artikel__inhoud hr{border:none;border-top:1px solid var(--grey-light);margin:36px 0;}

/* ═══ CTA NAAR OPLEIDINGEN — terugkerend element onderaan elk artikel ═══ */
.artikel__cta{background:var(--parchment);border-radius:14px;padding:26px 24px;margin-top:48px;text-align:center;}
.artikel__cta p{font-family:var(--font-display);font-size:17px;font-weight:600;margin-bottom:14px;color:var(--ink);}
.artikel__cta .btn{display:inline-flex;align-items:center;justify-content:center;background:var(--gold);color:var(--ink);font-weight:700;font-size:15px;text-decoration:none;border-radius:10px;padding:14px 26px;}
.artikel__cta .btn:hover{background:var(--gold-light);}

/* ═══ LEES OOK — vergelijkbare/recente artikelen ═══ */
.lees-ook{margin-top:56px;}
.lees-ook__titel{font-family:var(--font-display);font-weight:600;font-size:19px;margin-bottom:18px;}
.lees-ook__grid{display:grid;grid-template-columns:1fr;gap:16px;}
@media (min-width:640px){ .lees-ook__grid{grid-template-columns:1fr 1fr;} }
.lees-ook__item{display:block;border:1px solid var(--grey-light);border-radius:12px;padding:16px;text-decoration:none;transition:.15s;}
.lees-ook__item:hover{border-color:var(--grey);box-shadow:0 8px 18px rgba(22,35,46,.07);}
.lees-ook__item__eyebrow{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--gold);}
.lees-ook__item__titel{font-family:var(--font-display);font-weight:600;font-size:14.5px;line-height:1.4;color:var(--ink);margin-top:6px;}