/* Finass blogartikel 1.4.0 — huisstijl Finass Verzekert: wit, inkt #1F1F4A, indigo #0000EB, geel #FFD200, Montserrat + Cormorant Garamond */
.finass-blogarticle{--fb-ink:#1F1F4A;--fb-blue:#0000EB;--fb-yellow:#FFD200;--fb-hair:#ECEDEA;--fb-soft:#F7F7F4;--fb-muted:#5C6275;--fb-serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;--fb-sans:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;color:var(--fb-ink);background:#fff;font-family:var(--fb-sans)}
.finass-blogarticle__container{width:min(1120px,calc(100% - 40px));margin-inline:auto}
.finass-blogarticle__hero{padding:56px 0 36px;background:#fff;border-bottom:1px solid var(--fb-hair)}
.finass-blogarticle__hero-inner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:48px;align-items:center}
.finass-blogarticle__back{display:flex;width:max-content;align-items:center;gap:6px;color:var(--fb-muted)!important;text-decoration:none!important;margin-bottom:26px;font-size:13px;font-weight:600;letter-spacing:.02em}.finass-blogarticle__back:hover{color:var(--fb-blue)!important}
.finass-blogarticle__eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11.5px;font-weight:700;letter-spacing:.16em;color:var(--fb-blue);margin-bottom:16px}.finass-blogarticle__eyebrow::before{content:"";width:22px;height:4px;background:var(--fb-yellow);border-radius:2px}
.finass-blogarticle h1{font-family:var(--fb-serif);font-weight:600;color:var(--fb-ink);margin:0;max-width:820px;font-size:clamp(34px,4.2vw,54px);line-height:1.08;letter-spacing:-.01em}
.finass-blogarticle__lead{margin:18px 0 0;max-width:720px;font-size:17px;line-height:1.6;color:var(--fb-muted)}
.finass-blogarticle__meta{margin-top:22px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;color:var(--fb-muted);font-size:13.5px}.finass-blogarticle__meta time{color:var(--fb-ink);font-weight:600}.finass-blogarticle__meta span+span::before{content:"·";margin-right:18px;color:#B9BCC8}
.finass-blogarticle__image{margin:0;border-radius:18px;overflow:hidden;border:1px solid var(--fb-hair);aspect-ratio:4/3;background:var(--fb-soft);box-shadow:0 20px 50px -30px rgba(31,31,74,.35)}.finass-blogarticle__image img{width:100%;height:100%;display:block;object-fit:cover}
.finass-blogarticle__main{padding:44px 0 84px}
.finass-blogarticle__content{max-width:760px;margin:0 auto;font-size:17px;line-height:1.75;color:#2B2F4A}
.finass-blogarticle__content>p:first-of-type{font-size:19px;line-height:1.65;color:var(--fb-ink)}
.finass-blogarticle__content h2,.finass-blogarticle__content h3,.finass-blogarticle__content h4{font-family:var(--fb-serif);font-weight:600;color:var(--fb-ink);line-height:1.15;margin:1.8em 0 .55em;letter-spacing:-.005em}.finass-blogarticle__content h2{font-size:32px}.finass-blogarticle__content h3{font-size:25px}.finass-blogarticle__content h4{font-size:20px;font-family:var(--fb-sans);font-weight:700}
.finass-blogarticle__content p{margin:0 0 1.2em}
.finass-blogarticle__content img{max-width:100%;height:auto;border-radius:14px;border:1px solid var(--fb-hair)}
.finass-blogarticle__content a{color:var(--fb-blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.finass-blogarticle__content a:hover{text-decoration-thickness:2px}
.finass-blogarticle__content ul,.finass-blogarticle__content ol{padding-left:1.25em;margin:0 0 1.3em}.finass-blogarticle__content li{margin:0 0 .45em}.finass-blogarticle__content li::marker{color:var(--fb-blue)}
.finass-blogarticle__content blockquote{border-left:4px solid var(--fb-yellow);padding:6px 0 6px 24px;margin:34px 0;font-family:var(--fb-serif);font-size:24px;line-height:1.35;color:var(--fb-ink)}
.finass-blogarticle__content table{width:100%;border-collapse:collapse;margin:1.4em 0;font-size:15px}.finass-blogarticle__content th,.finass-blogarticle__content td{border-bottom:1px solid var(--fb-hair);padding:10px 12px;text-align:left;vertical-align:top}.finass-blogarticle__content th{background:var(--fb-soft);font-weight:700;color:var(--fb-ink)}
.finass-blogarticle__content strong{color:var(--fb-ink)}
/* deelbalk (boven compact, onder volledig) */
.finass-blogarticle__share{max-width:760px;margin:40px auto 0;padding-top:24px;border-top:1px solid var(--fb-hair);display:flex;align-items:center;gap:14px 18px;flex-wrap:wrap}
.finass-blogarticle__share--top{max-width:none;margin:0;padding:0;border:0;margin-top:22px}
.finass-blogarticle__share-label{font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--fb-muted)}
.finass-blogarticle__share-btns{display:flex;flex-wrap:wrap;gap:8px}
.finass-blogarticle__share-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:999px;border:1px solid var(--fb-hair);background:#fff;color:var(--fb-ink)!important;text-decoration:none!important;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;line-height:1;transition:border-color .15s,background .15s,transform .05s}
.finass-blogarticle__share-btn:hover{border-color:var(--fb-ink);background:var(--fb-soft)}
.finass-blogarticle__share-btn:active{transform:translateY(1px)}
.finass-blogarticle__share-btn svg{width:16px;height:16px;flex:none}
.finass-blogarticle__share-btn.is-linkedin svg{color:#0A66C2}.finass-blogarticle__share-btn.is-facebook svg{color:#1877F2}.finass-blogarticle__share-btn.is-whatsapp svg{color:#25D366}
.finass-blogarticle__share--top .finass-blogarticle__share-btn{padding:8px 11px}.finass-blogarticle__share--top .finass-blogarticle__share-btn span{display:none}.finass-blogarticle__share--top .finass-blogarticle__share-label{display:none}
/* afsluiting */
.finass-blogarticle__cta{box-sizing:border-box;max-width:760px;margin:48px auto 0;padding:32px 34px;border-radius:20px;background:var(--fb-ink);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:28px}
.finass-blogarticle__cta strong{font-family:var(--fb-serif);font-weight:600;font-size:26px;line-height:1.15;display:block}.finass-blogarticle__cta p{margin:8px 0 0;color:rgba(255,255,255,.78);font-size:15px;line-height:1.55}
.finass-blogarticle__cta>a{flex:none;border-radius:999px;background:var(--fb-yellow);color:var(--fb-ink)!important;text-decoration:none!important;font-weight:700;padding:13px 22px;font-size:14px}.finass-blogarticle__cta>a:hover{background:#ffdc33}
.finass-blogarticle__sources{max-width:760px;margin:30px auto 0;font-size:13px;color:var(--fb-muted)}.finass-blogarticle__sources a{color:var(--fb-muted)}
@media(max-width:760px){.finass-blogarticle__hero{padding:34px 0 26px}.finass-blogarticle__hero-inner{grid-template-columns:1fr;gap:24px}.finass-blogarticle__image{aspect-ratio:16/10}.finass-blogarticle__main{padding:30px 0 56px}.finass-blogarticle__content{font-size:16.5px}.finass-blogarticle__content>p:first-of-type{font-size:17.5px}.finass-blogarticle h1{font-size:clamp(30px,8.5vw,40px)}.finass-blogarticle__content h2{font-size:27px}.finass-blogarticle__content h3{font-size:22px}.finass-blogarticle__content blockquote{font-size:21px}.finass-blogarticle__cta{display:block;padding:26px 24px}.finass-blogarticle__cta>a{display:inline-block;margin-top:18px}.finass-blogarticle__share{margin-top:30px}.finass-blogarticle__share-btn span{display:none}.finass-blogarticle__share-btn.is-copy span,.finass-blogarticle__share-btn.is-native span{display:inline}.finass-blogarticle__share-btn{padding:10px 12px}}
/* in de content-kolom van het sitetemplate: eigen titel/meta van het template verbergen, breedte vrijmaken */
body:has(.finass-blogarticle) .uk-article-title, body:has(.finass-blogarticle) .uk-article-meta, body:has(.finass-blogarticle) .page-header, body:has(.finass-blogarticle) .article-info, body:has(.finass-blogarticle) .uk-article > .uk-margin-medium-top:first-child, body:has(.finass-blogarticle) .com-content-article__body > .page-header, body:has(.finass-blogarticle) .item-page > .page-header{display:none!important}
body:has(.finass-blogarticle) .uk-article>h1:first-child, body:has(.finass-blogarticle) .item-page>h1:first-child{display:none!important}
.finass-blogarticle__container{width:100%}
.finass-blogarticle__hero{padding-top:12px}
/* bewerk-icoon van Joomla (ingelogde beheerder) niet in de blogpagina */
body:has(.finass-blogarticle) .icons, body:has(.finass-blogarticle) .edit-icon, body:has(.finass-blogarticle) a[href*="task=article.edit"], body:has(.finass-blogarticle) .uk-article .uk-float-right, body:has(.finass-blogarticle) .btn-group.pull-right{display:none!important}
