/* Future Job, redactionele leesbaarheid en mobiele verfijning | 2026-11-01 */
:root { text-wrap: pretty; }
.legal.fj-legal-revised { max-width: 850px; }
.legal.fj-legal-revised .fj-legal-lead { font-size: 18px; line-height: 1.7; color: #253853; max-width: 740px; border-bottom: 1px solid #d9e1ed; padding-bottom: 23px; margin-bottom: 25px; }
.legal.fj-legal-revised h2 { margin: 38px 0 12px; font-size: clamp(19px,2vw,24px); line-height: 1.3; overflow-wrap: anywhere; }
.legal.fj-legal-revised p, .legal.fj-legal-revised li { font-size: 15.5px; line-height: 1.8; color: #36445c; }
.legal.fj-legal-revised li { padding-left: 5px; margin-bottom: 8px; }
.legal.fj-legal-revised a { overflow-wrap: anywhere; }
.legal.fj-legal-revised .fj-legal-note { background: #f0f4f9; padding: 18px 20px; border-left: 3px solid #9aba56; }
/* Serviceverslagen moeten op kleine schermen lucht krijgen */
.fj-scope-project .fj-scope-outcome dl { display: block !important; margin: 18px 0 0 !important; }
.fj-scope-project .fj-scope-outcome dl > div { display: block !important; margin: 0 !important; padding: 14px 0 !important; border-top: 1px solid #cbd6e4; min-width: 0; }
.fj-scope-project .fj-scope-outcome dt { display: block !important; margin: 0 0 6px !important; padding: 0 !important; font-size: 13px !important; line-height: 1.5; font-weight: 500; }
.fj-scope-project .fj-scope-outcome dd { display: block !important; margin: 0 !important; padding: 0 !important; font-size: 16px !important; line-height: 1.5; font-weight: 750; white-space: normal; overflow-wrap: break-word; }
.fj-scope-project .fj-scope-caption { display: block; margin: 0 0 11px; }
.fj-scope-project .fj-scope-details > div { min-width: 0; }
.fj-scope-project ul { margin-top: 12px !important; padding-left: 23px !important; }
.fj-scope-project li { line-height: 1.66; padding-left: 2px; }
.fj-scope-project .fj-scope-header h2 { overflow-wrap: normal; hyphens: auto; }
/* Inhoudelijke koppelingen worden echt los van elkaar weergegeven */
.fj-inline-links { display: flex !important; align-items: flex-start; flex-wrap: wrap; gap: 13px 24px !important; margin: 17px 0 8px; }
.fj-inline-links a { display: inline-flex; align-items: baseline; padding: 4px 0; line-height: 1.5; }
.fj-cross-service a + a, .fj-contact-band a + a { margin-left: 12px; }
.fj-journal-list { border-top: 1px solid #d5dce7; }
.fj-journal-item { text-decoration: none; }
.fj-journal-item > .date { display: block; margin-bottom: 10px; }
.fj-journal-item > h3 { display: block; line-height: 1.35; margin: 8px 0 10px; }
.fj-journal-item > p { display: block; color: #5a6478; line-height: 1.6; margin: 0 0 12px; }
.fj-journal-item .fj-journal-more { display: inline-block; font-weight: 700; color: #204678; font-size: 13px; }
.page-article .article ol { padding-left: 24px; font-family: Georgia,serif; font-size: 18px; line-height: 1.75; color: #26314b; }
.page-article .article ol li { margin-bottom: 8px; }
.page-article .article .reading-link { margin-top: 38px; font-weight: 650; }
.page-article .article .reading-link a { text-decoration: underline; text-underline-offset: 4px; }
.page-article .article .ctaband { display: block; border-top: 1px solid #d6dfeb; padding-top: 24px; }
.page-article .article .ctaband h2 { font-size: 25px; max-width: none; margin: 0 0 8px; }
.page-article .article .ctaband p { color: #44526a; line-height: 1.65; }
.page-article .article .ctaband a.btn { display: inline-block; margin-top: 12px; }
@media(max-width:760px) {
 .legal.fj-legal-revised { padding-inline: 20px; }
 .legal.fj-legal-revised h1 { font-size: 31px; }
 .legal.fj-legal-revised .fj-legal-lead { font-size: 16.5px; }
 .legal.fj-legal-revised p, .legal.fj-legal-revised li { font-size: 15px; line-height: 1.75; }
 .fj-scope-project { margin-top: 17px; padding: 25px 0 30px; }
 .fj-scope-project .fj-scope-outcome { margin-top: 4px; padding: 22px 20px !important; }
 .fj-scope-project .fj-scope-details { display: flex !important; flex-direction: column !important; gap: 23px !important; }
 .fj-scope-project .fj-scope-header { grid-template-columns: 30px minmax(0,1fr) !important; gap: 12px !important; }
 .fj-scope-project .fj-scope-header h2 { font-size: clamp(23px,6.3vw,28px) !important; }
 .fj-scope-project .fj-scope-header p { font-size: 15px; }
 .fj-scope-project .fj-scope-caption { margin: 0 0 10px !important; font-size: 12px; }
 .fj-scope-project .fj-scope-outcome dt { margin-bottom: 6px !important; }
 .fj-scope-project .fj-scope-outcome dd { font-size: 16px !important; }
 .fj-steps-list li { display: flex !important; flex-direction: column; gap: 7px; }
 .fj-inline-links { flex-direction: column; align-items: flex-start; gap: 13px !important; }
 .fj-inline-links a { display: block; margin: 0; }
 .fj-cross-service .fj-inline-links a + a { margin-left: 0; }
 .fj-contact-band .btn { display: inline-flex; width: auto; max-width:100%; }
 .fj-journal-list .fj-journal-item { display: block; padding: 20px 2px; }
 .fj-journal-list .fj-journal-nr { display: inline-block; margin-right: 12px; }
 .fj-journal-list .fj-journal-item .date { display: inline-block; }
 .fj-journal-list .fj-journal-item h3 { font-size: 21px; }
 .page-article .article ol { font-size: 17px; }
 .page-article .article .ctaband h2 { font-size: 22px; }
 /* Contactknop mag nooit afleiden van regels met prijzen en duur */
 .fjfab { right: 10px !important; bottom: calc(10px + env(safe-area-inset-bottom)) !important; }
 .fjfab-toggle { border-radius: 10px !important; font-size: 12px !important; padding: 9px 12px !important; }
}

/* Blog index: link onder de tekst, niet in een smalle gridkolom */
.fj-journal-item > .fj-journal-more { grid-column: 2 / -1; grid-row: auto; width: max-content; max-width: 100%; white-space: nowrap; clear: both; margin-top: 8px; display: inline-flex; align-items:center; }
@media(max-width:760px){ .fj-journal-list .fj-journal-item>.fj-journal-more{display:block!important;width:auto!important;margin-top:12px!important;white-space:nowrap!important;grid-column:auto!important;} }
/* Mobiel: geen zwevende knop over prijzen, lijsten of juridische tekst */
@media(max-width:760px){.fjfab{display:none!important}}
