/* Future Job, editorial design system 2026.
   A typographic, restrained B2B identity. Intentional layouts replace generic card grids.
   Retains existing content, responsiveness, accessibility and brand palette. */
:root{
  --paper:#fafbfd;--ink:#17223b;--navy:#101f50;--navy2:#15275c;
  --royal:#183678;--indigo:#25488f;--green:#91bc49;--green-ink:#395b1c;
  --muted:#586479;--line:#dbe1ec;--card:#fff;
  --grad-ink:#182e68;--grad-green:#acd161;
  --shadow:0 18px 55px -40px rgba(16,31,80,.22);--shadow-sm:none;
}
html{background:var(--paper)}
body{background:var(--paper);color:var(--ink);line-height:1.62;font-size:16px}
.wrap{max-width:1130px;padding-left:clamp(20px,4.5vw,40px);padding-right:clamp(20px,4.5vw,40px)}
h1,h2,h3{hyphens:none;text-wrap:pretty;color:var(--navy);letter-spacing:-.037em}
h1{font-size:clamp(35px,5.25vw,64px);line-height:1.09;font-weight:700}
h2{font-size:clamp(27px,3.7vw,43px);line-height:1.16;font-weight:600;max-width:22ch;margin-top:0}
h3{font-size:clamp(19px,2vw,23px);font-weight:600;line-height:1.28}
.lead{font-size:clamp(17px,1.8vw,20px);line-height:1.65;max-width:68ch}
.eyebrow{display:inline-block;font-weight:700;letter-spacing:.145em;font-size:11px;color:#536b36}
.center .eyebrow{margin-bottom:10px}
.center h2{max-width:none}
.sec{padding-top:clamp(42px,6vw,86px);padding-bottom:clamp(42px,6vw,86px)}
main>section.wrap.sec+section.wrap.sec{border-top:1px solid #e9edf3}
main>section.wrap.sec:nth-of-type(2){border-top:none}
header.site{background:rgba(255,255,255,.97);border-bottom:1px solid #e2e6ee;backdrop-filter:blur(10px)}
.nav{padding:13px 0;min-height:80px}
.nav img{height:48px;width:auto;max-width:190px;object-fit:contain}
.nav a{font-size:13px;font-weight:600;padding:8px 10px;border-radius:0}
.nav a:hover{background:transparent;border-bottom:1px solid var(--navy);color:var(--navy);text-decoration:none}
.nav a[aria-current=page]{background:transparent;color:var(--navy);box-shadow:inset 0 -2px 0 #9bc34a}
.nav .cta{border-radius:3px;background:var(--navy);padding:11px 15px;color:#fff}
.nav .cta:hover{background:#233d79;color:#fff;border-bottom:0}
.btn{border-radius:4px;font-weight:650;font-size:14px;box-shadow:none!important;letter-spacing:.005em;padding:13px 21px;transition:background .15s,color .15s,transform .15s}
.btn:hover{transform:none;text-decoration:none}
.btn.green{background:#a0c456;color:#12234d}
.btn.green:hover{background:#b2d371}
.btn.grad{background:var(--navy);color:#fff}
.btn.light{background:transparent;border:1px solid rgba(255,255,255,.4)}
.card{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}
.card.hover:hover{box-shadow:none;transform:none}
.grid2,.grid3{gap:clamp(20px,3vw,34px)}
.dot{display:none}
.stat{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--navy);font-size:clamp(35px,5vw,58px);font-weight:650}
/* feature-specific separators replace repetitive rounded cards */
.grid2>.card,.grid3>.card{padding:23px 0 12px;border-top:2px solid var(--navy);box-shadow:none}
.grid2>.card p,.grid3>.card p{color:var(--muted)}
/* Home opening: precise editorial typographic composition */
.hero{background:#142654;color:#fff;border-radius:0;overflow:hidden;position:relative}
.hero:before{content:"";position:absolute;right:-16%;top:-12%;height:135%;width:55%;pointer-events:none;opacity:.10;background:repeating-linear-gradient(132deg,transparent 0,transparent 45px,#e7effd 46px,#e7effd 47px)}
.hero:after{content:"";position:absolute;left:0;bottom:0;height:4px;width:100%;background:linear-gradient(90deg,#9bc349 0 21%,transparent 21%)}
.hero h1{max-width:790px;color:#fff}
.hero .grad-text{background:none;color:#c2e288;-webkit-background-clip:initial;background-clip:initial}
.hero .inner{position:relative;padding-top:clamp(56px,8vw,110px);padding-bottom:clamp(58px,8vw,110px)}
.hero .lead{color:#d9e2f2;max-width:710px}
.hero .eyebrow{color:#b7d77c}
.hero .mini{margin-top:37px;padding-top:21px;border-top:1px solid rgba(255,255,255,.24);gap:34px}
.hero .mini>div{border:0}
.hero .mini b{font-size:16px;font-weight:650;color:#fff}
.hero .mini span{font-size:13px;color:#bac9de}
.hero .floatcard{position:relative;display:block;box-shadow:none;background:transparent;padding:13px 0 0;color:#c9d5ee;border:0;transform:none;max-width:680px}
.hero .floatcard strong{font-size:14px;font-weight:700;color:#b6d77c}
.hero .btns{gap:11px}
/* Home: choice of collaboration as numbered editorial menu. */
.fj-routes-section{padding-top:78px}
.fj-routes-section>.center{text-align:left}
.fj-routes-section>.center h2{max-width:24ch}
.fj-routes{display:flex;flex-direction:column;border-top:2px solid var(--navy);margin-top:32px!important}
.fj-route{position:relative;display:grid;grid-template-columns:62px minmax(160px,.8fr) minmax(240px,1.25fr) 146px;align-items:center;gap:20px;padding:28px 7px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;transition:background .16s,padding .16s}
.fj-route:hover,.fj-route:focus-visible{background:#f0f3f7;padding-left:16px;text-decoration:none}
.fj-route-nr{font-family:Sora,sans-serif;font-size:14px;color:#7f8ba2;font-weight:600}
.fj-route h3{font-size:clamp(19px,2.1vw,26px);font-weight:600;max-width:13ch;color:var(--navy);margin:0}
.fj-route p{font-size:14.5px;line-height:1.65;margin:0;color:#586478;max-width:50ch}
.fj-route-link{font-size:13px;font-weight:700;color:var(--navy);text-align:right}
.fj-route-link:after{content:' ↗';color:#688a36;font-size:20px}
/* Achievements: no boxes, two aligned oversized numbers. */
.fj-proof{background:#edf2f7;max-width:none!important;padding-left:max(32px,calc((100vw - 1050px)/2))!important;padding-right:max(32px,calc((100vw - 1050px)/2))!important;border:0!important}
.fj-proof .center{text-align:left}
.fj-number-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;margin-top:24px}
.fj-number{border-top:1px solid #b9c6d8!important;padding:24px 26px 15px 0!important;background:transparent}
.fj-number .stat{font-size:clamp(40px,5vw,65px)}
.fj-number p{max-width:42ch;margin-top:13px;font-size:15px}
/* Cases: editorial ledger instead of pills and oversized cards. */
.fj-cases-section>.center{text-align:left}
.fj-cases-section>.center h2{max-width:none}
.fj-cases-section>.center .lead{margin:4px 0 12px}
.fj-cases{display:grid;grid-template-columns:1fr;margin-top:20px!important;border-top:2px solid var(--navy)}
.fj-case{display:grid;grid-template-columns:46px minmax(175px,1fr) minmax(175px,1fr) minmax(200px,1.2fr);align-items:center;column-gap:22px;padding:24px 0;border-bottom:1px solid var(--line);background:transparent;box-shadow:none}
.fj-case-id{color:#92a0b2;font-size:13px;font-weight:700}
.fj-case .role{font-size:clamp(17px,2vw,21px);font-weight:650;color:var(--navy)}
.fj-case .client{font-size:14px;color:var(--muted)}
.fj-case .rmeta{margin-top:0;display:flex;gap:6px;flex-wrap:wrap;align-items:baseline;justify-content:flex-end}
.fj-case .was{font-size:13px;color:var(--muted)}
.fj-case .now{background:none;color:var(--green-ink);border:0;border-radius:0;padding:0;font-weight:700;font-size:14px;white-space:nowrap}
/* Services homepage: two contrasting ruled sections rather than nested templates. */
.fj-models-section>.center{text-align:left}
.fj-models-section>.center h2{max-width:25ch}
.fj-models-section .plans{gap:0;align-items:stretch;border-top:2px solid var(--navy)}
.fj-models-section .plan{border:0;border-radius:0;box-shadow:none;background:transparent;padding:31px 28px 30px 0}
.fj-models-section .plan+.plan{border-left:1px solid var(--line);padding-left:30px}
.fj-models-section .price{font-size:25px}
.fj-models-section .plan ul li::before{width:5px;height:5px;top:.6em;border-radius:0;background:#89ab4f}
.fj-models-section .badge{display:none}
.fj-models-section .plan .btn{width:auto}
/* Reviews display as quotes on white background */
.fj-testimonials .tst{gap:45px;margin-top:26px}
.fj-testimonials .tst .card{border:0;border-left:2px solid #90b746;padding:0 0 0 23px;background:transparent;box-shadow:none}
.fj-testimonials .tst blockquote{font-family:Georgia,serif;font-size:clamp(18px,2vw,23px);line-height:1.55;color:#273450}
.fj-testimonials .stars{font-size:14px;letter-spacing:3px}
/* Process, compare, faq: no sequence of identical cards */
.steps,.steps3{gap:0}
.step{border:0;border-radius:0;border-top:1px solid var(--line);background:transparent;padding:20px 0}
.step .n{width:28px;height:28px;border:0;border-radius:0;background:transparent;color:var(--royal);font-size:17px}
.steps3 li{border:0;border-top:2px solid var(--navy);border-radius:0;padding:18px 14px 12px 0;background:transparent}
.steps3 li:before{border-radius:0;width:29px;height:29px;background:transparent;color:var(--green-ink);font-size:15px;border-bottom:2px solid #8db445}
.qcard{border-top:1px solid #c7d1df;padding:17px 0}
/* Costs calculator: tailored work area */
.calc.card{border:1px solid #cbd6e4;border-top:4px solid var(--navy);background:#fff;padding:clamp(24px,4vw,48px);border-radius:0;box-shadow:none}
.calcout>div,.calcout .save{border:0;border-radius:0;background:#f1f4f8;padding:18px}
.calcout .save{background:#eaf0df;border-left:3px solid #88ae49}
/* Contact banners: restrained, no generic glowing blobs */
.ctaband{border-radius:0;background:#142654;padding:clamp(25px,4vw,47px);align-items:center}
.ctaband:before{content:none}
.ctaband h2{font-size:clamp(25px,2.8vw,33px);max-width:24ch}
.ctaband p{font-size:15px;max-width:60ch}
/* Shared commercial pages. Every section gets meaningful typography and rules. */
body:not(.page-home) main>.wrap.sec:first-of-type{padding-top:clamp(35px,5vw,65px)}
.breadcrumb{color:#707c92;font-size:12px;letter-spacing:.015em}
.variant,.tariff-block{box-shadow:none;border:1px solid #d3dce8;border-radius:0;background:#fff;padding:clamp(24px,3vw,36px)}
.variant>.tag{border-radius:0;background:#edf2f7;color:var(--royal);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.plan,.plan.reco{border-radius:0;border:1px solid #ccd6e4;box-shadow:none;background:#fff;padding:clamp(23px,3.5vw,35px)}
.plan .price{font-size:clamp(24px,3vw,32px)}
.plan ul li:before{width:6px;height:6px;top:.58em;border-radius:0;background:#86a947}
.plan .badge{display:none}
.fj-subscription{border-top:4px solid var(--navy)!important}
.fj-subscription+.fj-subscription{border-top:4px solid #90af55!important}
.tblwrap table,.pt{border-radius:0!important;box-shadow:none}
table.pt th{background:#e9eef4;color:var(--navy);font-family:Inter,sans-serif;font-size:13px}
table.pt tr.best td{background:#f3f6ed}
.eerlijk,.service-focus,.service-note,.reading-link,.service-quicklinks{border-radius:0;background:#f2f5f8;border-left:3px solid #83a746}
/* Services are arranged as stories with ruled steps, not three tiles. */
.page-service .fj-service-hero{border-bottom:1px solid var(--line)}
.page-service .fj-service-hero .eyebrow{color:#63813a}
.page-service .fj-service-hero h1{max-width:19ch}
.page-service .service-two{gap:clamp(30px,5vw,65px)}
.fj-service-aside{padding:24px 0 20px 24px;border-left:3px solid var(--navy)}
.fj-service-aside h3{margin-top:0}
.page-service .service-steps{grid-template-columns:1fr;gap:0;border-top:2px solid var(--navy);margin:30px 0}
.fj-process-item{display:grid;grid-template-columns:58px minmax(145px,.48fr) minmax(0,1fr);gap:20px;align-items:start;padding:22px 4px;border-bottom:1px solid var(--line)}
.fj-process-index{color:#789451;font-size:14px;font-weight:700;letter-spacing:.04em}
.fj-process-item b{font-size:18px;color:var(--navy);margin:0;font-weight:650}
.fj-process-item p{margin:0!important;font-size:15px;color:var(--muted)}
/* Projects: deliverables are listed like a studio scope of work */
.fj-project-component{border:0!important;border-top:2px solid var(--navy)!important;padding:21px 6px 16px 0!important}
.fj-component-nr,.fj-scan-nr{display:block;color:#8caf51;font-size:14px;font-weight:700;margin-bottom:8px}
/* Scan: audit criteria presented with a clear taxonomy */
.fj-scan-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.fj-scan-check{border-top:2px solid var(--navy);padding-top:15px}
.fj-scan-check h3{margin:7px 0}
.fj-scan-check p{font-size:15px;color:var(--muted)}
/* Blog: editorial index and reading experience, not blog cards */
.fj-journal-list{display:grid;grid-template-columns:1fr;gap:0;margin-top:25px;border-top:2px solid var(--navy)}
.fj-journal-item{display:grid;grid-template-columns:56px minmax(0,1fr) 120px;column-gap:22px;position:relative;border-bottom:1px solid var(--line);background:transparent;padding:29px 0;text-decoration:none;box-shadow:none;color:var(--ink)}
.fj-journal-item:hover{text-decoration:none;background:#f1f4f8}
.fj-journal-nr{grid-row:1 / span 4;grid-column:1;color:#8794a8;font-size:14px;font-weight:650}
.fj-journal-item .date{font-size:13px;color:#7a879b}
.fj-journal-item h3{font-size:clamp(20px,2.7vw,30px);font-weight:600;margin:7px 0 5px;line-height:1.3}
.fj-journal-item p{font-size:15px;max-width:70ch;color:var(--muted)}
.fj-journal-item>span:last-child,.fj-journal-item .readmore{color:var(--royal);font-size:13px;font-weight:650}
/* Article: one calm reading column. Longform gets pull quotes, ledger and a useful summary. */
.article,.editorial{max-width:880px}
.page-article main{background:#fff}
.page-article .article{max-width:900px;padding-top:26px;padding-bottom:85px}
.page-article .article h1{max-width:21ch;margin:16px 0 19px;font-size:clamp(36px,5vw,58px)}
.page-article .article>.date{font-size:13px;color:#8390a3;padding:0 0 22px;border-bottom:1px solid var(--line);margin-bottom:32px}
.page-article .article>p:not(.date):not(.tariff-note):not(.reading-link){font-family:Georgia,'Times New Roman',serif;font-size:clamp(18px,2vw,20px);line-height:1.76;color:#26314b;max-width:72ch}
.page-article .article h2{font-size:clamp(25px,3vw,34px);max-width:24ch;margin:54px 0 17px}
.page-article .article .pt{font-size:14px;min-width:560px}
.page-article .article .tblwrap{margin:26px 0 16px}
.page-article .article .tariff-note{font-size:14px;line-height:1.6;border-left:2px solid #9eb76b;padding-left:16px}
.page-article .article .ctaband{margin-top:60px!important}
.fj-article-intro{font-size:21px!important;line-height:1.7!important;color:#162a55!important}
.fj-pullquote{margin:35px 0 30px;padding:19px 0 19px 26px;border-left:4px solid #9ac257;font:italic clamp(23px,2.8vw,31px)/1.45 Georgia,serif;color:var(--navy)}
.fj-article-takeaway{margin:30px 0;padding:23px 26px;background:#f0f4f9;border-top:3px solid var(--navy)}
.fj-article-takeaway h3{font-size:17px;margin:0 0 7px}
.fj-article-takeaway p{font-size:15px!important;line-height:1.65!important;margin:0;color:#38465e}
/* Forms: professional input / application feel */
main form.card,main .fj-contact-card{border:1px solid #d1dbe8;background:#fff;border-radius:0;padding:clamp(24px,3vw,36px);box-shadow:none}
.formrow input,.formrow textarea,.formrow select{border-radius:2px;border-color:#c8d2e0;padding:12px 13px;background:#fff}
/* FAQ is a neat documentation listing */
details{border-radius:0!important;box-shadow:none!important}
main details{border-top:1px solid #cbd4e3!important;border-bottom:none!important;background:transparent!important;padding:20px 0!important}
main details summary{font-size:17px;font-weight:600;color:var(--navy);cursor:pointer}
/* Founder and legal: don't force marketing-card metaphor */
.portretfoto{box-shadow:none;border-radius:2px;max-width:370px}
.fj-profile-number{border-top:2px solid var(--navy)!important}
.page-legal .legal{max-width:870px}
.page-legal .legal h1{font-size:clamp(33px,4vw,49px)}
.page-legal .legal h2{font-size:22px;max-width:none;margin-top:36px;border-top:1px solid var(--line);padding-top:22px}
/* Footer and floating contact. No two enormous fixed mobile buttons. */
footer.site{background:#0e1a36;color:#c8d1e0;margin-top:0}
footer.site .wrap{padding-top:34px;padding-bottom:25px}
footer.site a{color:#d9e2f1}
footer.site .footlogo{font-weight:600}
.fjfab{display:block;position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:65}
.fjfab-panel{position:absolute;right:0;bottom:61px;width:min(310px,calc(100vw - 36px));background:#fff;border:1px solid #c8d3e3;border-radius:5px;box-shadow:0 18px 60px rgba(7,20,49,.2);padding:19px;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .18s,transform .18s}
.fjfab.open .fjfab-panel{opacity:1;transform:none;pointer-events:auto}
.fjfab-panel h4{font-family:Sora,sans-serif;font-size:16px;margin:0 0 7px;color:var(--navy)}
.fjfab-panel p{font-size:12.5px;margin:0 0 10px;color:var(--muted)}
.fjfab-opt{display:flex;align-items:center;gap:10px;padding:10px 8px;text-decoration:none;border-top:1px solid #e2e7ef}
.fjfab-opt:hover{background:#f3f5f8;text-decoration:none}
.fjfab-opt .ic{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:3px}
.fjfab-opt .tx{display:flex;flex-direction:column;line-height:1.25}
.fjfab-opt .tx b{color:var(--navy);font-size:13px}
.fjfab-opt .tx span{color:var(--muted);font-size:11px}
.fjfab-toggle{display:flex;align-items:center;gap:8px;margin-left:auto;background:#152755;color:#fff;border:1px solid #152755;border-radius:4px;font-family:Inter,sans-serif;font-size:13px;font-weight:700;padding:12px 17px;cursor:pointer;box-shadow:0 7px 24px rgba(15,30,66,.17)}
.fjfab-toggle:hover{background:#2e467e}
.fjfab.open .fjfab-toggle .chev{transform:rotate(180deg)}
body.cookie-open .fjfab{display:none}
.cookiebar{border-radius:4px;border:1px solid #c2cfdf}
/* responsive finishing */
@media(max-width:960px){
 .fj-route{grid-template-columns:48px minmax(130px,.9fr) minmax(220px,1.1fr);gap:15px}
 .fj-route-link{grid-column:2 / -1;text-align:left}
 .fj-case{grid-template-columns:38px 1fr 1fr;gap:12px}
 .fj-case .rmeta{grid-column:2 / -1;justify-content:flex-start}
 .fj-models-section .plan+.plan{padding-left:22px}
}
@media(max-width:760px){
 .nav{padding:6px 0;min-height:72px}
 .nav img{height:42px;max-width:172px}
 .hamb{border-radius:0}
 .nav nav{border-top:1px solid #dce4ed}
 .nav a[aria-current=page]{box-shadow:none;border-left:2px solid #9abb57}
 .sec{padding-top:48px;padding-bottom:48px}
 .center{text-align:left!important}
 .fj-route{grid-template-columns:42px 1fr;gap:6px 14px;padding:20px 0 23px}
 .fj-route-nr{grid-row:1 / 4;margin-top:3px}
 .fj-route h3{grid-column:2;max-width:none;font-size:21px}
 .fj-route p{grid-column:2;font-size:14px}
 .fj-route-link{grid-column:2;margin-top:10px;font-size:12px}
 .fj-number-grid{grid-template-columns:1fr;gap:12px}
 .fj-proof{padding-left:24px!important;padding-right:24px!important}
 .fj-cases{gap:0}
 .fj-case{grid-template-columns:30px 1fr;gap:5px 14px;padding:19px 0}
 .fj-case-id{grid-row:1 / 4}
 .fj-case .role{grid-column:2;font-size:19px}
 .fj-case .client{grid-column:2;font-size:13px}
 .fj-case .rmeta{grid-column:2;font-size:13px;margin-top:6px;justify-content:flex-start}
 .fj-models-section .plans{grid-template-columns:1fr}
 .fj-models-section .plan{padding:27px 0!important}
 .fj-models-section .plan+.plan{border-left:0;border-top:1px solid var(--line)}
 .fj-testimonials .tst{gap:28px}
 .service-two,.page-service .service-two{grid-template-columns:1fr}
 .fj-process-item{grid-template-columns:34px 1fr;gap:8px 12px}
 .fj-process-item b{grid-column:2}
 .fj-process-item p{grid-column:2}
 .fj-scan-checks{grid-template-columns:1fr;gap:12px}
 .fj-scan-check{padding-top:14px;padding-bottom:14px}
 .fj-journal-item{grid-template-columns:35px 1fr;padding:20px 0;gap:4px 12px}
 .fj-journal-item .date,.fj-journal-item h3,.fj-journal-item p{grid-column:2}
 .fj-journal-item h3{font-size:22px}
 .fj-journal-nr{grid-row:1 / 4}
 .page-article .article h1{font-size:30px;line-height:1.2}
 .page-article .article>p:not(.date):not(.tariff-note):not(.reading-link){font-size:18px}
 .hero .mini{display:grid;grid-template-columns:1fr 1fr;gap:20px}
 .hero .floatcard{display:none}
 .fjfab{right:13px;bottom:calc(13px + env(safe-area-inset-bottom))}
 .fjfab-toggle{padding:12px 15px;font-size:13px}
 footer.site{padding-bottom:0}
}
@media(max-width:390px){
 .wrap{padding-left:18px;padding-right:18px}
 h1{font-size:34px}
 h2{font-size:27px}
 .hero .mini{grid-template-columns:1fr}
 .hero .btns .btn{width:100%;justify-content:center}
 .fj-route{grid-template-columns:30px 1fr}
 .nav img{height:38px;max-width:152px}
 .fj-case .rmeta{display:block}
 .fj-case .rmeta span+span{display:block;margin-top:3px}
}
@media(prefers-reduced-motion:reduce){.fjfab-panel,.fjfab-toggle{transition:none}}

/* Editorial refinements after mobile screenshot review */
.hero:before{background:none;opacity:1;width:1px;height:68%;top:16%;right:11%;background-color:rgba(255,255,255,.14)}
.hero .mini b,.steps3 b,.steps3 li b,.stat,.fj-number .stat{font-family:Inter,Arial,sans-serif}
.hero-textlink{color:#e0e8f6;text-decoration:underline;text-decoration-color:#9bb76b;text-underline-offset:5px;font-weight:600;font-size:14px;padding:10px 4px;display:inline-flex;align-items:center}
.hero-textlink:hover{color:#fff;text-decoration-color:#fff}
@media(max-width:760px){.page-article .article h1{font-size:27px;line-height:1.24;overflow-wrap:normal;word-break:normal}}
/* Index items keep their reading link aligned under the summary. */
.fj-journal-item>.eyebrow{grid-column:2;grid-row:4;text-transform:none;letter-spacing:0;color:var(--royal);font-size:13px}

/* Duidelijk bereikbare abonnementsdiensten in desktop- en mobiel menu. */
.nav nav>ul>li.nav-services{position:relative}
.nav .nav-services .subnav{display:none;position:absolute;top:100%;left:0;z-index:100;min-width:230px;width:max-content;max-width:calc(100vw - 40px);padding:8px!important;margin:0;list-style:none;flex-direction:column;align-items:stretch;flex-wrap:nowrap;background:#fff;border:1px solid #d7dfe9;box-shadow:0 12px 25px rgba(22,38,73,.13)}
.nav .nav-services:hover .subnav,.nav .nav-services:focus-within .subnav{display:flex}
.nav .nav-services .subnav li{width:100%}
.nav .nav-services .subnav a{display:block;padding:12px 14px;color:#183565;white-space:normal;line-height:1.3}
.nav .nav-services>a::after{content:'⌄';display:inline-block;margin-left:7px;font-size:15px;vertical-align:middle}
.fj-price-guide{padding:clamp(22px,4vw,42px);background:#fff}
.fj-price-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;border-top:2px solid #183565;margin:30px 0}
.fj-price-list>div{padding:22px 0;border-bottom:1px solid #d9e0e9}
.fj-price-list h3{font-size:21px;margin:0 0 10px}
.fj-price-list dl{margin:20px 0}
.fj-price-list dl>div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #e3e8ee;padding:12px 0}
.fj-price-list dt{color:#56647a;font-weight:500}
.fj-price-list dd{margin:0;color:#172b58;font-weight:750;white-space:nowrap}
@media(max-width:860px){
 .nav .nav-services .subnav{display:flex!important;position:static;max-width:none;min-width:0;width:100%;padding:3px 0 10px 14px!important;background:transparent;border:0;border-left:2px solid #d6e1ec;box-shadow:none}
 .nav .nav-services .subnav a{padding:10px 12px;font-size:14px}
 .nav .nav-services>a::after{display:none}
}
@media(max-width:700px){.fj-price-list{grid-template-columns:1fr;gap:0}.fj-price-list dl>div{display:block}.fj-price-list dd{padding-top:5px}}