/* O4A knowledge pilot — reuse of editorial colour/typography tokens from the current explanation site.
   Source reference: O4A-uitleg-platform/public/site.css (21 Oct 2026).
   Static, script-free, responsive, owner-review-only. */
:root{color-scheme:light;--page:#f8f5ef;--paper:#fffdfa;--ink:#302e35;--title:#101c46;--muted:#665f67;--accent:#205a85;--accent-light:#e8f1f6;--accent-line:#acc9da;--rose:#943d50;--rose-wash:#f8eeee;--border:#e9dfd9;--serif:"Source Serif 4",Georgia,Cambria,serif;--sans:"Inter","Aptos",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-family:var(--sans);font-synthesis:none;color:var(--ink);background:var(--page);-webkit-text-size-adjust:100%}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}a{color:inherit}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);color:var(--title);font-weight:600;letter-spacing:-.034em}h1{font-size:clamp(3rem,6.7vw,5.7rem);line-height:1.07}h2{font-size:clamp(2rem,4.6vw,3.45rem);line-height:1.17}h3{font-size:1.14rem;color:var(--title)}p{line-height:1.75}.wrap{width:min(calc(100% - 64px),1120px);margin-inline:auto}.narrow{max-width:820px}.draft-label{background:#eff0df;color:#464935;font-size:12px;font-weight:650;padding:8px 0;letter-spacing:.005em}.draft-dot{display:inline-block;width:8px;height:8px;background:#b48428;border-radius:100%;margin-right:8px}.skip{position:absolute;z-index:20;top:-100px;left:12px;background:white;padding:12px}.skip:focus{top:12px}a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.site-header{background:var(--paper);border-bottom:1px solid var(--border)}.header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:flex;align-items:center;flex-shrink:0}.brand img{display:block;width:212px;height:auto}.site-header nav{display:flex;align-items:center;flex-wrap:wrap;gap:26px;margin-left:auto}.site-header nav a,.header-external{font-size:13px;font-weight:640;text-decoration:none;color:#495063;line-height:1.4}.site-header nav a:hover,.site-header nav a[aria-current=page]{color:var(--accent)}.site-header nav a[aria-current=page]{border-bottom:2px solid var(--accent);padding-bottom:5px}.header-external{color:var(--accent);border:1px solid #b8ccdb;border-radius:4px;padding:10px 13px;white-space:nowrap}.header-external:hover{background:var(--accent-light)}
.eyebrow{display:inline-flex;align-items:center;gap:11px;color:var(--accent);font-size:12px;line-height:1.5;font-weight:800;text-transform:uppercase;letter-spacing:.12em;margin-bottom:21px}.eyebrow-line{width:27px;height:2px;background:#d9a52c;display:inline-block}.hero{background:linear-gradient(120deg,#f8f5ef 40%,#eef4f5 100%);border-bottom:1px solid #e4e7e4}.hero-grid{min-height:615px;padding-top:90px;padding-bottom:90px;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:36px}.hero-copy{position:relative;z-index:1}.hero h1{max-width:680px;margin-bottom:28px}.hero h1 em,.subhero h1 em{font-weight:500;font-style:italic;color:var(--accent)}.intro{color:#5b5961;font-size:clamp(17px,1.8vw,19px);line-height:1.85;max-width:700px}.hero-actions{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:34px}.primary-link{display:inline-flex;align-items:center;justify-content:center;gap:24px;text-decoration:none;padding:17px 22px;background:var(--title);color:white;font-size:14px;font-weight:710;border:1px solid var(--title);border-radius:4px}.primary-link:hover{background:#1e3769}.secondary-link,.text-link{color:var(--accent);font-size:14px;font-weight:750;text-decoration:none;border-bottom:1px solid var(--accent);padding-bottom:5px}.secondary-link span{margin-left:8px}.hero-art{position:relative;width:100%;min-height:390px;display:grid;place-items:center;isolation:isolate}.hero-art:before{content:"";width:295px;height:295px;background:#d8e5e9;position:absolute;border-radius:50%;left:14%;top:10%;filter:blur(.2px)}.paper-sheet{position:absolute;width:274px;height:354px;background:#fffdfa;box-shadow:0 28px 64px #20395623;border:1px solid #e0e0dc;border-radius:8px}.paper-back{transform:rotate(10deg) translate(37px,-3px);background:#d4e6ef}.paper-front{transform:rotate(-7deg) translate(-8px,4px);padding:31px 29px;display:flex;flex-direction:column;align-items:start}.art-top{font-size:10px;color:#627b8c;font-weight:750;letter-spacing:.13em}.art-circle{font-family:var(--serif);font-size:100px;line-height:1;width:147px;height:147px;border:2px solid #c6dce8;border-radius:50%;display:grid;place-items:center;margin:23px auto 17px;color:#235c82;background:#e8f3f6}.art-line{height:8px;width:70%;background:#e4e6e4;border-radius:6px;margin:7px 0}.art-line.long{width:98%}.art-line.mid{width:85%}.art-pill{font-size:9px;color:#4a6480;font-weight:700;border-radius:13px;background:#e9f0ef;padding:7px 11px;margin-top:auto;white-space:nowrap}.art-spark{position:absolute;font-size:38px;color:#e0b04a}.spark-one{right:0;top:6%}.spark-two{left:3%;bottom:8%;color:#7b9bb2;font-size:20px}
.section{padding-top:105px;padding-bottom:100px}.section-top{max-width:760px;margin-bottom:42px}.section-top h2{margin-bottom:19px}.section-top>p{color:var(--muted);font-size:16px;margin-bottom:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{display:flex;flex-direction:column;text-decoration:none;min-height:270px;background:var(--paper);border:1px solid var(--border);border-top:3px solid #b5cad6;padding:29px 27px;transition:transform .2s ease,border-color .2s}.feature-card:hover{transform:translateY(-3px);border-color:#a2c0d1}.feature-card:nth-child(2){border-top-color:#dbb1a2}.feature-card:nth-child(3){border-top-color:#dfbd68}.card-icon{align-self:flex-start;color:var(--accent);font-size:26px;font-weight:400;margin-bottom:33px}.feature-card h3{font-family:var(--serif);font-size:23px;font-weight:650;margin-bottom:12px}.feature-card p{font-size:14px;color:var(--muted)}.card-link{margin-top:auto;font-size:13px;font-weight:780;color:var(--accent);display:flex;gap:13px;align-items:center}.ribbon{background:#173a60;color:#f2f5f8;padding:74px 0}.ribbon h2{color:white;margin-bottom:0}.ribbon .eyebrow{color:#cee2eb}.ribbon-inner{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.ribbon-inner p{margin:0;color:#e1eaf0;max-width:480px;font-size:16px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #dcd9d2}.steps>div{padding:28px 25px 5px 0;border-right:1px solid #e4ddd5;margin-right:18px}.steps>div:last-child{border:0}.steps span{display:block;color:#bc8c37;font-family:var(--serif);font-size:31px;margin-bottom:18px}.steps h3{margin-bottom:11px}.steps p{font-size:14px;color:var(--muted)}.note-bar{margin-bottom:100px;border:1px solid #d6dadd;background:#edf2f4;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:32px 39px}.note-bar b{color:var(--title)}.note-bar p{font-size:14px;color:var(--muted);margin:4px 0 0}.note-bar .text-link{white-space:nowrap}.subhero{background:#eff2f1;border-bottom:1px solid #e3e5e0;padding:95px 0 102px}.subhero h1{max-width:780px;margin-bottom:25px}.subhero .intro{max-width:760px}.principles{border-top:1px solid #deddd9}.principles article{display:grid;grid-template-columns:110px 1fr;gap:24px;border-bottom:1px solid #deddd9;padding:30px 0}.principle-num{font-family:var(--serif);font-size:39px;color:#b18a46}.principles h3{font-family:var(--serif);font-size:23px;margin-bottom:10px}.principles p{font-size:15px;color:var(--muted);max-width:730px;margin-bottom:0}.tinted{background:#f1f1ed}.level-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.level-card{padding:33px 35px;background:var(--paper);border:1px solid var(--border);border-top:3px solid #9ac3de}.level-card.rose{border-top-color:#cb90a0}.level-tag{color:#275e83;font-weight:850;letter-spacing:.09em;font-size:12px}.level-card.rose .level-tag{color:#943d50}.level-numbers{display:flex;align-items:center;gap:14px;margin:22px 0}.level-numbers b{font-size:36px;font-family:var(--serif);color:#173a60}.level-numbers span{color:#807d7c;font-size:12px}.level-numbers i{font-style:normal;color:#bfa36d;font-size:27px;padding:0 8px}.level-card p{font-size:14px;color:var(--muted);margin:0}.quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27px;margin-bottom:46px}.quality-grid>div{padding:21px 0}.quality-icon{font-family:var(--serif);font-size:43px;color:#2a6287;display:block;margin-bottom:25px}.quality-grid p{color:var(--muted);font-size:14px}.disclaimer{padding:25px 29px;border-left:3px solid #cebc8a;background:#f4f0e6;color:#4e4b43;max-width:850px}.disclaimer b{color:#464133}.disclaimer p{margin:7px 0 0;font-size:14px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.product-panel{background:var(--paper);border:1px solid var(--border);padding:33px;position:relative;border-top:5px solid #70a9ca}.product-panel.rose{border-top-color:#cc8394}.product-cap{display:flex;justify-content:space-between;align-items:center;gap:15px;color:#326f91;font-weight:820;font-size:12px;letter-spacing:.08em;margin-bottom:33px}.product-panel.rose .product-cap{color:#943d50}.product-symbol{font-family:var(--serif);font-size:48px;font-weight:600;color:#b3d2df;line-height:1}.product-panel.rose .product-symbol{color:#e3c3d1}.product-panel h2{font-size:36px;line-height:1.14;margin-bottom:13px}.product-desc{font-size:15px;color:var(--muted);min-height:54px}.stats{display:flex;gap:36px;margin:33px 0 29px;padding:28px 0;border-block:1px solid #e4e1dc}.stats div{display:flex;flex-direction:column;gap:5px}.stats strong{font-family:var(--serif);font-size:47px;line-height:1;color:var(--title)}.stats span{font-size:13px;color:var(--muted)}dl{display:grid;grid-template-columns:126px 1fr;gap:12px 15px;font-size:14px;margin:0}dt{color:#7c747a}dd{color:#343541;margin:0;font-weight:580}.product-source{font-size:13px;background:#f3efe5;color:#555047;padding:21px 25px;border-left:3px solid #c8a964;margin-top:24px}.product-source p{margin:7px 0 0}.ribbon-light{background:#e8f1f4}.ribbon-light h2{color:var(--title)}.ribbon-light .eyebrow{color:#235c82}.ribbon-light p{color:#47535e}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.check-grid>div{padding:20px 25px 20px 0;border-bottom:1px solid var(--border)}.check-grid b{color:var(--title)}.check-grid p{font-size:14px;color:var(--muted);margin:8px 0 0}
.site-footer{margin-top:50px;background:#f1eee8;border-top:1px solid #e0ded8;padding-top:62px}.footer-main{display:flex;justify-content:space-between;gap:50px;padding-bottom:58px}.footer-main>div:first-child{max-width:350px}.footer-main img{width:186px}.footer-main p{color:var(--muted);font-size:13px;margin-top:19px}.footer-links{display:flex;gap:65px}.footer-links>div{display:flex;flex-direction:column;gap:13px}.footer-links b{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#4d5260;margin-bottom:7px}.footer-links a{font-size:13px;color:#5e5d63;text-decoration:none}.footer-links a:hover{text-decoration:underline;color:var(--accent)}.footnote{border-top:1px solid #d8d8d2;display:flex;justify-content:space-between;gap:25px;padding:20px 0 28px;color:#777479;font-size:11px;line-height:1.7}
@media(max-width:1000px){.site-header nav{gap:15px}.brand img{width:170px}.header-external{display:none}.hero-grid{grid-template-columns:1.2fr .8fr;gap:16px}.hero-art{transform:scale(.82);transform-origin:center}.ribbon-inner{gap:40px}}
@media(max-width:760px){.wrap{width:min(calc(100% - 38px),1120px)}.header-inner{align-items:flex-start;flex-direction:column;gap:13px;padding:15px 0 17px}.brand img{width:190px}.site-header nav{margin-left:0;gap:12px 21px}.site-header nav a{font-size:12px}.hero-grid{padding:66px 0 62px;grid-template-columns:1fr}.hero-art{min-height:260px;transform:scale(.70);margin-top:-55px;margin-bottom:-50px}.hero h1{font-size:clamp(3rem,11vw,4.9rem)}.section{padding-block:72px}.feature-grid,.quality-grid{grid-template-columns:1fr}.feature-card{min-height:225px}.card-icon{margin-bottom:16px}.ribbon-inner{grid-template-columns:1fr;gap:21px}.steps{grid-template-columns:1fr 1fr}.steps>div:nth-child(2){border:0}.level-grid,.product-grid,.check-grid{grid-template-columns:1fr}.note-bar{align-items:start;flex-direction:column;gap:22px;margin-bottom:60px;padding:25px}.subhero{padding:68px 0}.principles article{grid-template-columns:58px 1fr;gap:12px}.principle-num{font-size:29px}.footer-main{flex-direction:column;gap:32px}.footer-links{gap:45px}.footnote{flex-direction:column;gap:7px}}
@media(max-width:420px){.site-header nav{gap:10px 14px}.site-header nav a{font-size:11px}.stats{gap:21px}.stats strong{font-size:40px}.level-card,.product-panel{padding:24px}.level-numbers{gap:9px}.level-numbers b{font-size:30px}.level-numbers i{padding:0 4px}.steps{grid-template-columns:1fr}.steps>div{border-right:0;border-bottom:1px solid var(--border);margin-right:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.feature-card{transition:none}}


/* Vijf merkbeloften — rustige O4A-redactionele componenten, zonder externe assets. */
.promises-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.promise-index-card{display:grid;grid-template-columns:54px 1fr;gap:20px;padding:29px 31px 27px;background:var(--paper);border:1px solid var(--border);text-decoration:none;min-height:216px;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.promise-index-card:hover,.promise-index-card:focus-visible{border-color:#8db1c6;transform:translateY(-2px);box-shadow:0 9px 20px #1539500b}
.promise-card-number{font-family:var(--serif);color:#a9afb6;font-size:33px;line-height:1.05;font-weight:600}
.promise-index-card h3{font-family:var(--serif);font-size:clamp(1.35rem,2.1vw,1.73rem);letter-spacing:-.025em;line-height:1.25;margin-bottom:11px}
.promise-index-card p{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 21px}
.promise-card-action{font-size:13px;font-weight:750;color:var(--accent);display:inline-flex;gap:12px;align-items:center}
.promise-index-card:nth-child(3){border-top:3px solid #943d50}
.promise-index-card:nth-child(4){border-top:3px solid #bc806a}
.promise-index-card:nth-child(5){border-top:3px solid #79738b}
.promise-hero{padding:60px 0 58px;background:linear-gradient(168deg,#fffdfa 4%,#f8f5ef 98%)}
.promise-hero h1{font-size:clamp(2.8rem,6vw,5rem);max-width:790px;margin:17px 0 19px}
.promise-h1-dot{color:var(--rose)}
.promise-parent{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:40px;border-bottom:1px solid #e9e3da;padding-bottom:17px}
.promise-parent a{font-size:13px;font-weight:650;color:var(--accent);text-decoration:none}
.promise-parent a:hover{text-decoration:underline}
.promise-parent span{font-size:11px;color:#8f8891;font-weight:800;letter-spacing:.12em}
.promise-hero .intro{font-size:clamp(1rem,1.7vw,1.18rem);line-height:1.75;max-width:760px}
.promise-lead-rule{display:flex;gap:16px;align-items:flex-start;color:#706975;font-size:14px;line-height:1.65;margin-top:28px;max-width:690px}
.promise-lead-rule>span{background:var(--rose);width:34px;height:2px;flex:none;margin-top:11px}
.promise-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--border);background:var(--paper);margin-top:0;transform:translateY(15px);position:relative}
.promise-highlights>div{padding:25px 23px;display:flex;flex-direction:column;gap:7px}
.promise-highlights>div+div{border-left:1px solid var(--border)}
.promise-highlights b{font-family:var(--serif);font-size:clamp(1.18rem,2.1vw,1.48rem);font-weight:600;color:var(--title)}
.promise-highlights span{font-size:12px;color:var(--muted)}
.promise-body{display:grid;grid-template-columns:248px minmax(0,1fr);column-gap:73px;padding-top:99px;padding-bottom:78px}
.promise-contents{align-self:start;position:sticky;top:24px;border-left:2px solid #bdcfd8;padding:6px 0 14px 19px}
.promise-aside-heading{font-size:10px;letter-spacing:.16em;font-weight:800;color:#678098}
.promise-contents ol{list-style:none;padding:0;margin:19px 0 21px;display:flex;flex-direction:column;gap:13px}
.promise-contents a{font-size:13px;line-height:1.5;color:#525866;text-decoration:none}
.promise-contents a:hover{text-decoration:underline;color:var(--accent)}
.promise-contents .promise-evidence-link{font-weight:750;color:var(--accent)}
.promise-section{border-bottom:1px solid #e3dfd8;padding:0 0 62px;margin-bottom:55px;scroll-margin-top:28px}
.promise-section:last-child{margin-bottom:0;border-bottom:0;padding-bottom:0}
.promise-section-kicker{display:block;font-size:11px;font-weight:800;color:var(--rose);letter-spacing:.11em;text-transform:uppercase;margin-bottom:14px}
.promise-section h2{font-size:clamp(1.93rem,3.6vw,2.85rem);line-height:1.16;max-width:700px;margin-bottom:22px}
.promise-section-text>p{color:#514e56;font-size:15.5px;line-height:1.86;margin-bottom:17px}
.promise-checks{margin:27px 0 0;padding:22px 27px 23px 46px;background:#f3f0e9;border-left:3px solid #bb9e75}
.promise-checks li{font-size:14px;line-height:1.76;color:#45464c;padding-left:3px;margin:7px 0}
.promise-checks li::marker{color:var(--accent)}
.promise-proof{padding:73px 0 78px;background:#e7eef1;scroll-margin-top:24px}
.promise-proof-inner{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.8fr);gap:72px;align-items:center}
.promise-proof h2{font-size:clamp(1.95rem,3.5vw,2.95rem);margin-top:14px;margin-bottom:18px}
.promise-proof p{font-size:15px;line-height:1.78;max-width:710px;color:#4e545a;margin-bottom:30px}
.promise-proof .primary-link{display:inline-flex;text-decoration:none}
.promise-proof-note{background:#fffdfa;border:1px solid #d6dee2;border-top:3px solid #943d50;padding:29px 27px}
.promise-proof-note b{font-family:var(--serif);font-size:22px;color:var(--title)}
.promise-proof-note p{font-size:13px;line-height:1.75;margin:13px 0 0}
.promise-resources{padding:70px 0 62px;display:grid;grid-template-columns:.95fr 1.05fr;gap:65px}
.promise-resources h2{font-size:clamp(1.7rem,3vw,2.3rem)}
.promise-resources p{font-size:14px;color:var(--muted);max-width:420px}
.promise-resources ul{list-style:none;margin:0;padding:8px 0}
.promise-resources li{padding:15px 0;border-bottom:1px solid var(--border)}
.promise-resources a{font-size:14px;color:var(--accent);font-weight:620;text-decoration:none}
.promise-resources a:hover{text-decoration:underline}
.promise-next{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:49px;margin-bottom:55px}
.promise-next a{border:1px solid var(--border);background:var(--paper);text-decoration:none;padding:25px 27px;display:flex;flex-direction:column;gap:10px;min-height:102px}
.promise-next a:hover{border-color:#99b5c6}
.promise-next a:last-child{text-align:right}
.promise-next span{color:#7d767e;font-size:11px;letter-spacing:.07em;text-transform:uppercase}
.promise-next b{font-family:var(--serif);font-size:21px;color:var(--title);font-weight:600}
@media(max-width:900px){.promise-body{grid-template-columns:1fr;gap:38px;padding-top:86px}.promise-contents{position:static;border-left:0;border-top:2px solid #bdcfd8;padding:21px 0 0;max-width:720px}.promise-contents ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px}.promise-proof-inner{gap:26px}}
@media(max-width:760px){.promises-grid,.promise-proof-inner,.promise-resources{grid-template-columns:1fr}.promise-index-card{grid-template-columns:43px 1fr;min-height:0;padding:24px 22px}.promise-hero{padding:33px 0 58px}.promise-hero h1{font-size:clamp(2.65rem,10vw,4.1rem)}.promise-parent{margin-bottom:32px}.promise-highlights{grid-template-columns:1fr;transform:translateY(0)}.promise-highlights>div{padding:16px 21px}.promise-highlights>div+div{border-left:0;border-top:1px solid var(--border)}.promise-body{padding-top:68px;padding-bottom:52px}.promise-section{padding-bottom:43px;margin-bottom:44px}.promise-section-text>p{font-size:14.5px}.promise-checks{padding:15px 19px 17px 37px}.promise-proof{padding:59px 0 64px}.promise-resources{padding-top:57px;gap:14px}.promise-next{gap:10px}.promise-next a{padding:18px 15px}.promise-next b{font-size:17px}}
@media(max-width:420px){.promise-contents ol{grid-template-columns:1fr}.promise-next{grid-template-columns:1fr}.promise-next a:last-child{text-align:left}.promise-parent{gap:6px}.promise-parent span{letter-spacing:.05em;font-size:10px}}
@media(prefers-reduced-motion:reduce){.promise-index-card{transition:none}}


/* V2: zichtbare productkwaliteit in plaats van interne QA-proceslijstjes */
.promise-benefits{margin-top:27px;padding:23px 27px 24px;background:#f3f0e9;border-left:3px solid #8caec0}
.promise-benefits>b{font-family:var(--serif);font-size:1.14rem;font-weight:600;color:var(--title);display:block;margin-bottom:9px}
.promise-benefits ul{margin:0;padding-left:20px}
.promise-benefits li{padding:3px 0 3px 2px;color:#494a52;font-size:14px;line-height:1.7}
.promise-benefits li::marker{color:var(--accent)}
.promise-metric-panel{background:#fffdfa;border:1px solid #d7e0e4;border-top:4px solid #943d50;padding:9px 29px 21px}
.promise-metric{padding:21px 0 17px;border-bottom:1px solid #e4e1dc;display:flex;flex-direction:column;gap:6px}
.promise-metric strong{color:var(--title);font-family:var(--serif);font-size:clamp(1.6rem,2.7vw,2.3rem);line-height:1.1;font-weight:600;letter-spacing:-.025em}
.promise-metric span{color:#675f67;font-size:13px;line-height:1.4}
.promise-metric-caption{font-size:12px!important;color:#7b7179!important;line-height:1.65!important;margin:19px 0 0!important}
.promise-resources:not(:has(ul)){grid-template-columns:1fr}
.promise-resources:not(:has(ul))>div{max-width:810px}
.promise-resources h2{margin-top:10px}
.promise-resources>div>p{max-width:730px}
@media(max-width:760px){
 .promise-benefits{padding:18px 18px 18px 22px}
 .promise-metric-panel{padding:7px 22px 19px}
 .promise-proof-inner{gap:32px}
}


/* Home: compacte en vanzelfsprekende route naar het productaanbod. */
.product-invite{background:#e8f0f2;border-top:1px solid #dce7ea;border-bottom:1px solid #dce7ea;padding:41px 0}
.product-invite-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:45px;align-items:center}
.product-invite-copy{max-width:740px}
.product-invite h2{font-size:clamp(1.8rem,3.2vw,2.55rem);line-height:1.18;margin:0 0 10px}
.product-invite p{font-size:14.5px;line-height:1.7;color:#505c65;margin:0}
.product-invite .primary-link{white-space:nowrap}
.promise-level-explainer{scroll-margin-top:30px;background:#f3f0e9;padding:29px 26px 28px;margin:28px 0 30px;border-left:3px solid #a7b9c6}
.promise-level-explainer h3{font-family:var(--serif);font-weight:600;font-size:clamp(1.45rem,2.4vw,1.9rem);margin:0 0 9px}
.promise-level-explainer>p{font-size:14px;line-height:1.74;color:var(--muted);margin:0 0 22px}
.promise-level-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.promise-level-grid .level-card{padding:20px 17px}
.promise-level-grid .level-numbers{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin:15px 0}
.promise-level-grid .level-numbers b{font-size:27px}
.promise-level-grid .level-numbers span{font-size:11px}
.promise-level-grid .level-numbers i{padding:0 2px;font-size:18px}
.promise-level-grid .level-card p{font-size:12.5px;line-height:1.65}
@media(max-width:900px){.promise-level-grid{grid-template-columns:1fr}}
@media(max-width:760px){.product-invite{padding:34px 0}.product-invite-inner{grid-template-columns:1fr;gap:20px;align-items:start}.product-invite .primary-link{width:fit-content;white-space:normal}.promise-level-explainer{padding:22px 15px;margin:23px 0}.promise-level-grid{grid-template-columns:1fr}}


/* Homepage: product introduction immediately after the five brand promises. */
.home-book-intro{padding-top:79px;padding-bottom:82px}
.home-book-intro .section-top{max-width:800px;margin-bottom:33px}
.home-book-intro .section-top h2{font-size:clamp(2rem,3.8vw,3rem)}
.home-books-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.home-book-card{display:flex;flex-direction:column;gap:10px;padding:30px 32px 29px;min-height:237px;border:1px solid #d5e0e6;border-top:4px solid #205a85;background:#fffdfa;text-decoration:none;transition:border-color .18s ease,transform .18s ease}
.home-book-card.rose{border-color:#eddfdf;border-top-color:#943d50}
.home-book-card:hover,.home-book-card:focus-visible{border-color:#7da4bd;transform:translateY(-2px)}
.home-book-card.rose:hover,.home-book-card.rose:focus-visible{border-color:#b77b8a}
.home-book-subject{color:#205a85;font-size:11px;font-weight:780;letter-spacing:.11em}
.home-book-card.rose .home-book-subject{color:#943d50}
.home-book-card h3{font-family:var(--serif);font-weight:600;letter-spacing:-.025em;color:var(--title);font-size:clamp(1.4rem,2.25vw,1.85rem);margin:13px 0 0}
.home-book-card p{color:var(--muted);font-size:14px;margin:0}
.home-book-card p strong{font-weight:750;color:var(--title)}
.home-book-action{margin-top:auto;padding-top:14px;color:#205a85;font-size:13px;font-weight:720}
.home-book-card.rose .home-book-action{color:#943d50}
.home-books-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:23px}
.home-books-bottom p{font-size:14px;color:var(--muted);margin:0}
.product-panel{scroll-margin-top:36px}
@media(max-width:760px){.home-book-intro{padding-top:62px;padding-bottom:66px}.home-books-grid{grid-template-columns:1fr}.home-book-card{min-height:190px;padding:25px}.home-books-bottom{flex-direction:column;align-items:flex-start;gap:17px}.home-books-bottom .primary-link{width:fit-content}}
@media(prefers-reduced-motion:reduce){.home-book-card{transition:none}}


/* Product facts and educational book detail pages: calm editorial family */
.book-hero{background:linear-gradient(122deg,#eff4f6 0%,#f9f7f2 74%);padding:54px 0 76px}
.book-hero.rose{background:linear-gradient(122deg,#f8eef0 0%,#faf7f2 74%)}
.book-hero-wrap{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,.74fr);gap:65px;align-items:center}
.book-back-link{display:inline-block;color:#5a6570;font-size:13px;text-decoration:none;margin-bottom:38px}
.book-back-link:hover{text-decoration:underline}
.book-hero h1{font-size:clamp(2.7rem,5.4vw,4.7rem);line-height:1.08;margin:11px 0 14px}
.book-subtitle{color:#205a85;font-weight:680;font-size:17px;margin:0 0 21px}
.book-hero.rose .book-subtitle{color:#943d50}
.book-hero .intro{font-size:clamp(1rem,1.6vw,1.13rem);max-width:690px}
.book-hero-jump{font-size:13px;color:#205a85;font-weight:740;text-decoration:none;border-bottom:1px solid #95b9cc;padding-bottom:5px}
.book-hero.rose .book-hero-jump{color:#943d50;border-bottom-color:#c69ba7}
.book-hero-sample{align-self:stretch;min-height:360px;padding:29px 27px;background:#fffefa;border:1px solid #d8e3e6;border-top:9px solid #205a85;box-shadow:14px 14px 0 #dce8ed;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.book-hero.rose .book-hero-sample{border-color:#ebdce2;border-top-color:#943d50;box-shadow:14px 14px 0 #f2dfe6}
.book-sample-label{font-size:11px;color:#697989;letter-spacing:.09em;font-weight:800}
.book-sample-icon{font-family:var(--serif);font-size:85px;line-height:1.18;color:#a1bed2;align-self:center;margin:19px 0}
.book-hero.rose .book-sample-icon{color:#d4aebd}
.book-hero-sample strong{font-family:var(--serif);font-size:clamp(1.25rem,2.5vw,1.85rem);line-height:1.18;color:var(--title);font-weight:600;letter-spacing:-.015em}
.book-sample-bottom{font-size:12px;color:#77727c;margin-top:auto}
.book-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--border);background:#fffefa;position:relative;margin-top:-31px}
.book-stat{display:flex;flex-direction:column;padding:25px 23px;gap:7px}
.book-stat+.book-stat{border-left:1px solid var(--border)}
.book-stat strong{font-family:var(--serif);font-weight:600;color:var(--title);font-size:clamp(1.6rem,3.2vw,2.4rem);line-height:1.03}
.book-stat span{font-size:12.5px;color:var(--muted)}
.book-details-intro{padding-top:90px}
.book-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.book-feature{background:#fffdfa;border:1px solid var(--border);padding:29px 29px 24px}
.book-feature-num{font-family:var(--serif);font-size:28px;color:#b5c9d4}
.book-feature h3{font-family:var(--serif);font-size:23px;font-weight:600;margin:15px 0 11px}
.book-feature p{color:var(--muted);font-size:14px;line-height:1.8;margin:0}
.book-approach{background:#e9f0f2;padding:79px 0}
.book-approach .section-top{margin-bottom:24px}
.book-approach-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.book-approach-steps article{border-top:2px solid #96b7c7;padding-top:19px}
.book-approach-steps article>span{color:#698ca0;font-size:11px;font-weight:780}
.book-approach-steps h3{font-family:var(--serif);font-weight:600;font-size:21px;margin:17px 0 10px}
.book-approach-steps p{font-size:13.5px;line-height:1.8;color:#505861}
.book-specs{padding-bottom:81px}
.book-spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.book-spec-card{padding:31px 32px;border:1px solid var(--border);background:#fffdfa}
.book-spec-card h3{font-family:var(--serif);font-size:25px;font-weight:600;margin-bottom:25px}
.book-spec-card dl{display:grid;grid-template-columns:135px minmax(0,1fr);gap:0}
.book-spec-card dt,.book-spec-card dd{font-size:13.5px;padding:12px 0;border-bottom:1px solid #e9e1df}
.book-spec-card dt{color:#756e77}
.book-spec-card dd{color:#302f36;overflow-wrap:anywhere}
.book-spec-small{margin:22px 0 0;font-size:11px;color:#777179}
.book-included ul{padding-left:20px;margin:0 0 25px}
.book-included li{font-size:14px;line-height:1.85;margin-bottom:10px;color:#4f515d}
.book-included li::marker{color:var(--accent)}
.book-reference{background:#eef3f5;padding:21px 24px;display:flex;flex-direction:column;gap:7px}
.book-reference span{font-size:12px;color:var(--muted)}
.book-reference strong{font-size:24px;font-family:var(--serif);font-weight:600;color:var(--title)}
.book-market{background:#173a60;color:#eef5f7;padding:53px 0}
.book-market-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center}
.book-market h2{color:#fff;font-size:clamp(1.7rem,3.2vw,2.65rem);margin:0 0 11px}
.book-market p{font-size:14px;line-height:1.75;margin:0;color:#d4e2eb;max-width:680px}
.book-market .eyebrow{color:#d4e2eb;margin-bottom:13px}
.book-market .primary-link{background:#fffdfa;color:#173a60;border-color:#fffdfa;white-space:nowrap}
.book-market .primary-link:hover{background:#e9eff2}
.book-next{display:flex;justify-content:space-between;gap:25px;padding-top:37px;padding-bottom:30px}
.book-next a{font-size:13px;color:#205a85;text-decoration:none;font-weight:700}
.book-next a:hover{text-decoration:underline}
.product-detail-link{display:inline-block;margin-top:25px}
@media(max-width:900px){.book-hero-wrap{grid-template-columns:minmax(0,1.3fr) minmax(190px,.75fr);gap:33px}.book-hero-sample{min-height:280px}.book-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.book-stat:nth-child(3){border-left:0}.book-stat:nth-child(n+3){border-top:1px solid var(--border)}.book-approach-steps{grid-template-columns:1fr;gap:18px}}
@media(max-width:760px){.book-hero{padding:34px 0 66px}.book-hero-wrap,.book-feature-grid,.book-spec-grid,.book-market-inner{grid-template-columns:1fr}.book-hero-wrap{gap:30px}.book-hero-sample{min-height:0;max-width:330px;gap:5px;box-shadow:8px 8px 0 #dce8ed}.book-sample-icon{font-size:55px;margin:8px 0}.book-hero-sample strong{font-size:20px}.book-stat-grid{margin-top:-21px}.book-stat{padding:19px 17px}.book-details-intro{padding-top:65px}.book-approach{padding:60px 0}.book-spec-card{padding:23px 19px}.book-spec-card dl{grid-template-columns:110px minmax(0,1fr)}.book-market-inner{gap:23px}.book-market .primary-link{width:fit-content;white-space:normal}.book-next{flex-direction:column}}


/* Books: 2026 educational context and full-colour print design, O4A family */
.book-standards{padding:84px 0 82px;background:#eef3f4;border-top:1px solid #dde9ed;border-bottom:1px solid #dae5e8}
.book-standards h2,.book-full-colour h2{max-width:900px;margin:0 0 19px;font-size:clamp(2rem,4vw,3.05rem)}
.book-standards-lead{font-size:16px;line-height:1.84;color:#505b66;max-width:890px;margin:0 0 30px}
.book-standard-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.book-standard-fact{padding:26px 29px 25px;background:#fffdfa;border:1px solid #dce5e8;border-top:3px solid #205a85}
.book-standard-fact:nth-child(2){border-top-color:#943d50}
.book-standard-date{color:#205a85;font-size:12px;font-weight:800;letter-spacing:.04em}
.book-standard-fact:nth-child(2) .book-standard-date{color:#943d50}
.book-standard-fact h3{font-family:var(--serif);font-size:23px;font-weight:600;margin:12px 0 10px}
.book-standard-fact p{color:#555e66;font-size:13.5px;line-height:1.75;margin:0 0 15px}
.book-standard-fact a{font-size:12.5px;color:var(--accent);font-weight:720;text-decoration:none;border-bottom:1px solid #9ec0d0;padding-bottom:3px}
.book-standard-fact a:hover{text-decoration:underline}
.book-standards-applied{margin-top:35px}
.book-standards-applied h3{font-family:var(--serif);font-size:24px;margin:0 0 17px;font-weight:600}
.book-applied-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}
.book-applied-grid>div{border-left:3px solid #8eaebe;padding:3px 8px 2px 19px}
.book-applied-grid b{font-size:15px;color:var(--title)}
.book-applied-grid p{font-size:13.5px;line-height:1.75;color:#535962;margin:8px 0 0}
.book-full-colour{padding:91px 0 88px;background:#f9f6f0}
.book-design-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(245px,.45fr);gap:50px;align-items:center}
.book-design-head>div>p{font-size:15.5px;max-width:760px;color:var(--muted);line-height:1.85}
.book-design-spec{display:flex;flex-direction:column;gap:11px;padding:27px 25px 29px;background:#fffdfa;border:1px solid var(--border);border-left:5px solid #205a85}
.book-design-spec>span{font-size:11px;letter-spacing:.1em;color:#607785;font-weight:800}
.book-design-spec strong{font-family:var(--serif);font-size:clamp(1.75rem,3vw,2.4rem);line-height:1.1;color:var(--title);font-weight:600}
.book-design-spec b{font-size:15px;color:#205a85}
.book-design-spec small{font-size:12px;color:#63626b;line-height:1.6}
.book-full-colour:has(.book-design-head) .book-design-spec{box-shadow:8px 8px 0 #e8e0d8}
.book-design-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:38px}
.book-design-features article{padding:23px 0 0;border-top:2px solid #b7cbd2}
.book-design-features article>span{color:#7c909f;font-weight:800;font-size:11px}
.book-design-features h3{font-family:var(--serif);font-size:22px;font-weight:600;margin:15px 0 12px}
.book-design-features p{font-size:13.5px;color:var(--muted);line-height:1.75;margin:0}
.book-section-overline .eyebrow{margin-bottom:15px}
@media(max-width:850px){.book-design-head{grid-template-columns:1fr;gap:25px}.book-design-spec{max-width:350px}.book-design-features{gap:17px}}
@media(max-width:760px){.book-standards{padding:58px 0}.book-full-colour{padding:65px 0}.book-standard-facts,.book-applied-grid,.book-design-features{grid-template-columns:1fr}.book-standard-fact{padding:23px 21px}.book-design-features{margin-top:26px}.book-design-features article{padding-top:19px}.book-standards-applied{margin-top:29px}}


/* Two product benefits are discoverable in the hero without visual noise. */
.book-hero-promises{display:flex;gap:10px 23px;flex-wrap:wrap;margin:0 0 19px}
.book-hero-promises a{text-decoration:none;color:#215b81;font-size:12.5px;font-weight:750;border-bottom:1px solid #a1c0ce;padding-bottom:4px;line-height:1.6}
.book-hero.rose .book-hero-promises a{color:#943d50;border-bottom-color:#ce9cab}
.book-hero-promises a:hover{text-decoration:underline}
@media(max-width:760px){.book-hero-promises{gap:9px 18px;margin-bottom:18px}}