/* B45 composition, shared B32 typography and spacing. No entrance animations. */
.ja-about-width{width:min(100% - 2*var(--ja-gutter),var(--ja-container))!important;max-width:none;margin-inline:auto!important;padding:0!important;gap:0!important;min-width:0}
.ja-about-section,.ja-about-hero{width:100%;padding:var(--ja-section-space) 0!important;background:var(--ja-white)}
.ja-about-section .e-con,.ja-about-hero .e-con{padding:0!important;min-width:0;--gap:0px;--row-gap:0px;--column-gap:0px}
.ja-about-section .elementor-widget-heading,.ja-about-hero .elementor-widget-heading{margin:0!important}
.ja-about-section h2,.ja-about-hero h1{margin:0 0 var(--ja-copy-gap)!important}
.ja-about-section h2{font-size:var(--ja-type-section);line-height:var(--ja-section-leading)}
.ja-about-section .elementor-widget-heading h3{font-size:var(--ja-type-title);font-weight:650;line-height:1.25;margin:0 0 var(--ja-copy-gap)}
.ja-about-section p:not(.book-meta),.ja-about-hero p,.ja-about-section li{font-size:var(--ja-type-body);line-height:var(--ja-body-leading);margin:0 0 var(--ja-paragraph-gap)}
.ja-about-section .elementor-widget-text-editor+.elementor-widget-heading{margin-top:var(--ja-space-6)!important}
.ja-about-hero{background:var(--ja-orange);padding:24px 0 36px!important;color:var(--ja-navy)}
.ja-about-breadcrumb{font-size:var(--ja-type-small);margin-bottom:24px}
.ja-about-hero-grid{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;column-gap:64px!important}
.ja-about-hero h1{font-size:clamp(48px,4.8vw,72px);line-height:.97;max-width:760px}
.ja-about-hero-copy p{max-width:600px}
.ja-about-primary{margin-top:calc(var(--ja-action-gap) - var(--ja-paragraph-gap))}
.ja-about-primary .elementor-button{background:var(--ja-navy);color:var(--ja-white)}
.ja-about-primary .elementor-button:hover{background:var(--ja-navy-hover);color:var(--ja-white)}
/* The approved composition uses original editable image widgets, no baked raster hero. */
.ja-about-images{position:relative;display:block!important;width:min(100%,440px);aspect-ratio:1.13;justify-self:end;isolation:isolate;perspective:900px}
.ja-about-portrait{position:absolute;top:0;right:0;width:42%!important;max-width:190px;z-index:1;margin:0!important;padding:6px!important;background:var(--ja-white);box-shadow:0 10px 22px #00173126}
.ja-about-portrait img{width:100%;height:auto;display:block;object-fit:contain}
.ja-about-covers{position:absolute;inset:0;display:block!important;width:100%;max-width:none;perspective:900px;z-index:2}
.ja-about-covers>.elementor-widget-image{position:absolute;bottom:12px;width:52%!important;left:0;transform:rotateY(-8deg) rotateZ(-2deg);transform-origin:bottom center;z-index:2}
.ja-about-covers>.elementor-widget-image+ .elementor-widget-image{left:auto;right:2%;bottom:4px;width:39%!important;transform:rotateY(-10deg) rotateZ(4deg);z-index:3}
.ja-about-covers>.elementor-widget-image::after{content:"";position:absolute;top:0;right:-5px;bottom:0;width:5px;background:#eee8dc;box-shadow:inset -1px 0 #b5b0a6;transform:skewY(14deg);transform-origin:left top;z-index:-1}
.ja-about-covers img{width:100%;height:auto;max-width:100%;display:block;object-fit:contain;filter:none;box-shadow:0 16px 22px #00173136}
.ja-about-anchors{grid-template-columns:repeat(3,minmax(0,1fr));padding:var(--ja-space-6) 0 0;margin-bottom:0;}
.ja-about-anchors img{width:34px;height:34px;object-fit:contain}
.ja-about-anchors a{padding:12px;}
.ja-about-two-col{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px!important;row-gap:24px!important}
.ja-about-section .ja-about-education{container-type:inline-size;align-self:start;background:var(--ja-paper);padding:24px!important}
.ja-about-method+.ja-about-method{margin-top:24px}
#opleiding-loopbaan .ja-about-two-col{grid-template-columns:minmax(0,1.3fr) minmax(0,.85fr)}
.ja-about-section .elementor-widget-text-editor{min-width:0;max-width:100%;}
.ja-about-section table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:var(--ja-type-body);line-height:1.5;margin:0}
.ja-about-section th,.ja-about-section td{border:0;border-bottom:1px solid var(--ja-line);padding:10px 12px;text-align:left;vertical-align:top;overflow-wrap:anywhere;word-break:normal}
.ja-about-section th{font-weight:650;color:var(--ja-navy)}
.ja-about-section thead{background:var(--ja-surface)}
.ja-about-section .ja-about-note p,.ja-about-section cite{font-size:var(--ja-type-small);font-style:normal;line-height:1.4;color:var(--ja-muted)}
.ja-about-note{margin-top:12px}
.ja-about-section blockquote{padding:0;border:0;margin:0 0 28px;color:var(--ja-navy)}
.ja-about-section blockquote p{font-size:var(--ja-type-title);font-style:italic;line-height:1.3;margin-bottom:8px}
.ja-about-examples{margin-top:4px}
.ja-about-width>.e-con+.elementor-widget-heading{margin-top:var(--ja-space-6)!important}
.ja-about-examples thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.ja-about-paper{background:var(--ja-paper)}
.ja-about-section ul{padding-left:24px;margin:0}
.ja-about-section li{margin-bottom:4px}
.ja-about-navy{background:var(--ja-navy);color:var(--ja-white)}
.ja-about-navy h2,.ja-about-navy h3,.ja-about-navy a{color:var(--ja-white)}
.ja-about-navy .elementor-button:hover{color:var(--ja-white)!important}
.ja-about-navy :focus-visible,.ja-home-footer :focus-visible{outline-color:var(--ja-white)}
.ja-about-external-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px!important;margin-top:16px}
.ja-about-section:has(.ja-featured-books){background:var(--ja-paper)}
.ja-about-books-head{display:flex!important;flex-direction:row!important;justify-content:space-between;align-items:center;column-gap:24px!important;margin-bottom:24px}
.ja-about-books-head h2{margin:0!important}
.ja-featured-books{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.ja-about-section[id]{scroll-margin-top:32px}
.ja-about-section .elementor-widget-button,.ja-about-hero .elementor-widget-button{max-width:100%}
.ja-about-section .elementor-button,.ja-about-hero .elementor-button{font-size:var(--ja-type-action)!important;font-weight:650!important;line-height:1.25!important}
.ja-about-navy .elementor-button{justify-content:flex-start!important;text-align:left!important;white-space:normal}
@media(max-width:1024px){.ja-about-section{padding:var(--ja-section-space) 0!important}.ja-about-hero-grid{column-gap:32px!important}.ja-about-two-col{column-gap:32px!important}}
@media(max-width:800px){.ja-about-external-grid{grid-template-columns:1fr;row-gap:24px!important}.ja-about-external-grid>div+div{padding-top:24px!important;border-top:1px solid #ffffff55}.ja-about-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.65fr)}.ja-about-anchors{grid-template-columns:repeat(3,minmax(0,1fr))}.ja-about-books-head{flex-direction:column!important;align-items:flex-start;row-gap:12px!important}}
@media(max-width:640px){.ja-about-hero-grid,.ja-about-two-col{grid-template-columns:1fr;row-gap:24px!important}.ja-about-hero h1{font-size:44px}.ja-about-hero{padding-bottom:28px!important}.ja-about-images{margin-top:8px;width:min(100%,340px);justify-self:center}.ja-about-anchors{grid-template-columns:repeat(2,minmax(0,1fr))}.ja-about-anchors a:last-child{grid-column:1/-1}.ja-about-section{padding:var(--ja-section-space) 0!important}.ja-about-section h2{font-size:var(--ja-type-section)}.ja-about-section .elementor-widget-heading h3{font-size:22px}.ja-about-anchors a{padding:12px 8px}.ja-featured-books{grid-template-columns:1fr!important}.ja-about-school-table table,.ja-about-school-table tbody,.ja-about-school-table tr,.ja-about-school-table td,.ja-about-school-table th{display:block}.ja-about-school-table thead{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.ja-about-school-table tr{padding:12px 0;border-bottom:1px solid var(--ja-line)}.ja-about-school-table td,.ja-about-school-table th{padding:2px 0;border:0}.ja-about-school-table th{font-size:var(--ja-type-small);color:var(--ja-muted)}.ja-about-school-table td:nth-child(2){font-weight:650;color:var(--ja-navy)}.ja-about-school-table td:last-child{font-size:var(--ja-type-small)}.ja-about-examples th,.ja-about-examples td{padding:8px 4px}.ja-about-breadcrumb{margin-bottom:20px}}
@media(max-width:640px){#opleiding-loopbaan .ja-about-two-col{grid-template-columns:1fr}}
@media(max-width:390px){.ja-about-hero h1{font-size:clamp(36px,11vw,44px)}}
/* Narrow tables become labelled records; keep every source detail and natural words. */
@media(max-width:1024px){
 .ja-about-education table,.ja-about-education tbody,.ja-about-education tr,.ja-about-education th,.ja-about-education td{display:block}
 .ja-about-education thead{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
 .ja-about-education tr{padding:12px 0;border-bottom:1px solid var(--ja-line)}
 .ja-about-education th,.ja-about-education td{padding:2px 0;border:0}
}
@media(max-width:800px){.ja-about-examples{grid-template-columns:1fr!important}}
@media(max-width:640px){
 .ja-about-examples table,.ja-about-examples tbody,.ja-about-examples tr,.ja-about-examples th,.ja-about-examples td{display:block}
 .ja-about-examples tr{padding:10px 0;border-bottom:1px solid var(--ja-line)}
 .ja-about-examples th,.ja-about-examples td{padding:2px 0;border:0}
}
@media(prefers-reduced-motion:reduce){.ja-about-anchors a,.ja-about-section .elementor-button,.ja-about-hero .elementor-button{transition:none!important}}

@container (max-width:430px){
 .ja-about-education table,.ja-about-education tbody,.ja-about-education tr,.ja-about-education th,.ja-about-education td{display:block}
 .ja-about-education thead{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
 .ja-about-education tr{padding:12px 0;border-bottom:1px solid var(--ja-line)}
 .ja-about-education th,.ja-about-education td{padding:2px 0;border:0}
}