/* MvH Blog v1.1.0 — geïntegreerd in Website V15.0 */
.blog-page-hero{padding:9rem 0 4.5rem;background:linear-gradient(135deg,#fbfaf5 0%,#f2f6e8 60%,#e7efd2 100%);position:relative;overflow:hidden}
.blog-page-hero:after{content:"";position:absolute;width:330px;height:330px;border:36px solid rgba(143,189,38,.13);border-radius:50%;right:-110px;bottom:-190px}
.blog-page-hero .container{position:relative;z-index:1}
.blog-page-hero h1{font-size:clamp(2.65rem,6vw,5rem);font-weight:900;letter-spacing:-.055em;line-height:.98;color:var(--forest);max-width:900px}
.blog-page-hero .lead-copy{max-width:760px}
.blog-list-section{padding:5rem 0 6rem}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}
.blog-grid .blog-card{height:100%}
.blog-grid .blog-card-media{aspect-ratio:1600/1067}
.blog-card.no-image .blog-card-media{display:grid;place-items:center;background:linear-gradient(135deg,#eef4de,#f8f5ec);min-height:190px}
.blog-card-logo{width:74px!important;height:74px!important;object-fit:contain!important;opacity:.82}
.blog-card p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.blog-pagination{margin-top:3rem}.blog-pagination .nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem}.blog-pagination .page-numbers{min-width:42px;height:42px;padding:0 .75rem;border:1px solid rgba(23,63,44,.13);border-radius:999px;display:inline-grid;place-items:center;text-decoration:none;color:var(--forest);font-weight:800;background:#fff}.blog-pagination .page-numbers:hover,.blog-pagination .page-numbers.current{background:var(--forest);border-color:var(--forest);color:#fff}
.blog-search{max-width:620px}.blog-search .form-control{border-radius:999px 0 0 999px;padding:.85rem 1rem;border-color:rgba(23,63,44,.18)}.blog-search .btn{border-radius:0 999px 999px 0}
.blog-empty{max-width:740px;margin:0 auto;padding:2.5rem;border:1px solid rgba(23,63,44,.1);border-radius:1.4rem;background:#fff;text-align:center;box-shadow:0 8px 28px rgba(23,63,44,.05)}.blog-empty h1,.blog-empty h2{color:var(--forest);font-weight:900;letter-spacing:-.03em}
.article-hero{padding:8.6rem 0 3rem;background:linear-gradient(135deg,#fbfaf5,#eef4de)}
.article-hero-inner{max-width:800px;margin:0 auto}.breadcrumbs{font-size:.9rem;color:var(--muted)}.breadcrumbs a{text-decoration:none}
.article-title{font-size:clamp(2.45rem,6vw,4.65rem);font-weight:900;letter-spacing:-.052em;line-height:1.02;color:var(--forest);overflow-wrap:anywhere}
.article-deck{font-size:clamp(1.06rem,2vw,1.28rem);line-height:1.65;color:#3e4d44;max-width:780px}
.article-featured-wrap{width:100%;max-width:800px;aspect-ratio:1600/1067;margin:2rem auto 0;overflow:hidden;border-radius:1rem}
.article-featured{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;object-position:center;border-radius:inherit;box-shadow:none;display:block}
.article-section{padding:5rem 0 5.5rem}.article-content{max-width:800px;margin:0 auto;font-size:1.075rem;line-height:1.82;color:#243128}.article-content>*:first-child{margin-top:0}.article-content p{margin-bottom:1.35rem}
.article-content h2,.article-content h3,.article-content h4{color:var(--forest);font-weight:900;letter-spacing:-.025em;line-height:1.15;scroll-margin-top:110px}.article-content h2{font-size:clamp(1.75rem,3.5vw,2.45rem);margin:2.8rem 0 1rem}.article-content h3{font-size:clamp(1.4rem,2.7vw,1.85rem);margin:2.2rem 0 .8rem}.article-content h4{font-size:1.3rem;margin:1.9rem 0 .7rem}
.article-content a{font-weight:700;text-decoration-thickness:.08em;text-underline-offset:.15em}.article-content ul,.article-content ol{padding-left:1.35rem;margin-bottom:1.5rem}.article-content li{margin-bottom:.45rem;padding-left:.2rem}.article-content blockquote{margin:2rem 0;padding:1.2rem 1.4rem;border-left:5px solid var(--leaf);background:#f5f8ed;border-radius:0 1rem 1rem 0;color:#33463a;font-size:1.12rem}.article-content blockquote p:last-child{margin-bottom:0}
.article-content img{max-width:100%;height:auto;border-radius:1rem;display:block}.article-content figure{margin:2rem 0}.article-content figcaption{margin-top:.55rem;color:var(--muted);font-size:.86rem;text-align:center}.article-content hr{margin:2.5rem 0;border-color:rgba(23,63,44,.14)}.article-content code{padding:.12rem .35rem;border-radius:.35rem;background:#f0f3ec;color:#294035}
.article-share{max-width:800px;margin:2rem auto 0;padding-top:1.35rem;border-top:1px solid rgba(23,63,44,.1)}.article-share-label{display:block;margin-bottom:.8rem;color:var(--forest);font-weight:850}.article-share-buttons{display:flex;flex-wrap:wrap;gap:.55rem}.article-share-button{display:inline-flex;align-items:center;justify-content:center;min-height:2.55rem;padding:.58rem .85rem;border:1px solid rgba(23,63,44,.2);border-radius:999px;background:#fff;color:var(--forest)!important;font:inherit;font-size:.86rem;font-weight:800;line-height:1;text-decoration:none!important;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.article-share-button:hover,.article-share-button:focus-visible{background:#f1f5e9;border-color:var(--forest);color:var(--forest)!important;transform:translateY(-1px)}.article-share-status{display:block;min-height:1.2em;margin-top:.55rem;color:var(--muted);font-size:.82rem}
.blog-related{padding:5rem 0;background:var(--cream)}.blog-related .blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.preview-banner{position:fixed;z-index:1200;top:0;left:0;right:0;background:#172019;color:#fff;text-align:center;padding:.45rem 1rem;font-size:.82rem;font-weight:800}.preview-banner a{color:#cbe67a}.preview-offset{padding-top:10.6rem}
@media(max-width:991.98px){.blog-grid,.blog-related .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-page-hero{padding-top:7.6rem}.article-hero{padding-top:7.5rem}.preview-offset{padding-top:9.5rem}}
@media(max-width:767.98px){.blog-grid,.blog-related .blog-grid{grid-template-columns:1fr}.blog-list-section{padding:4rem 0}.article-hero{padding-bottom:0}.article-section{padding:4.25rem 0}.article-content{font-size:1.02rem}.article-featured-wrap{width:100vw;max-width:none;margin:2rem 0 0 50%;transform:translateX(-50%);border-radius:0}.blog-search{width:100%;max-width:none}}
@media(max-width:575.98px){.blog-page-hero{padding-bottom:3.4rem}.article-title{font-size:2.65rem}.article-content blockquote{padding:1rem 1.05rem}}

/* Categorieën blijven onderdeel van de publieke site, los van editorupdates. */
.blog-category-nav{display:flex;flex-wrap:wrap;gap:.55rem;margin:0 0 1.7rem;align-items:center}.blog-category-nav a{display:inline-flex;align-items:center;min-height:40px;padding:.48rem .9rem;border:1px solid var(--forest,#173f2e);border-radius:999px;background:#fff;color:var(--forest,#173f2e);font-size:.9rem;font-weight:700;line-height:1.2;text-decoration:none}.blog-category-nav a:hover,.blog-category-nav a:focus-visible,.blog-category-nav a.is-active{background:var(--forest,#173f2e);color:#fff;text-decoration:none}.blog-category-nav a:focus-visible{outline:2px solid var(--forest,#173f2e);outline-offset:3px}.blog-card-category{display:block;margin:0 0 .45rem;color:var(--forest,#173f2e);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.article-categories{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1rem}.article-categories a{display:inline-flex;border-radius:999px;padding:.3rem .7rem;background:rgba(83,32,158,.09);color:var(--forest,#173f2e);font-size:.8rem;font-weight:700;text-decoration:none}.article-categories a:hover{text-decoration:underline}
