
/* Future Job 2026: drie pijlers en redactionele dienstverlening. */
.fj-broad-hero h1{max-width:900px;font-size:clamp(39px,6vw,75px);line-height:1.06;letter-spacing:-.035em}
.fj-broad-hero .lead{max-width:760px}
.fj-broad-hero .fj-hero-outline{border:1px solid rgba(255,255,255,.55);color:#fff;background:transparent}
.fj-broad-hero .fj-hero-outline:hover{background:rgba(255,255,255,.12)}
.fj-broad-facts{max-width:900px}
.fj-offer-overview{padding-top:64px}
.fj-offer-heading{max-width:780px;margin-bottom:42px}
.fj-offer-heading h2{line-height:1.12;max-width:650px}
.fj-offer-heading p{font-size:18px;line-height:1.6;color:var(--muted)}
.fj-offer-lines{border-top:2px solid var(--navy2)}
.fj-offer-line{display:grid;grid-template-columns:70px minmax(0,1fr) auto;column-gap:26px;align-items:start;padding:32px 4px;border-bottom:1px solid #cad5e2}
.fj-offer-index{font-weight:700;color:#64823d;font-size:15px;padding-top:4px}
.fj-offer-line h3{margin:0 0 10px;font-size:clamp(24px,2.6vw,34px);line-height:1.2;letter-spacing:-.025em}
.fj-offer-line p{color:var(--muted);margin:0 0 12px;max-width:665px;line-height:1.62}
.fj-inline-links{display:flex;gap:12px 25px;flex-wrap:wrap}
.fj-inline-links a{font-weight:650;color:#183b72;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.fj-offer-open{color:#193769;font-weight:700;white-space:nowrap;padding-top:9px;font-size:14px;text-decoration:none}
.fj-project-portfolio{background:#f4f6fa;padding:clamp(30px,5vw,65px)}
.fj-portfolio-head{display:grid;grid-template-columns:1.15fr .85fr;gap:38px;align-items:end;margin-bottom:24px}
.fj-portfolio-head p{font-size:17px;color:var(--muted);margin:0}
.fj-portfolio-rows{list-style:none;padding:0;margin:0;border-top:2px solid #233b69}
.fj-portfolio-rows li{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:start;gap:20px;padding:20px 0;border-bottom:1px solid #ccd5e3}
.fj-portfolio-rows li>span{color:#738346;font-size:13px;font-weight:700}
.fj-portfolio-rows strong{color:#12285b;font-size:20px}
.fj-portfolio-rows p{margin:5px 0 0;color:var(--muted);font-size:15px}
.fj-portfolio-rows a{white-space:nowrap;font-size:14px;font-weight:700;color:#23477a}
.fj-service-lead{padding-bottom:42px}
.fj-service-lead h1{max-width:930px;font-size:clamp(36px,5.2vw,64px);line-height:1.08;letter-spacing:-.032em}
.fj-service-lead .lead{max-width:790px;font-size:clamp(19px,2.15vw,25px)}
.fj-intro-note{border-top:1px solid #c9d4e3;margin-top:30px;padding-top:24px;max-width:840px}
.fj-intro-note p{margin:0;color:#48566c;line-height:1.75;font-size:17px}
.fj-scope{padding-top:40px}
.fj-scope-title{max-width:770px;margin-bottom:25px}
.fj-scope-title p{max-width:700px;color:var(--muted)}
.fj-scope-project{border-top:2px solid #233b69;margin-top:25px;padding:25px 0 35px}
.fj-scope-header{display:grid;grid-template-columns:56px 1fr;gap:22px;align-items:start}
.fj-scope-nr{font-size:14px;font-weight:800;color:#5c7940;padding-top:8px}
.fj-scope-header h2{font-size:clamp(26px,3.2vw,38px);margin:0 0 8px;line-height:1.19}
.fj-scope-header p{margin:0;color:#52617a;font-size:16px;max-width:780px}
.fj-scope-details{margin:28px 0 0 78px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:40px}
.fj-scope-caption{display:block;text-transform:uppercase;letter-spacing:.11em;color:#587048;font-weight:750;font-size:11px;margin-bottom:15px}
.fj-scope-details ul{padding-left:18px;margin:0;line-height:1.65}
.fj-scope-details li+li{margin-top:11px}
.fj-scope-outcome{background:#f0f3f8;border-left:3px solid #9fb95e;padding:25px 27px}
.fj-scope-outcome p{margin:0 0 20px;font-size:15px;line-height:1.65}
.fj-scope-outcome dl{margin:0}
.fj-scope-outcome dl>div{padding:11px 0;border-top:1px solid #d0d9e6}
.fj-scope-outcome dt{font-size:12px;color:#68748a}
.fj-scope-outcome dd{margin:3px 0 0;font-size:15px;font-weight:750;color:#12285b}
.fj-scope-footnote{margin-top:20px;font-size:14px;color:#52617a;max-width:900px}
.fj-steps{display:grid;grid-template-columns:.88fr 1.12fr;gap:55px;border-top:1px solid #d5deeb}
.fj-steps-list{list-style:none;margin:0;padding:0}
.fj-steps-list li{padding:17px 0;border-bottom:1px solid #ced8e6;display:grid;grid-template-columns:1fr 1.4fr;gap:18px}
.fj-steps-list b{font-size:17px;color:#172e60}
.fj-steps-list span{color:#4d5b70;font-size:15px;line-height:1.65}
.fj-questions{padding-top:35px}
.fj-questions details{border-bottom:1px solid #cfdae8;padding:15px 0}
.fj-questions summary{font-size:17px;cursor:pointer;font-weight:700;color:#153064}
.fj-questions details p{padding:6px 0 0;max-width:780px;color:#52617a}
.fj-contact-band{background:#14295a;color:#fff;padding:45px 0}
.fj-contact-band>.wrap{display:flex;gap:24px;justify-content:space-between;align-items:center}
.fj-contact-band h2{color:#fff;margin:7px 0}
.fj-contact-band p{color:#e3e8f5;max-width:690px;margin:0}
.fj-contact-band .eyebrow{color:#cce2a1}
.fj-contact-band .btn{white-space:nowrap}
.fj-interim-list{border-top:2px solid #253968}
.fj-interim-list article{display:grid;grid-template-columns:55px 1fr;gap:18px;border-bottom:1px solid #cbd6e3;padding:22px 0}
.fj-interim-list article>span{color:#6a854c;font-weight:800}
.fj-interim-list h3{margin:0 0 9px;font-size:23px}
.fj-interim-list p{margin:0;color:#546079}
.fj-interim-practical{margin-top:32px;max-width:850px}
.fj-interim-practical h2{font-size:25px;margin:0 0 12px}
.fj-interim-practical p:last-child{margin-bottom:0}
.fj-cross-service{border-top:1px solid #d5dfeb}
@media(max-width:1000px){.fj-offer-line{grid-template-columns:43px minmax(0,1fr)}.fj-offer-open{grid-column:2;margin-top:5px}.fj-portfolio-head{grid-template-columns:1fr;gap:5px}.fj-portfolio-rows li{grid-template-columns:26px minmax(0,1fr)}.fj-portfolio-rows a{grid-column:2}}
@media(max-width:760px){.fj-broad-hero h1{font-size:clamp(34px,9vw,46px)}.fj-offer-overview{padding-top:42px}.fj-offer-heading p{font-size:16px}.fj-offer-line{padding:24px 0;column-gap:13px}.fj-offer-line h3{font-size:25px}.fj-inline-links{gap:11px 18px;font-size:14px}.fj-project-portfolio{padding:28px 20px}.fj-portfolio-rows strong{font-size:18px}.fj-service-lead{padding-bottom:24px}.fj-scope-details{grid-template-columns:1fr;margin:22px 0 0;gap:20px}.fj-scope-header{grid-template-columns:36px 1fr;gap:10px}.fj-scope-header h2{font-size:26px}.fj-scope-outcome{padding:22px}.fj-steps{grid-template-columns:1fr;gap:15px}.fj-steps-list li{grid-template-columns:1fr;gap:6px}.fj-contact-band>.wrap{flex-direction:column;align-items:start}.fj-contact-band .btn{max-width:100%;white-space:normal}}
