/* site.css */
:root{--navy:#0d2634;--navy2:#173c4b;--ink:#183340;--muted:#50636c;--gold:#d0ad72;--pale:#edf2f2;--white:#fff;--line:#cfdbdd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:400 1rem/1.65 'DM Sans',Arial,sans-serif}a{color:inherit}button{font:inherit}.skip{position:absolute;left:-9999px;top:0;background:#fff;padding:1rem;z-index:20}.skip:focus{left:1rem}.container{width:min(1200px,calc(100% - 48px));margin:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.15;letter-spacing:-.035em}h1{font-size:clamp(2.6rem,5.4vw,5.6rem);font-weight:700}h2{font-size:clamp(2rem,3.2vw,3.35rem);font-weight:700}h3{font-size:1.3rem}p{max-width:70ch}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font:700 .77rem/1.5 Manrope,Arial,sans-serif;color:#9b7542;margin-bottom:1.2rem}.site-header{background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #d9e2e2}.header-inner{height:84px;width:min(1370px,calc(100% - 48px));margin:auto;display:flex;align-items:center;gap:2.2rem}.brand{text-decoration:none;display:flex;align-items:center;gap:.7rem;white-space:nowrap}.brand-mark{font:800 1.55rem Manrope;color:var(--navy);letter-spacing:-.13em}.brand-dot,.footer-brand span{color:#b98e4e}.brand-name{font:800 .78rem Manrope;letter-spacing:.16em;color:var(--navy)}.desktop-nav{display:flex;gap:clamp(.6rem,1.3vw,1.45rem);margin-left:auto;align-items:center}.desktop-nav a{text-decoration:none;font-size:.88rem;font-weight:600;white-space:nowrap}.desktop-nav a:hover,.desktop-nav a.active{color:#a37434}.header-cta{background:var(--navy);color:#fff;text-decoration:none;font-size:.88rem;font-weight:700;padding:.8rem 1rem;white-space:nowrap}.header-cta:hover,.button-dark:hover{background:var(--navy2)}.menu-toggle{display:none}.mobile-nav{padding:1rem 24px 1.5rem;border-top:1px solid var(--line)}.mobile-nav a{display:block;text-decoration:none;padding:.7rem 0;font-weight:700}.home-hero{background:var(--navy);color:#fff;overflow:hidden}.home-hero-grid{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:3rem}.home-hero-copy{padding:5.5rem 0;position:relative;z-index:2}.home-hero .eyebrow,.section-dark .eyebrow{color:var(--gold)}.home-hero h1{max-width:11ch;margin-bottom:1.8rem}.home-hero h1 span{color:var(--gold)}.home-hero-copy>p:not(.eyebrow){font-size:1.18rem;max-width:47ch;color:#d4e1e3;line-height:1.6}.button-row{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:.95rem 1.4rem;font-weight:700;font-size:.92rem;min-height:50px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-gold{background:var(--gold);color:var(--navy)}.button-gold:hover{background:#e4c38a}.button-outline{border:1px solid #a8bdc2;color:#fff}.button-outline:hover{background:#294757}.button-dark{background:var(--navy);color:#fff}.button-light{background:#fff;color:var(--navy)}.hero-art{height:min(560px,48vw);min-height:400px;background:linear-gradient(90deg,rgba(13,38,52,.35),rgba(13,38,52,0)),url('/assets/clarity.png') center/cover,linear-gradient(140deg,#1b4657,#0b2736);border:1px solid #47616a;position:relative;box-shadow:0 30px 100px #05172255}.hero-art-caption{position:absolute;bottom:1.5rem;left:1.5rem;right:1.5rem;display:flex;gap:.5rem;flex-wrap:wrap}.hero-art-caption span{border:1px solid #d6e6e8a0;background:#0b2736ad;color:#fff;padding:.4rem .7rem;font-size:.75rem;letter-spacing:.04em}.section{padding:6.5rem 0}.section-pale{background:var(--pale)}.section-dark{background:var(--navy);color:#fff}.section-head{max-width:780px;margin-bottom:3rem}.section-head>p:not(.eyebrow){color:var(--muted);font-size:1.08rem}.section-dark .section-head>p{color:#bcd0d5}.situation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}.situation-grid>div{padding:1.5rem 1.4rem;border-top:3px solid var(--gold);background:#f3f6f6;min-height:210px}.situation-grid span,.six-grid span,.knowledge-list span{font:700 .8rem Manrope;color:#a77e45}.situation-grid h3{margin:1.5rem 0 .7rem}.situation-grid p{color:var(--muted);font-size:.94rem}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.card{display:flex;flex-direction:column;text-decoration:none;padding:1.55rem;background:#fff;min-height:310px;border:1px solid #d3dedf;transition:transform .2s,box-shadow .2s,border-color .2s}.card:hover{transform:translateY(-4px);box-shadow:0 16px 30px #173c4b19;border-color:var(--gold)}.card-number{color:#a67d44;font:700 .8rem Manrope}.card h3{margin:2.3rem 0 .8rem}.card p{font-size:.95rem;color:var(--muted)}.card-link{margin-top:auto;padding-top:1rem;color:#9b7542;font-size:.85rem;font-weight:700}.principle-grid,.about-strip{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}.principle-grid h2,.about-strip h2{max-width:15ch}.principle-grid p:not(.eyebrow),.about-strip p:not(.eyebrow){font-size:1.09rem}.text-link,.light-link{display:inline-block;text-decoration:none;border-bottom:1px solid var(--gold);font-weight:700;color:#9b7542;padding-bottom:.2rem}.light-link{color:#e0be87}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin:3.5rem 0 2.5rem}.steps>div{border-top:1px solid #63808a;padding-top:1.3rem}.steps strong{font:700 .85rem Manrope;color:var(--gold)}.steps h3{margin:2rem 0 .75rem}.steps p{color:#bfd1d4;font-size:.94rem}.contact-band{background:#c9a66f;padding:4.5rem 0}.contact-band-inner{display:flex;justify-content:space-between;align-items:center;gap:2rem}.contact-band h2{max-width:16ch;margin-bottom:1rem}.contact-band p:not(.eyebrow){font-size:1.05rem;max-width:55ch}.contact-band .eyebrow{color:#5a4125}.site-footer{background:#071c27;color:#d9e4e5;padding:4rem 0 1.7rem}.footer-top,.footer-bottom{width:min(1200px,calc(100% - 48px));margin:auto;display:flex;justify-content:space-between;gap:3rem}.footer-top>div{display:flex;flex-direction:column;align-items:flex-start}.footer-brand{text-decoration:none;color:#fff;font:800 1.35rem Manrope;letter-spacing:.13em}.footer-top h2{font:700 .8rem Manrope;text-transform:uppercase;letter-spacing:.14em;color:var(--gold)}.footer-top a:not(.footer-brand){text-decoration:none;margin:.24rem 0}.footer-top a:hover,.footer-bottom a:hover{color:var(--gold)}.footer-top p{margin-top:1.5rem}.footer-bottom{margin-top:4rem;padding-top:1.4rem;border-top:1px solid #35515b;color:#a5b9bf;font-size:.83rem}.footer-bottom a{color:inherit;text-decoration:none}.page-hero{background:var(--navy);color:#fff;padding:7rem 0 6rem}.hero-inner h1{max-width:850px}.hero-intro{font-size:1.2rem;color:#d0e0e3;max-width:750px}.page-hero .eyebrow{color:var(--gold)}.detail-grid{display:grid;grid-template-columns:250px minmax(0,750px);gap:7%;align-items:start}.detail-grid aside{position:sticky;top:115px}.detail-grid aside nav{display:flex;flex-direction:column;border-top:1px solid var(--line)}.detail-grid aside a{padding:.7rem 0;text-decoration:none;border-bottom:1px solid var(--line);font-size:.9rem}.detail-grid aside a:hover{color:#9b7542}.detail-content section{padding:0 0 2.2rem;margin-bottom:2.2rem;border-bottom:1px solid var(--line);scroll-margin-top:120px}.detail-content h2{font-size:1.8rem}.detail-content p{font-size:1.05rem}.detail-note{background:var(--pale);padding:1.5rem;border-left:3px solid var(--gold)}.prose{max-width:980px}.prose>p{font-size:1.08rem}.prose>.lead{font:600 clamp(1.3rem,2.5vw,2rem)/1.45 Manrope;max-width:800px;color:var(--navy)}.prose>h2{margin-top:4rem}.six-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}.six-grid>div{background:var(--pale);padding:1.4rem}.six-grid h3{margin:1.6rem 0 .5rem}.six-grid p{font-size:.94rem}.example-box,.note-box{background:#e9f0f0;padding:2rem;margin:3rem 0;border-left:4px solid var(--gold)}.example-box p:last-child,.note-box p{margin-bottom:0}.method-list>div{display:grid;grid-template-columns:80px 1fr;gap:2rem;padding:2.5rem 0;border-top:1px solid var(--line);max-width:900px}.method-list span{font:700 1rem Manrope;color:#9b7542}.method-list h2{font-size:1.9rem}.method-list p{font-size:1.08rem}.knowledge-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.knowledge-list>div{border:1px solid var(--line);padding:1.5rem}.knowledge-list h3{margin:1.2rem 0 .6rem}.knowledge-list p{color:var(--muted)}.about-page,.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%}.about-page .prose{max-width:720px}.about-page .prose h2{font-size:1.8rem;margin-top:2.5rem}.contact-link{display:block;font:700 clamp(1.1rem,2vw,1.5rem) Manrope;margin:1rem 0;text-decoration:none;color:var(--navy);overflow-wrap:anywhere}.contact-link:hover{text-decoration:underline}.contact-explain{background:var(--pale);padding:2.3rem}.contact-explain h2{font-size:2rem}.contact-explain .button{margin-top:1rem}@media(max-width:1100px){.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex;margin-left:auto;background:none;border:0;flex-direction:column;gap:5px;padding:10px;cursor:pointer}.menu-toggle span{display:block;width:24px;height:2px;background:var(--navy)}.home-hero-grid{gap:1.5rem}.card-grid,.situation-grid,.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.container{width:min(100% - 36px,1200px)}.header-inner{width:calc(100% - 36px);height:68px}.section{padding:4.5rem 0}.home-hero-grid{display:block;padding-top:1px}.home-hero-copy{padding:4rem 0 2rem}.home-hero h1{font-size:clamp(2.5rem,10vw,4rem)}.hero-art{height:300px;min-height:300px;margin:0 -18px}.card-grid,.situation-grid,.steps,.principle-grid,.about-strip,.six-grid,.knowledge-list,.about-page,.contact-grid{grid-template-columns:1fr}.card{min-height:230px}.card h3{margin-top:1.2rem}.principle-grid,.about-strip,.contact-grid{gap:1.5rem}.steps{gap:.6rem}.contact-band-inner{display:block}.contact-band .button{margin-top:1rem}.footer-top{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.footer-top>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom a{display:block;margin-top:.6rem}.page-hero{padding:4.5rem 0}.page-hero h1{font-size:clamp(2.4rem,10vw,3.8rem)}.detail-grid{display:block}.detail-grid aside{position:static;margin-bottom:2rem}.detail-grid aside nav{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}.method-list>div{grid-template-columns:45px 1fr;gap:1rem}.method-list h2{font-size:1.5rem}.contact-explain{padding:1.5rem}}

/* design-refresh.css */

:root {
  --navy:#102a34;
  --navy2:#224751;
  --ink:#19343b;
  --muted:#526a6d;
  --gold:#c59a50;
  --pale:#f4f5f0;
  --line:#d4ddda;
}

body { background:#fbfbf8; }
h1,h2,h3 { font-family:'Fraunces',Georgia,serif; font-weight:600; letter-spacing:-.025em; }
h1 { line-height:1.02; }
h2 { line-height:1.08; }
h3 { line-height:1.18; }

.site-header { background:var(--navy); border-bottom:1px solid #ffffff24; }
.header-inner { height:92px; }
.brand { gap:.9rem; }
.original-logo { width:47px; height:59px; object-fit:contain; flex:none; }
.brand-name { color:#f8f2e7; font-size:.9rem; letter-spacing:.19em; }
.desktop-nav a { color:#e5eeed; }
.desktop-nav a:hover,.desktop-nav a.active { color:#ecc987; }
.header-cta { background:var(--gold); color:var(--navy); border-radius:100px; padding:.8rem 1.35rem; }
.header-cta:hover { background:#e2bb76; }
.menu-toggle span { background:#f8f2e7; }
.mobile-nav { background:var(--navy); border-top:1px solid #ffffff27; }
.mobile-nav a { color:#f8f2e7; }
.mobile-nav a.active { color:#e8c079; }

.button { border-radius:100px; padding:1rem 1.7rem; }
.button-gold { background:var(--gold); }
.button-outline { border-color:#e4e9e3ae; }
.eyebrow { color:#9d722d; }

.home-hero { position:relative; isolation:isolate; border-radius:0 0 11rem 0; }
.home-hero-grid { display:flex; align-items:center; min-height:700px; }
.home-hero-copy { max-width:750px; padding:6rem 0 8rem; }
.home-hero h1 { font-size:clamp(3.2rem,6vw,6.5rem); max-width:11.6ch; text-wrap:balance; }
.home-hero-copy>p:not(.eyebrow) { max-width:40ch; font-size:1.22rem; }
.hero-art { position:absolute; inset:0; width:100%; height:100%; min-height:0; border:0; box-shadow:none; z-index:-1; background:linear-gradient(90deg,#0b1d28 0%,#0b1d28ed 26%,#0b1d2888 53%,#0b1d2810 83%),url('/assets/dialogue-arcs.png') center right/cover; }
.hero-art-caption { left:auto; right:max(3rem,calc((100vw - 1200px)/2)); bottom:3rem; display:flex; align-items:center; gap:1rem; }
.hero-art-caption span { border:0; background:none; color:#fcf3e4; font-size:.83rem; font-weight:600; padding:0; }
.hero-art-caption span+span::before { content:'•'; color:var(--gold); margin-right:1rem; }
.trust-ribbon { background:#e5ebdf; border-bottom:1px solid #d9dfd6; }
.trust-ribbon .container { display:flex; gap:1.7rem; flex-wrap:wrap; align-items:center; padding:1.15rem 0; }
.trust-ribbon span { font-size:.88rem; font-weight:600; color:#315054; }
.trust-ribbon span:first-child { font-family:'Fraunces',Georgia,serif; font-size:1.12rem; font-weight:600; color:var(--navy); }
.trust-ribbon span+span::before { content:'•'; color:#b58740; margin-right:1.7rem; }

.section { padding:7.5rem 0; }
.section-pale { background:#f1f3ee; }
.section-head { margin-bottom:3.8rem; }
.section-head h2 { max-width:18ch; }
.section-head>p:not(.eyebrow) { max-width:58ch; }

.situation-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 5rem; }
.situation-grid>div { display:grid; grid-template-columns:68px 1fr; column-gap:1.3rem; align-content:start; min-height:0; padding:2rem 0 2.3rem; border:0; border-top:1px solid #bbc9c5; background:transparent; }
.situation-grid span { grid-row:1/3; display:flex; align-items:center; justify-content:center; width:58px; height:58px; border:1px solid #bd985c; border-radius:50%; color:#8c6633; font-size:.83rem; }
.situation-grid h3 { grid-column:2; margin:0 0 .55rem; font-size:1.55rem; }
.situation-grid p { grid-column:2; margin:0; font-size:1rem; }

.card-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 5rem; border-top:1px solid #becbc6; }
.card { background:transparent; border:0; border-bottom:1px solid #becbc6; padding:2.5rem 0 2.7rem; min-height:260px; display:grid; grid-template-columns:76px 1fr; column-gap:1.35rem; align-content:start; }
.card:hover { transform:none; box-shadow:none; border-color:#ad8b58; }
.card-number { grid-row:1/4; display:flex; align-items:center; justify-content:center; width:66px; height:66px; border-radius:50%; background:#dde6dd; color:#87602f; font-size:.85rem; transition:background .2s,transform .2s; }
.card:hover .card-number { background:#d6bb88; transform:rotate(-10deg); }
.card h3 { grid-column:2; margin:0 0 .7rem; max-width:17ch; font-size:1.8rem; }
.card p { grid-column:2; font-size:1rem; max-width:36ch; }
.card-link { grid-column:2; padding:0; margin-top:.2rem; color:#875f2f; font-size:.88rem; }

.principle { position:relative; overflow:hidden; background:#fcfbf6; }
.principle::before,.principle::after { content:''; position:absolute; border:1px solid #c4a66e6e; border-radius:50%; pointer-events:none; }
.principle::before { width:620px; height:620px; left:-360px; bottom:-390px; }
.principle::after { width:430px; height:430px; left:-260px; bottom:-280px; }
.principle-grid { position:relative; z-index:1; }
.principle-grid h2 { max-width:14ch; }
.text-link,.light-link { border-bottom:1px solid currentColor; }

.section-dark { background:#12303b; }
.steps { gap:1.5rem; }
.steps>div { border-top:0; padding-top:0; }
.steps strong { display:flex; align-items:center; justify-content:center; width:59px; height:59px; border:1px solid #b99b6c; border-radius:50%; color:#e7c684; }
.steps h3 { font-size:1.55rem; margin:1.5rem 0 .65rem; }

.about-strip { align-items:center; gap:6%; }
.about-visual { display:flex; align-items:center; gap:1.7rem; }
.about-visual img,.about-portrait { flex:none; display:block; width:180px; height:180px; object-fit:cover; border-radius:50%; border:5px solid #d3b472; box-shadow:0 0 0 10px #e8e9df; }
.about-visual h2 { max-width:12ch; margin:0; }
.about-visual .eyebrow { margin-bottom:.65rem; }
.about-portrait { width:240px; height:240px; margin:0 0 3rem 1rem; }

.contact-band { position:relative; background:#d6b676; border-radius:8rem 0 0 0; overflow:hidden; }
.contact-band::after { content:''; position:absolute; width:360px; height:360px; border:1px solid #765c3140; border-radius:50%; right:-100px; bottom:-260px; pointer-events:none; }
.contact-band-inner { position:relative; z-index:1; }
.contact-band h2 { max-width:17ch; }
.site-footer { background:#09232e; }
.footer-brand { display:flex; align-items:center; gap:1rem; letter-spacing:.12em; }
.footer-brand img { width:60px; height:76px; object-fit:contain; }
.footer-brand span { color:#f2eadb; }

.page-hero { position:relative; overflow:hidden; background:radial-gradient(circle at 95% 5%,#325664 0%,#102a34 46%,#0d222d 100%); border-radius:0 0 9rem 0; padding:7.7rem 0; }
.page-hero::before { content:''; position:absolute; width:430px; height:430px; border:1px solid #bd9d6480; border-radius:50%; right:-140px; top:-170px; }
.page-hero::after { content:''; position:absolute; width:245px; height:245px; border:1px solid #bd9d6460; border-radius:50%; right:-48px; top:-78px; }
.page-hero .container { position:relative; z-index:1; }
.page-hero h1 { max-width:900px; }
.detail-note,.example-box,.note-box,.contact-explain { border-radius:2rem 2rem 2rem .4rem; }
.six-grid { gap:1rem; }
.six-grid>div { background:transparent; border-top:1px solid #c8d2cc; padding:1.5rem .5rem 1.5rem 0; }
.six-grid h3 { margin:1.2rem 0 .5rem; }
.knowledge-list>div { border:0; border-top:1px solid #c7d2cd; padding:1.7rem .5rem 1.7rem 0; }
.contact-explain { background:#e8eee8; }

@media(max-width:1100px) {
  .header-inner { height:82px; }
  .original-logo { width:41px; height:52px; }
  .home-hero-grid { min-height:690px; }
  .home-hero-copy { max-width:720px; }
  .card-grid,.situation-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .about-visual { display:block; }
  .about-visual img { width:160px; height:160px; margin-bottom:2.2rem; }
}

@media(max-width:900px) {
  .trust-ribbon .container { display:grid; grid-template-columns:1fr 1fr; gap:.2rem 1.2rem; }
  .trust-ribbon span:first-child { grid-column:1/-1; }
  .trust-ribbon span+span::before { content:none; }
}

@media(max-width:700px) {
  .header-inner { height:74px; }
  .original-logo { width:36px; height:45px; }
  .brand-name { font-size:.76rem; }
  .home-hero { border-radius:0 0 5rem 0; }
  .home-hero-grid { min-height:720px; align-items:flex-start; }
  .home-hero-copy { padding:4.7rem 0 7.5rem; }
  .home-hero h1 { font-size:clamp(2.8rem,12vw,4.4rem); max-width:12ch; }
  .home-hero-copy>p:not(.eyebrow) { font-size:1.08rem; }
  .hero-art { min-height:0; margin:0; background:linear-gradient(180deg,#0b1d28f5 0%,#0b1d28e8 43%,#0b1d2850 90%),url('/assets/dialogue-arcs.png') 68% center/cover; }
  .hero-art-caption { right:1.3rem; left:1.3rem; bottom:1.8rem; justify-content:flex-end; gap:.5rem; }
  .hero-art-caption span { font-size:.7rem; }
  .hero-art-caption span+span::before { margin-right:.5rem; }
  .trust-ribbon .container { gap:.4rem .8rem; padding:1rem 0; }
  .trust-ribbon span { font-size:.79rem; }
  .trust-ribbon span:first-child { width:100%; }
  .trust-ribbon span+span::before { content:none; }
  .section { padding:5rem 0; }
  .card-grid,.situation-grid { grid-template-columns:1fr; }
  .card { grid-template-columns:62px 1fr; column-gap:1rem; min-height:0; padding:2rem 0; }
  .card-number { width:52px; height:52px; }
  .card h3 { font-size:1.55rem; }
  .situation-grid { gap:0; }
  .situation-grid>div { grid-template-columns:55px 1fr; gap:0 1rem; padding:1.7rem 0; }
  .situation-grid span { width:48px; height:48px; }
  .situation-grid h3 { font-size:1.35rem; }
  .about-visual { display:flex; align-items:center; gap:1.5rem; }
  .about-visual img { width:115px; height:115px; margin:0; }
  .about-visual h2 { font-size:1.9rem; }
  .contact-band { border-radius:4.5rem 0 0 0; }
  .page-hero { border-radius:0 0 4.5rem 0; padding:5rem 0 5.7rem; }
  .page-hero::before { width:280px; height:280px; right:-150px; top:-100px; }
  .page-hero::after { width:140px; height:140px; right:-70px; top:-35px; }
  .about-portrait { width:180px; height:180px; margin:0 0 2.5rem 1rem; }
}

/* white-refresh.css */

:root {
  --navy:#102936;
  --navy2:#21495b;
  --ink:#172e39;
  --muted:#4e626b;
  --gold:#b07d34;
  --pale:#f5f8f9;
  --line:#d9e2e6;
}
html { scroll-padding-top:6rem; }
body { background:#fff; color:var(--ink); font-family:Inter,Arial,sans-serif; line-height:1.65; }
h1,h2,h3,.eyebrow,.brand-name,.footer-brand,.trust-ribbon span:first-child,.card-number,.steps strong,.method-list span,.contact-link { font-family:Inter,Arial,sans-serif; }
h1,h2,h3 { letter-spacing:-.045em; font-weight:650; }
h1 { line-height:1.08; }
h2 { line-height:1.13; }
h3 { line-height:1.25; }
p { max-width:70ch; }
a:focus-visible,button:focus-visible { outline:3px solid #b07d34; outline-offset:4px; }
.eyebrow { font-size:.78rem; letter-spacing:.12em; color:#805a25; }
.site-header { background:#fff; border-bottom:1px solid var(--line); box-shadow:0 5px 24px #1029360a; }
.header-inner { height:84px; gap:1.2rem; width:min(1450px,calc(100% - 48px)); }
.brand { gap:.8rem; }
.logo-field { display:grid; place-items:center; width:51px; height:57px; background:var(--navy); border-radius:15px 15px 17px 3px; flex:none; }
.original-logo { width:31px; height:40px; object-fit:contain; }
.brand-name { color:var(--navy); font-size:.91rem; letter-spacing:.11em; font-weight:760; }
.desktop-nav { gap:clamp(.55rem,1.02vw,1.25rem); }
.desktop-nav a { color:var(--ink); font-size:.83rem; font-weight:620; }
.desktop-nav a:hover,.desktop-nav a.active { color:#8b6229; }
.header-cta,.button-dark { background:var(--navy); color:#fff; }
.header-cta { padding:.82rem 1.1rem; font-size:.83rem; }
.header-cta:hover,.button-dark:hover { background:var(--navy2); }
.menu-toggle span { background:var(--navy); }
.mobile-nav { background:#fff; border-top:1px solid var(--line); }
.mobile-nav a { color:var(--ink); }
.mobile-nav a.active { color:#8b6229; }
.button { border-radius:100px; }
.button-gold { background:var(--navy); color:#fff; }
.button-gold:hover { background:var(--navy2); }
.button-outline { border:1px solid #a5b5bd; color:var(--navy); }
.button-outline:hover { background:#edf3f5; }
.home-hero { background:#fff; color:var(--ink); border-radius:0; }
.home-hero-grid { min-height:0; display:block; }
.home-hero-copy { padding:6rem 0 6.5rem; max-width:950px; }
.home-hero .eyebrow { color:#805a25; }
.home-hero h1 { font-size:clamp(3.1rem,5.1vw,5.8rem); max-width:16ch; margin-bottom:2rem; }
.home-hero h1 span { color:#b78339; }
.home-hero-copy>p:not(.eyebrow) { color:var(--muted); max-width:46ch; font-size:1.16rem; }
.trust-ribbon { background:#f5f8f9; border-block:1px solid #e2eaed; }
.trust-ribbon span,.trust-ribbon span:first-child { color:var(--navy); font-family:Inter,Arial,sans-serif; }
.trust-ribbon span:first-child { font-size:.9rem; font-weight:720; }
.section { padding:6.2rem 0; background:#fff; }
.section-pale { background:#f5f8f9; }
.section-dark { background:#102d3a; }
.section-head { margin-bottom:2.8rem; }
.section-head h2 { max-width:21ch; }
.audience-section { padding:5.5rem 0; background:#fff; }
.audience-grid { display:grid; grid-template-columns:1fr 1fr; gap:7%; }
.audience-grid>div { border-top:2px solid var(--navy); padding:2rem 0 0; }
.audience-grid>div+div { border-color:#b78339; }
.audience-grid h2 { font-size:clamp(1.7rem,2.4vw,2.55rem); max-width:19ch; }
.audience-grid p:not(.eyebrow) { color:var(--muted); }
.audience-grid .text-link { margin-top:.8rem; }
.situation-grid { gap:0 4rem; }
.situation-grid>div { border-top:1px solid var(--line); }
.situation-grid span { border-color:#a9bbc4; color:var(--navy); }
.card-grid { gap:0 4rem; border-color:#cfdce1; }
.card { border-color:#cfdce1; }
.card-number { background:#e4edf1; color:var(--navy); }
.card:hover .card-number { background:#d4e4e9; }
.card-link,.text-link { color:#805a25; }
.principle { background:#fff; border-top:1px solid var(--line); }
.principle::before,.principle::after { border-color:#d4e2e8; }
.principle-grid { gap:7%; }
.principle-grid h2 { max-width:17ch; }
.topic-links { display:flex; flex-wrap:wrap; gap:1.5rem; margin-top:1.7rem; }
.about-visual img,.about-portrait { border-color:#cad9df; box-shadow:0 0 0 9px #f2f6f7; }
.contact-band { background:#e9f0f3; border-radius:0 7rem 0 0; }
.contact-band::after { border-color:#adc4ce; }
.contact-band .eyebrow { color:#805a25; }
.contact-band .button-light { background:var(--navy); color:#fff; }
.contact-audience { background:#edf4f6; border-bottom:1px solid var(--line); }
.contact-audience .container { padding:1.35rem 0; }
.contact-audience p { margin:0; max-width:none; }
.contact-audience a { color:#75511e; font-weight:650; }
.page-hero { background:#f5f8f9; color:var(--ink); padding:6.4rem 0; border-radius:0; border-bottom:1px solid var(--line); }
.page-hero::before,.page-hero::after { border-color:#d9e4e9; }
.page-hero .eyebrow { color:#805a25; }
.page-hero h1 { max-width:1000px; }
.hero-intro { color:var(--muted); }
.six-grid>div { border-color:var(--line); }
.six-grid h3 { margin:1rem 0 .5rem; }
.detail-note,.example-box,.note-box,.contact-explain { background:#f3f7f8; border-radius:0 2rem 2rem 0; }
.reader-route { background:#f5f8f9; padding:2.3rem; margin:3rem 0 0; border-left:3px solid #b78339; }
.reader-route h2 { margin-top:0; }
.service-lines { border-top:1px solid var(--line); margin:2rem 0; }
.service-lines p { border-bottom:1px solid var(--line); padding:1rem 0; margin:0; }
.site-footer { background:#102936; }
.article-page { padding:4rem 0 7rem; }
.article-page>.container { max-width:1200px; }
.article-back { color:#805a25; font-weight:650; text-decoration:none; border-bottom:1px solid currentColor; }
.article-header { max-width:850px; padding:3.5rem 0 2.5rem; border-bottom:1px solid var(--line); }
.article-header h1 { font-size:clamp(2.6rem,5.2vw,5rem); max-width:18ch; }
.article-deck { font-size:1.23rem; color:var(--muted); max-width:64ch; }
.article-meta { font-size:.87rem; color:var(--muted); }
.article-prose { max-width:760px; padding:3.5rem 0; font-size:1.07rem; }
.article-prose h2 { font-size:2rem; margin:3.2rem 0 1rem; }
.article-prose h3 { font-size:1.4rem; margin:2.4rem 0 .9rem; }
.article-prose p,.article-prose li { line-height:1.75; }
.article-prose a { color:#75511e; text-underline-offset:3px; }
.article-prose blockquote { margin:2rem 0; padding:.2rem 0 .2rem 1.5rem; border-left:3px solid #b78339; color:#3f5661; }
.article-prose img { max-width:100%; height:auto; }
.article-end { border-top:1px solid var(--line); padding-top:1.5rem; display:flex; flex-wrap:wrap; gap:1.5rem; }
.article-end a { color:var(--navy); font-weight:650; }
.article-count { color:var(--muted); font-size:.9rem; }
.article-list { list-style:none; padding:0; margin:1rem 0 0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 3rem; }
.article-list li { border-top:1px solid var(--line); }
.article-list a { display:block; text-decoration:none; padding:1.5rem 0; }
.article-list a:hover .article-list-title { color:#805a25; }
.article-list-title { display:block; font-size:1.18rem; font-weight:680; line-height:1.35; }
.article-list-summary { display:block; color:var(--muted); font-size:.94rem; margin-top:.45rem; line-height:1.5; }
@media(max-width:1250px) {
  .desktop-nav a { font-size:.78rem; }
  .header-inner { gap:.8rem; }
  .header-cta { font-size:.78rem; }
}
@media(max-width:1120px) {
  .desktop-nav,.header-cta { display:none; }
  .menu-toggle { display:flex; }
}
@media(max-width:700px) {
  .header-inner { height:72px; }
  .logo-field { width:43px; height:49px; border-radius:12px 12px 14px 3px; }
  .original-logo { width:27px; height:36px; }
  .home-hero-copy { padding:4rem 0 3rem; }
  .home-hero h1 { font-size:clamp(2.7rem,11vw,4.5rem); max-width:13ch; }
  .audience-section { padding:4rem 0; }
  .audience-grid,.article-list { grid-template-columns:1fr; gap:2rem; }
  .section { padding:4.6rem 0; }
  .page-hero { padding:4.6rem 0; }
  .article-page { padding:2.5rem 0 5rem; }
  .article-header { padding:2.7rem 0 2rem; }
  .article-prose { padding:2.3rem 0; }
  .topic-links { display:block; }
  .topic-links a { margin:0 1rem 1rem 0; }
  .reader-route { padding:1.6rem; }
}

/* editorial-refresh.css */
/* Inter Esse: warm white, charcoal navy and restrained brass. */
:root {
  --navy:#102936;
  --navy2:#1b3946;
  --ink:#1b2c34;
  --muted:#59656a;
  --gold:#ad8248;
  --pale:#f7f7f4;
  --line:#dfdfd9;
}
body { background:#fff; color:var(--ink); font-family:Inter,Arial,sans-serif; }
.site-header { border-bottom-color:var(--line); box-shadow:none; }
.home-hero,.page-hero,.section,.audience-section,.principle { background:#fff; }
.page-hero { border-bottom:1px solid var(--line); }
.trust-ribbon,.section-pale,.reader-route { background:var(--pale); border-color:var(--line); }
.contact-band { background:#f1f0eb; }
.contact-band::after { border-color:#c8c3b7; }
.contact-audience,.detail-note,.example-box,.note-box,.contact-explain { background:#f7f7f4; }
.card-grid,.card,.audience-grid>div+div,.article-list li,.notion-content blockquote { border-color:var(--line); }
.card-number { background:#f2f0ea; color:var(--navy); }
.card:hover .card-number { background:#e9e3d6; }
.button-outline { border-color:#7f898a; }
.button-outline:hover { background:#f3f2ed; }
.about-visual img,.about-portrait { border-color:#d2c8b7; box-shadow:0 0 0 9px #f5f3ed; }
.page-hero::before,.page-hero::after,.principle::before,.principle::after { border-color:#e5e1d8; }
.article-prose blockquote,.notion-content blockquote { color:var(--muted); }
.site-footer { background:var(--navy); }
.footer-top h2 { color:#f3f0e7; }
.footer-top div:last-child h2:not(:first-child) { margin-top:1.4rem; }
.notion-page-section { background:#fff; }

/* notion-pages.css */
.notion-page-section { background:#fff; }
.notion-page-section .container { max-width:1200px; }
.notion-content.article-prose { max-width:900px; padding:0; font-size:1.08rem; }
.notion-content>p:first-child { font-size:1.28rem; line-height:1.6; color:var(--navy); max-width:65ch; }
.notion-content h2 { font-size:clamp(1.7rem,3vw,2.55rem); max-width:28ch; margin:3.6rem 0 1.1rem; }
.notion-content h2:first-child { margin-top:0; }
.notion-content h3 { font-size:1.35rem; margin:2.1rem 0 .7rem; }
.notion-content p,.notion-content li { max-width:75ch; line-height:1.75; }
.notion-content ul,.notion-content ol { padding-left:1.4rem; margin:1.2rem 0 2.2rem; }
.notion-content li { padding-left:.35rem; margin:.55rem 0; }
.notion-content hr { border:0; border-top:1px solid var(--line); margin:3rem 0 1.4rem; }
.notion-content a { color:#75511e; text-underline-offset:3px; }
.notion-content blockquote { border-left:3px solid #b78339; padding:.25rem 0 .25rem 1.5rem; margin:2rem 0; color:#3f5661; }
.notion-content>h2:not(:first-child) { padding-top:2rem; border-top:1px solid var(--line); }
.notion-content strong { color:var(--navy); }
.notion-content>p:has(>a:only-child) a { display:inline-block; font-weight:700; text-decoration:none; border-bottom:1px solid #b78339; padding-bottom:.15rem; }
.notion-content>p:has(>a:only-child) { margin-top:1.4rem; }
.notion-page--aanbod .notion-content { max-width:1200px; }
.notion-service-grid { margin:2rem 0 4rem; }
.notion-service-grid .card { color:var(--ink); }
.notion-service-grid .card p { max-width:42ch; }
.article-directory { padding-top:0; }
.page-hero .button-row { margin-top:2rem; }
.page-hero .button-outline { color:var(--navy); }
@media (max-width:700px) {
  .notion-content.article-prose { font-size:1rem; }
  .notion-content>p:first-child { font-size:1.14rem; }
  .notion-content h2 { margin-top:2.7rem; }
  .notion-content>h2:not(:first-child) { padding-top:1.6rem; }
}

.knowledge-intro { padding:clamp(4rem,8vw,7.5rem) 0 2rem; background:#fff; }
.knowledge-intro-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(18rem,.8fr); gap:clamp(2rem,7vw,7rem); align-items:end; }
.knowledge-intro h2,.knowledge-method h2 { font-size:clamp(2.25rem,5vw,4.7rem); line-height:1.02; letter-spacing:-.045em; max-width:12ch; margin:.8rem 0 0; }
.knowledge-intro-grid>p { font-size:1.25rem; line-height:1.7; color:#425965; margin:0 0 .4rem; }
.knowledge-gateways { padding:3rem 0 7rem; background:#fff; }
.knowledge-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.knowledge-gateway { min-height:22rem; padding:2rem; border-right:1px solid var(--line); border-bottom:1px solid var(--line); color:var(--ink); text-decoration:none; display:flex; flex-direction:column; transition:background .2s ease,color .2s ease; }
.knowledge-gateway>span { font-size:.75rem; letter-spacing:.14em; color:#87612d; }
.knowledge-gateway h2 { font-size:1.65rem; margin:3rem 0 1rem; }
.knowledge-gateway p { color:#536873; line-height:1.65; margin:0 0 2rem; }
.knowledge-gateway strong { margin-top:auto; color:#76521f; }
.knowledge-gateway:hover,.knowledge-gateway:focus-visible { background:var(--navy); color:#fff; }
.knowledge-gateway:hover p,.knowledge-gateway:focus-visible p,.knowledge-gateway:hover strong,.knowledge-gateway:focus-visible strong { color:#e7edf0; }
.knowledge-method { background:#eef2f2; padding:clamp(4rem,8vw,7rem) 0; }
.knowledge-method-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(22rem,1fr); gap:clamp(3rem,8vw,8rem); }
.knowledge-method ol { list-style:none; margin:0; padding:0; counter-reset:steps; }
.knowledge-method li { display:grid; grid-template-columns:2.2rem 1fr; gap:.6rem 1rem; border-top:1px solid #c9d2d5; padding:1.35rem 0; counter-increment:steps; }
.knowledge-method li::before { content:"0" counter(steps); grid-row:1/3; color:#8b632b; font-size:.8rem; padding-top:.2rem; }
.knowledge-method li strong { font-size:1.08rem; }
.knowledge-method li span { grid-column:2; color:#536873; line-height:1.55; }
.wiki-hero { background:var(--navy); color:#fff; padding:clamp(5rem,10vw,9rem) 0; }
.wiki-hero-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(17rem,.55fr); gap:clamp(3rem,9vw,9rem); align-items:end; }
.wiki-hero h1 { font-size:clamp(2.7rem,6vw,5.8rem); line-height:.98; letter-spacing:-.05em; max-width:13ch; margin:1rem 0 1.5rem; }
.wiki-hero p:not(.eyebrow) { max-width:60ch; font-size:1.18rem; line-height:1.7; color:#d8e1e5; }
.wiki-principle { border-top:1px solid rgba(255,255,255,.35); padding-top:1.5rem; }
.wiki-principle span { display:block; color:#cfae76; text-transform:uppercase; letter-spacing:.15em; font-size:.72rem; margin-bottom:1.2rem; }
.wiki-principle strong { font-family:var(--serif); font-size:1.4rem; line-height:1.45; font-weight:500; }
.wiki-tools { background:#f0f3f3; padding:2.2rem 0; border-bottom:1px solid #d9e0e2; position:sticky; top:0; z-index:5; }
.wiki-tools label { display:block; font-weight:700; margin-bottom:.7rem; }
.wiki-search-row { display:flex; gap:.75rem; max-width:56rem; }
.wiki-search-row input { width:100%; border:1px solid #aebdc3; background:#fff; padding:1rem 1.1rem; font:inherit; color:var(--ink); border-radius:0; }
.wiki-search-row input:focus { outline:3px solid rgba(184,131,57,.25); border-color:#87612d; }
.wiki-search-row button { border:1px solid var(--navy); background:var(--navy); color:#fff; padding:0 1.2rem; font-weight:700; }
.wiki-status { margin:.65rem 0 0; font-size:.9rem; color:#536873; }
.wiki-results { padding:clamp(4rem,8vw,7rem) 0; background:#fff; }
.wiki-results-head { display:flex; justify-content:space-between; gap:2rem; align-items:end; margin-bottom:2.5rem; }
.wiki-results-head h2 { font-size:clamp(2.1rem,4vw,3.7rem); margin:.6rem 0 0; }
.wiki-results-head>a { color:#76521f; font-weight:700; text-underline-offset:4px; }
.wiki-grid { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid var(--line); }
.wiki-entry { border-bottom:1px solid var(--line); }
.wiki-entry:nth-child(odd) { border-right:1px solid var(--line); }
.wiki-entry a { min-height:17rem; padding:2rem; color:var(--ink); text-decoration:none; display:flex; flex-direction:column; }
.wiki-entry a:hover,.wiki-entry a:focus-visible { background:#f2f5f4; }
.wiki-entry-kind { color:#87612d; text-transform:uppercase; letter-spacing:.14em; font-size:.68rem; font-weight:700; }
.wiki-entry h2 { font-size:1.45rem; line-height:1.2; margin:1.1rem 0 .8rem; max-width:25ch; }
.wiki-entry p { color:#566b75; line-height:1.6; margin:0 0 1.5rem; }
.wiki-entry-link { margin-top:auto; color:#76521f; font-weight:700; }
.wiki-entry[hidden] { display:none; }
.wiki-empty { padding:3rem 0; font-size:1.2rem; color:#536873; }
@media (max-width:900px) { .knowledge-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:700px) {
  .knowledge-intro-grid,.knowledge-method-grid,.wiki-hero-grid { grid-template-columns:1fr; }
  .knowledge-grid,.wiki-grid { grid-template-columns:1fr; }
  .knowledge-gateway { min-height:17rem; }
  .wiki-entry:nth-child(odd) { border-right:0; }
  .wiki-results-head { align-items:start; flex-direction:column; }
  .wiki-tools { position:static; }
}

/* unified-design.css */
@font-face { font-family:Inter; font-style:normal; font-weight:100 900; font-display:swap; src:url('/assets/inter-variable.woff2') format('woff2'); }

/* Figma source: Inter Esse / actuele homepage, Kennis & praktijk, article template. */
:root {
  --navy:#102936;
  --ink:#1b2c34;
  --muted:#59656a;
  --gold:#ad8248;
  --surface:#f7f7f4;
  --line:#dfdfd9;
  --paper:#fff;
}
* { border-radius:0; }
html { color-scheme:light; }
body { color:var(--ink); background:var(--paper); font:400 16px/1.5 Inter,Arial,sans-serif; }
h1,h2,h3,p { margin-top:0; }
h1,h2,h3 { color:var(--navy); font-family:Inter,Arial,sans-serif; font-weight:600; letter-spacing:-.035em; }
.container { width:min(1240px,calc(100% - 56px)); margin-inline:auto; }
.eyebrow { margin:0 0 20px; color:var(--gold); font:600 12px/1.4 Inter,Arial,sans-serif; letter-spacing:.02em; text-transform:uppercase; }

/* Header and transparent original logo */
.site-header { position:sticky; top:0; z-index:20; height:85px; background:#fff; border-bottom:1px solid var(--line); box-shadow:none; backdrop-filter:none; }
.header-inner { width:min(1240px,calc(100% - 56px)); height:84px; gap:22px; }
.brand { width:215px; gap:12px; flex:0 0 auto; }
.logo-field { display:flex; align-items:center; justify-content:center; width:51px; height:57px; overflow:visible; background:transparent; }
.logo-field .original-logo { display:block; width:43px; height:54px; object-fit:contain; filter:none; }
.brand-name { color:var(--navy); font:700 16px/1 Inter,Arial,sans-serif; letter-spacing:0; }
.desktop-nav { flex:1; justify-content:center; gap:13px; margin:0; }
.desktop-nav a { color:var(--ink); font:600 12px/1 Inter,Arial,sans-serif; letter-spacing:0; }
.desktop-nav a:hover { color:var(--gold); }
.desktop-nav a.active { color:var(--ink); }
.header-cta,.button { min-height:50px; padding:13px 24px; border-radius:999px; font:600 14px/1 Inter,Arial,sans-serif; text-decoration:none; }
.header-cta { display:flex; align-items:center; justify-content:center; min-width:165px; color:#fff; background:var(--navy); border:0; }
.header-cta:hover { background:#193c4b; }

/* Homepage */
.home-hero,.page-hero { color:var(--ink); background:#fff; border:0; border-radius:0; overflow:visible; }
.home-hero::before,.home-hero::after,.page-hero::before,.page-hero::after { display:none; }
.home-hero-grid { min-height:604px; display:flex; align-items:center; }
.home-hero-copy { max-width:1000px; padding:92px 0; }
.home-hero .eyebrow,.page-hero .eyebrow { color:var(--gold); }
.home-hero h1 { max-width:970px; margin:0 0 24px; color:var(--navy); font-size:clamp(48px,4.86vw,70px); line-height:1.08; letter-spacing:-.045em; }
.home-hero h1 span { color:inherit; }
.home-hero-copy>p:not(.eyebrow) { max-width:800px; margin:0; color:var(--muted); font-size:18px; line-height:1.5; }
.button-row { margin-top:24px; gap:16px; }
.button { border:1px solid var(--line); color:var(--navy); background:#fff; }
.button:hover { transform:none; background:var(--surface); }
.button-gold,.button-dark { color:#fff; background:var(--navy); border-color:var(--navy); }
.button-gold:hover,.button-dark:hover { color:#fff; background:#193c4b; }
.button-outline,.page-hero .button-outline { color:var(--navy); border-color:var(--line); background:#fff; }

.home-audiences { padding:74px 0; background:var(--surface); }
.home-two-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:70px; }
.home-two-columns>article,.safety-grid>a { padding-top:16px; border-top:1px solid var(--line); }
.home-two-columns>article:first-child { border-color:var(--navy); }
.home-two-columns>article:nth-child(2) { border-color:var(--gold); }
.home-two-columns h2 { max-width:560px; margin:0 0 16px; font-size:34px; line-height:1.17; }
.home-two-columns p:not(.eyebrow) { max-width:550px; margin:0 0 16px; color:var(--muted); font-size:18px; }
.figma-link { display:inline-block; color:var(--gold); font-weight:600; text-decoration:none; border:0; }
.figma-link:hover { text-decoration:underline; text-underline-offset:4px; }

.home-band { padding:82px 0; background:#fff; }
.home-band--pale { background:var(--surface); }
.home-band h2,.knowledge-overview h2 { max-width:1160px; margin:0 0 20px; font-size:42px; line-height:1.16; }
.section-intro { max-width:1050px; margin:0 0 20px; color:var(--muted); font-size:18px; line-height:1.5; }
.section-intro--wide { max-width:1110px; }
.figma-four-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:32px; margin-top:20px; }
.figma-four-grid>article,.figma-four-grid>a { min-width:0; padding-top:15px; color:var(--ink); text-decoration:none; border-top:1px solid var(--line); }
.line-icon { display:block; width:32px; height:32px; margin-bottom:15px; border:0; border-radius:0; object-fit:contain; }
.figma-four-grid h3 { max-width:270px; margin:0; font-size:21px; line-height:1.25; }
.question-grid { gap:35px; }
.question-grid h3 { font-size:22px; line-height:1.2; }
.service-grid>a { display:flex; min-height:175px; flex-direction:column; }
.service-grid strong { margin-top:auto; padding-top:16px; color:var(--gold); font-size:14px; }
.support-paths-head { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,.72fr); gap:64px; align-items:end; margin-bottom:38px; }
.support-paths .section-intro { max-width:560px; margin:0 0 4px; }
.support-paths { --roadmap-surface:var(--paper); background:var(--roadmap-surface); }
.support-analysis { position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; margin:0; padding:0; list-style:none; background:transparent; border:0; }
.support-analysis::before { position:absolute; top:28px; left:calc((100% - 80px) / 6); right:calc((100% - 80px) / 6); height:1px; background:var(--gold); content:""; }
.support-analysis-column,.support-analysis-core { position:relative; z-index:1; min-width:0; padding:0 12px 8px; border:0; }
.support-analysis .support-column-label { display:flex; flex-direction:column; align-items:center; gap:16px; margin:0 0 32px; padding:0; color:var(--navy); font-size:14px; font-weight:650; line-height:1.5; letter-spacing:.04em; text-transform:uppercase; border:0; }
.support-roadmap-marker { display:grid; width:56px; height:56px; place-items:center; background:var(--roadmap-surface); border:1px solid var(--navy); border-radius:50%; box-shadow:0 0 0 8px var(--roadmap-surface); }
.support-roadmap-marker .line-icon { width:26px; height:26px; margin:0; }
.support-analysis-column--services .support-roadmap-marker { background:var(--navy); }
.support-analysis-column--services .support-roadmap-marker .line-icon { filter:brightness(0) invert(1); }
.support-question-list,.support-service-list { display:grid; gap:0; }
.support-question-node,.support-service-node { display:flex; min-width:0; color:var(--ink); background:transparent; border:0; border-radius:0; box-shadow:none; }
.support-question-node { align-items:center; gap:16px; min-height:80px; padding:16px 12px; border-top:1px solid var(--line); }
.support-question-node:first-child,.support-service-node:first-child { border-top:0; }
.support-question-node strong { display:block; color:var(--navy); font-size:15px; font-weight:650; line-height:1.3; text-transform:none; border:0; padding:0; }
.support-analysis-core { background:transparent; }
.support-analysis-core h3 { margin:0 0 16px; color:var(--navy); font-size:24px; line-height:1.3; letter-spacing:-.025em; }
.support-analysis-core>p:not(.support-column-label) { margin:0 0 24px; color:var(--muted); font-size:15px; line-height:1.65; }
.support-analysis-core dl { display:grid; gap:0; margin:0; padding:0; border-top:1px solid var(--line); }
.support-analysis-core dl div { display:grid; grid-template-columns:72px 1fr; gap:16px; padding:16px 0; border-bottom:1px solid var(--line); }
.support-analysis-core dt { color:var(--navy); font-size:14px; font-weight:650; }
.support-analysis-core dd { margin:0; color:var(--muted); font-size:14px; line-height:1.5; }
.support-service-node { align-items:center; min-height:80px; padding:16px 12px; text-decoration:none; border-top:1px solid var(--line); cursor:pointer; }
.support-service-node::before { display:none; }
.support-service-node:hover,.support-service-node:focus-visible { color:var(--ink); background:#f4f6f7; transform:none; box-shadow:inset 3px 0 0 var(--navy); }
.support-service-node:focus-visible { outline:2px solid var(--navy); outline-offset:4px; }
.support-service-node:hover strong,.support-service-node:focus-visible strong { text-decoration-thickness:2px; }
.support-service-node:hover .support-icon--service,.support-service-node:focus-visible .support-icon--service { background:var(--navy); border-color:var(--navy); }
.support-service-node:hover .line-icon,.support-service-node:focus-visible .line-icon { filter:brightness(0) invert(1); }
.support-service-main { display:flex; min-width:0; align-items:center; gap:16px; }
.support-icon { display:grid; flex:0 0 42px; width:42px; height:42px; place-items:center; background:transparent; border:1px solid var(--line); border-radius:50%; }
.support-icon--service { background:transparent; border-color:var(--navy); }
.support-icon .line-icon,.support-icon--service .line-icon { width:22px; height:22px; margin:0; }
.support-service-main strong { display:block; min-width:0; color:var(--navy); font-size:16px; font-weight:650; line-height:1.4; text-decoration:underline; text-underline-offset:4px; text-decoration-thickness:1px; }
.safety-grid { margin-top:20px; }
.safety-grid>a { display:block; padding:24px; color:var(--ink); text-decoration:none; background:var(--paper); border:1px solid var(--line); border-radius:0; box-shadow:none; cursor:pointer; transition:background .18s ease,border-color .18s ease,color .18s ease; }
.safety-grid>a:hover,.safety-grid>a:focus-visible { color:#fff; background:var(--navy); border-color:var(--navy); transform:none; box-shadow:none; }
.safety-grid>a:hover h3,.safety-grid>a:focus-visible h3 { color:#fff; text-decoration:underline; text-underline-offset:5px; text-decoration-thickness:1px; }
.safety-grid>a:hover p,.safety-grid>a:focus-visible p { color:#fff; }
.safety-grid>a:hover .line-icon,.safety-grid>a:focus-visible .line-icon { filter:brightness(0) invert(1); }
.safety-grid>a:focus-visible { outline:2px solid var(--navy); outline-offset:4px; }
.safety-grid h3 { margin:0 0 12px; font-size:23px; }
.safety-grid p { margin:0; color:var(--muted); font-size:16px; }
.workflow-showcase { overflow:hidden; background:var(--paper); }
.workflow-timeline { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:32px; margin-top:34px; }
.workflow-timeline::before { position:absolute; top:31px; right:12.5%; left:12.5%; height:2px; background:var(--gold); content:""; }
.workflow-timeline::after { position:absolute; top:26px; right:calc(12.5% - 1px); width:9px; height:9px; border-top:2px solid var(--gold); border-right:2px solid var(--gold); content:""; transform:rotate(45deg); }
.workflow-milestone { position:relative; z-index:1; min-width:0; }
.workflow-milestone::after { position:absolute; top:62px; left:50%; width:2px; height:31px; background:var(--gold); content:""; transform:translateX(-50%); }
.workflow-marker { position:relative; display:grid; width:64px; height:64px; margin:0 auto 29px; place-items:center; background:#fff; border:2px solid var(--gold); border-radius:50%; box-shadow:0 0 0 7px var(--paper); }
.workflow-step-icon { display:grid; width:46px; height:46px; place-items:center; background:transparent; border-radius:50%; }
.workflow-step-icon .line-icon { width:26px; height:26px; margin:0; }
.workflow-step-card { box-sizing:border-box; min-height:225px; padding:32px 28px; background:#fff; border:1px solid var(--line); border-radius:18px; box-shadow:none; }
.workflow-step-card h3 { margin:0 0 14px; font-size:23px; line-height:1.2; }
.workflow-step-card>p:last-child { margin:0; color:var(--muted); font-size:16px; line-height:1.6; }
.workflow-more { display:inline-flex; align-items:center; gap:10px; margin-top:26px; padding:11px 17px; color:var(--gold); font-size:14px; font-weight:600; text-decoration:none; border:1px solid #d9bd96; border-radius:999px; transition:color .18s ease,background .18s ease,border-color .18s ease; }
.workflow-more:hover,.workflow-more:focus-visible { color:#fff; background:var(--gold); border-color:var(--gold); }
.home-about { padding-bottom:82px; }

/* Shared page layout */
.page-hero { padding:74px 0; background:var(--paper); border-bottom:0; }
.page-hero h1 { max-width:1020px; margin:0 0 18px; color:var(--navy); font-size:clamp(44px,4.2vw,60px); line-height:1.08; }
.hero-intro { max-width:980px; margin:0; color:var(--muted); font-size:18px; line-height:1.5; }
.section,.notion-page-section { padding:82px 0; }
.notion-page-section .container { max-width:1240px; }
.notion-content.article-prose { max-width:900px; padding:0; color:var(--ink); font-size:16px; }
.notion-content>p:first-child { color:var(--muted); font-size:18px; line-height:1.6; }
.notion-content h2 { max-width:30ch; margin:54px 0 16px; font-size:34px; line-height:1.17; }
.notion-content>h2:not(:first-child) { padding-top:28px; border-top:1px solid var(--line); }
.notion-content h3 { font-size:22px; }
.notion-content p,.notion-content li { line-height:1.7; }
.notion-content a,.text-link,.light-link { color:var(--gold); }
.notion-page--aanbod .notion-content>h2 { max-width:22ch; margin-top:68px; padding-top:0; border-top:0; }
.notion-page--aanbod .notion-content>h2:first-child { margin-top:48px; }
.notion-service-grid { grid-template-columns:repeat(6,minmax(0,1fr)); gap:24px; margin:28px 0 68px; border:0; }
.notion-service-grid .service-card { display:flex; min-height:320px; grid-column:span 2; flex-direction:column; padding:32px; color:var(--ink); background:var(--surface); border:0; box-shadow:0 10px 30px rgba(16,41,54,.045); transition:transform .18s ease,box-shadow .18s ease,background .18s ease; }
.notion-service-grid .service-card:nth-child(4) { grid-column:2 / span 2; }
.notion-service-grid .service-card:nth-child(5) { grid-column:4 / span 2; }
.notion-service-grid .service-card:hover,.notion-service-grid .service-card:focus-visible { color:var(--ink); background:#f1f1ed; transform:translateY(-4px); box-shadow:0 17px 38px rgba(16,41,54,.09); }
.service-card-top { display:flex; align-items:center; gap:14px; }
.service-card-icon { display:grid; width:48px; height:48px; place-items:center; background:transparent; }
.service-card-icon .line-icon { width:34px; height:34px; margin:0; }
.service-card-label { color:var(--gold); font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.notion-service-grid .service-card h3 { grid-column:auto; max-width:21ch; margin:28px 0 12px; color:var(--navy); font-size:27px; line-height:1.15; }
.notion-service-grid .service-card p { grid-column:auto; max-width:52ch; margin:0; color:var(--muted); font-size:16px; line-height:1.65; }
.notion-service-grid .service-card .card-link { align-self:flex-start; grid-column:auto; margin-top:auto; padding:11px 18px; border:1px solid var(--gold); border-radius:999px; color:var(--gold); font-size:14px; font-weight:700; line-height:1; transition:background .18s ease,color .18s ease; }
.notion-service-grid .service-card:hover .card-link,.notion-service-grid .service-card:focus-visible .card-link { color:#fff; background:var(--gold); }
.section-pale,.reader-route,.detail-note,.example-box,.note-box,.contact-explain { background:var(--surface); }
.section-dark { color:var(--ink); background:#fff; }
.section-dark .eyebrow { color:var(--gold); }
.section-dark h2,.section-dark h3 { color:var(--navy); }
.section-dark p,.steps p { color:var(--muted); }
.steps>div { border-color:var(--line); }

/* Figma knowledge hub */
.knowledge-gateways { padding:74px 0 82px; background:#fff; }
.knowledge-gateways>.container>h2 { margin:0 0 24px; font-size:42px; }
.knowledge-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 30px; border:0; }
.knowledge-gateway { display:block; min-height:194px; padding:24px; color:var(--ink); text-decoration:none; background:var(--surface); border:0; transition:background .15s ease; }
.knowledge-gateway:hover,.knowledge-gateway:focus-visible { color:var(--ink); background:#efefeb; }
.knowledge-gateway .line-icon { width:auto; height:auto; max-width:32px; max-height:32px; margin-bottom:12px; }
.knowledge-gateway h3 { margin:0 0 10px; font-size:25px; line-height:1.2; }
.knowledge-gateway p { margin:0 0 10px; color:var(--muted); font-size:16px; }
.knowledge-gateway strong,.knowledge-gateway:hover strong { color:var(--gold); font-size:14px; }
.knowledge-overview { padding:82px 0; background:var(--surface); }
.knowledge-rows { margin:28px 0 20px; }
.knowledge-rows>a { display:block; padding:28px 32px; color:var(--ink); text-decoration:none; background:#fff; border-bottom:12px solid var(--surface); }
.knowledge-rows span { display:block; margin:0 0 10px; color:var(--gold); font-size:11px; font-weight:600; text-transform:uppercase; }
.knowledge-rows h3 { margin:0 0 6px; font-size:21px; }
.knowledge-rows p { max-width:1140px; margin:0; color:var(--muted); font-size:16px; }

/* Safety pages: the full Notion text remains in the reading column. */
.page-hero.safety-hero { padding:68px 0 62px; background:#f9f7f3; }
.safety-hero .eyebrow { margin-bottom:24px; font-size:13px; }
.safety-hero h1 { max-width:1120px; margin-bottom:24px; font-size:clamp(42px,3.75vw,54px); line-height:1.12; letter-spacing:-.04em; }
.safety-hero .hero-intro { max-width:990px; font-size:21px; line-height:1.5; }
.safety-page-section { padding:64px 0 90px; }
.safety-layout { display:grid; grid-template-columns:minmax(0,780px) minmax(280px,350px); gap:86px; align-items:start; }
.safety-main.notion-content.article-prose { max-width:none; min-width:0; color:var(--ink); font-size:17px; }
.safety-main.notion-content>p:first-child { color:var(--ink); font-size:19px; line-height:1.62; }
.safety-main.notion-content p { max-width:none; margin:0 0 20px; line-height:1.68; }
.safety-main.notion-content h2,.safety-main.notion-content h3 { max-width:none; margin:48px 0 17px; padding:0; color:var(--navy); font-size:29px; line-height:1.26; border:0; }
.safety-main.notion-content h2:first-child,.safety-main.notion-content h3:first-child { margin-top:0; }
.safety-main.notion-content ul,.safety-main.notion-content ol { margin:0 0 24px; }
.safety-sidebar { display:grid; gap:18px; position:sticky; top:112px; }
.safety-info-card { padding:24px; background:#f9f7f3; border:1px solid #ded9ce; border-radius:12px; }
.safety-card-label { margin:0 0 15px; color:var(--gold); font-size:12px; font-weight:600; line-height:1.25; text-transform:uppercase; }
.safety-info-card h2 { margin:0 0 15px; color:var(--navy); font-size:21px; line-height:1.28; letter-spacing:-.02em; }
.safety-info-card ul { display:grid; gap:12px; margin:0; padding:15px 0 0; list-style:none; border-top:1px solid #ded9ce; }
.safety-info-card li { color:var(--ink); font-size:15px; line-height:1.48; }
.safety-related-card { display:grid; gap:12px; padding:24px; color:#fff; background:var(--navy); border-radius:12px; }
.safety-related-card .safety-card-label { margin:0; }
.safety-related-card a { width:max-content; max-width:100%; color:#fff; font-size:15px; line-height:1.4; text-decoration:none; }
.safety-related-card a:first-of-type { font-size:18px; font-weight:600; }
.safety-related-card a:hover,.safety-related-card a:focus-visible { text-decoration:underline; text-underline-offset:4px; }
.safety-related-card a:focus-visible,.knowledge-gateway:focus-visible,.knowledge-rows>a:focus-visible { outline:2px solid var(--gold); outline-offset:4px; }

/* The knowledge hub now follows the homepage's white / pale section rhythm. */
.page-hero.knowledge-hero { padding:92px 0; background:#fff; }
.knowledge-hero h1 { max-width:970px; margin-bottom:24px; font-size:clamp(48px,4.86vw,70px); line-height:1.08; letter-spacing:-.045em; }
.knowledge-hero .hero-intro { max-width:800px; font-size:18px; line-height:1.5; }
.knowledge-gateways { background:var(--surface); }
.knowledge-gateway { background:#fff; border:1px solid var(--line); }
.knowledge-gateway:hover,.knowledge-gateway:focus-visible { color:var(--ink); background:#fff; border-color:var(--gold); }
.knowledge-gateway--articles { display:grid; grid-column:1 / -1; grid-template-columns:48px minmax(0,1fr) auto; column-gap:24px; align-items:center; min-height:145px; }
.knowledge-gateway--articles .line-icon { grid-row:1 / 3; margin:0; }
.knowledge-gateway--articles h3 { grid-column:2; align-self:end; margin:0 0 7px; }
.knowledge-gateway--articles p { grid-column:2; align-self:start; margin:0; }
.knowledge-gateway--articles strong { grid-column:3; grid-row:1 / 3; white-space:nowrap; }
.knowledge-overview { background:#fff; }
.knowledge-rows>a { background:var(--surface); border-bottom:12px solid #fff; }
.knowledge-rows>a:hover,.knowledge-rows>a:focus-visible { background:#efefeb; }

/* Werkwijze: the timeline and both reading columns use editable Notion sections. */
.page-hero.workflow-hero { padding:76px 0 54px; background:#fff; }
.workflow-hero h1 { max-width:990px; font-size:clamp(46px,4.5vw,64px); line-height:1.09; }
.workflow-hero .hero-intro { max-width:780px; color:var(--muted); font-size:20px; line-height:1.5; }
.workflow-intro { padding:0 0 68px; background:#fff; }
.workflow-intro-copy { max-width:830px; padding-top:26px; border-top:1px solid var(--line); }
.workflow-intro-copy p { margin:0; color:var(--ink); font-size:19px; line-height:1.68; }
.workflow-process { padding:74px 0 83px; background:var(--surface); }
.workflow-process h2 { max-width:820px; margin:0 0 48px; font-size:clamp(31px,3vw,42px); line-height:1.18; }
.workflow-phases { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; position:relative; margin:0; padding:0; list-style:none; }
.workflow-phases::before { content:""; position:absolute; top:22px; right:12%; left:12%; height:1px; background:#cfc5b7; }
.workflow-phase { position:relative; min-width:0; padding:58px 14px 0 0; }
.workflow-number { display:grid; place-items:center; position:absolute; top:0; left:0; z-index:1; width:44px; height:44px; color:#fff; background:var(--navy); border:4px solid var(--surface); border-radius:50%; font-size:13px; font-weight:700; letter-spacing:.02em; }
.workflow-phase h3 { max-width:245px; margin:0 0 12px; font-size:21px; line-height:1.2; }
.workflow-phase p { max-width:245px; margin:0; color:var(--muted); font-size:15px; line-height:1.55; }
.workflow-details { padding:84px 0 100px; background:#fff; }
.workflow-grid { display:grid; grid-template-columns:minmax(0,760px) minmax(290px,350px); gap:86px; align-items:start; }
.workflow-main>h2 { margin:0 0 34px; font-size:clamp(31px,3vw,42px); line-height:1.18; }
.workflow-steps { border-top:1px solid var(--line); }
.workflow-step { display:grid; grid-template-columns:52px minmax(0,1fr); gap:24px; padding:34px 0 38px; border-bottom:1px solid var(--line); }
.workflow-step-number { color:var(--gold); font-size:14px; font-weight:700; padding-top:6px; }
.workflow-step h3 { margin:0 0 14px; font-size:27px; line-height:1.2; }
.workflow-step p,.workflow-patterns p:not(.eyebrow) { max-width:720px; margin:0 0 16px; color:var(--muted); font-size:17px; line-height:1.7; }
.workflow-step p:last-child,.workflow-patterns p:last-child { margin-bottom:0; }
.workflow-patterns { margin-top:58px; padding-top:24px; border-top:2px solid var(--gold); }
.workflow-patterns h2 { margin:0 0 17px; font-size:30px; }
.workflow-sidebar { display:grid; gap:20px; position:sticky; top:112px; }
.workflow-aside-card { padding:27px 27px 30px; background:var(--surface); border:1px solid var(--line); }
.workflow-aside-card h2 { margin:0 0 18px; font-size:24px; line-height:1.2; }
.workflow-aside-card ul { display:grid; gap:17px; margin:0; padding:18px 0 0; list-style:none; border-top:1px solid var(--line); }
.workflow-aside-card li { color:var(--ink); font-size:15px; line-height:1.55; }
.workflow-aside-card li strong { display:block; margin-bottom:3px; color:var(--navy); }
.workflow-aside-card p:not(.eyebrow) { margin:0 0 15px; font-size:15px; line-height:1.65; }
.workflow-aside-card--dark { color:#fff; background:var(--navy); border-color:var(--navy); }
.workflow-aside-card--dark h2,.workflow-aside-card--dark p:not(.eyebrow),.workflow-aside-card--dark a { color:#fff; }
.workflow-aside-card--dark a { text-decoration:underline; text-underline-offset:3px; }

@media (max-width:1100px) {
  .safety-layout { grid-template-columns:minmax(0,1.9fr) minmax(260px,1fr); gap:42px; }
  .workflow-grid { grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr); gap:42px; }
}
@media (max-width:800px) {
  .safety-layout { grid-template-columns:1fr; gap:48px; }
  .safety-sidebar { position:static; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; }
  .safety-related-card { grid-column:1 / -1; }
  .workflow-grid { grid-template-columns:1fr; gap:52px; }
  .workflow-sidebar { position:static; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; }
  .workflow-phases { grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:28px; }
  .workflow-phases::before { display:none; }
}
@media (max-width:600px) {
  .page-hero.safety-hero,.page-hero.knowledge-hero { padding:56px 0; }
  .safety-hero h1,.knowledge-hero h1 { font-size:clamp(38px,10vw,50px); }
  .safety-hero .hero-intro { font-size:18px; }
  .safety-page-section { padding:48px 0 64px; }
  .safety-main.notion-content h2,.safety-main.notion-content h3 { font-size:25px; margin-top:38px; }
  .safety-sidebar { grid-template-columns:1fr; gap:16px; }
  .safety-related-card { grid-column:auto; }
  .page-hero.workflow-hero { padding:56px 0 38px; }
  .workflow-hero h1 { font-size:clamp(38px,10vw,50px); }
  .workflow-hero .hero-intro { font-size:18px; }
  .workflow-intro { padding-bottom:48px; }
  .workflow-intro-copy p { font-size:17px; }
  .workflow-process { padding:54px 0 60px; }
  .workflow-process h2 { margin-bottom:34px; }
  .workflow-phases { grid-template-columns:1fr; gap:0; }
  .workflow-phase { min-height:118px; padding:8px 0 26px 66px; }
  .workflow-phase:not(:last-child)::after { content:""; position:absolute; top:42px; bottom:0; left:21px; width:1px; background:#cfc5b7; }
  .workflow-phase h3,.workflow-phase p { max-width:none; }
  .workflow-details { padding:58px 0 70px; }
  .workflow-step { grid-template-columns:34px minmax(0,1fr); gap:13px; padding:27px 0 30px; }
  .workflow-step h3 { font-size:23px; }
  .workflow-sidebar { grid-template-columns:1fr; }
  .knowledge-gateway--articles { display:block; min-height:194px; }
  .knowledge-gateway--articles .line-icon { margin-bottom:12px; }
  .knowledge-gateway--articles h3 { margin-bottom:10px; }
  .knowledge-gateway--articles p { margin-bottom:10px; }
}

/* Article list and Figma article template */
.article-list { display:block; border-top:1px solid var(--line); }
.article-list li,.article-list li:nth-child(odd) { border:0; border-bottom:1px solid var(--line); }
.article-list a { min-height:0; padding:22px 0; }
.article-list a:hover { background:transparent; }
.article-list-title { color:var(--navy); font-size:21px; }
.article-list-summary { color:var(--muted); }

/* Editorial articles overview */
.articles-hero { padding:92px 0 86px; background:#fff; }
.articles-hero-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr); gap:84px; align-items:end; }
.articles-hero h1 { max-width:900px; margin:0; color:var(--navy); font-size:clamp(48px,5vw,70px); line-height:1.06; letter-spacing:-.047em; }
.articles-hero-grid>p { max-width:480px; margin:0 0 8px; color:var(--muted); font-size:18px; line-height:1.6; }
.articles-feature { padding:74px 0 80px; background:var(--surface); }
.featured-article { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,.72fr); gap:72px; padding:36px 40px; color:var(--ink); background:#fff; text-decoration:none; border-top:3px solid var(--navy); }
.featured-article span,.article-list-meta { display:block; margin-bottom:15px; color:var(--gold); font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:.03em; }
.featured-article h2 { max-width:690px; margin:0; font-size:38px; line-height:1.12; }
.featured-article p { margin:0 0 24px; color:var(--muted); font-size:17px; line-height:1.6; }
.featured-article strong,.article-list-link { color:var(--gold); font-size:14px; }
.articles-index { padding:84px 0; background:#fff; }
.articles-index-head { display:flex; justify-content:space-between; gap:64px; align-items:end; margin-bottom:32px; }
.articles-index-head h2 { margin:0; font-size:42px; }
.articles-index-head>p { max-width:480px; margin:0; color:var(--muted); }
.articles-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 48px; margin:0; padding:0; list-style:none; border-top:1px solid var(--line); }
.articles-list li { min-width:0; border-bottom:1px solid var(--line); }
.articles-list a { display:flex; min-height:250px; flex-direction:column; padding:28px 0 30px; color:var(--ink); text-decoration:none; }
.articles-list .article-list-title { display:block; max-width:26ch; margin-bottom:12px; font-size:24px; line-height:1.22; }
.articles-list .article-list-summary { display:block; max-width:54ch; line-height:1.55; }
.articles-list .article-list-link { display:block; margin-top:auto; padding-top:24px; }

.article-page { padding:0 0 78px; background:#fff; }
.article-page>.container { width:min(1240px,calc(100% - 56px)); max-width:1240px; }
.article-back { display:block; width:auto; margin:38px 0 18px; color:var(--gold); font-size:14px; font-weight:600; text-decoration:none; }
.article-back::before { content:'← '; }
.article-header { max-width:1020px; margin:0; padding:0; color:var(--ink); background:#fff; border:0; }
.article-header .eyebrow { display:block; margin-bottom:16px; }
.article-header h1 { max-width:1020px; margin:0 0 18px; color:var(--navy); font-size:clamp(44px,4.5vw,64px); line-height:1.08; letter-spacing:-.045em; }
.article-deck { max-width:900px; margin:0 0 18px; color:var(--muted); font-size:18px; line-height:1.5; }
.article-meta { margin:0; color:var(--ink); font-size:14px; }
.article-layout { display:grid; grid-template-columns:180px minmax(0,770px); gap:56px; align-items:start; margin-top:38px; }
.article-rail { position:sticky; top:120px; padding-top:15px; border-top:1px solid var(--line); }
.article-rail span { display:block; margin-bottom:12px; color:var(--navy); font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:.04em; }
.article-rail a { color:var(--gold); font-size:13px; line-height:1.5; text-decoration:none; }
.article-prose,.article-end { width:100%; max-width:770px; min-width:0; margin:0; overflow-wrap:break-word; }
.article-prose { padding:0; color:var(--ink); font-size:16px; line-height:1.72; }
.article-prose h2 { margin-top:42px; font-size:30px; }
.article-prose h2,.article-prose h3 { scroll-margin-top:120px; }
.article-reading-grid { display:grid; grid-template-columns:minmax(0,1fr) 300px; grid-template-areas:"primary sidebar" "body sidebar"; column-gap:38px; align-items:start; margin-top:36px; }
.dossier-primary-slot { grid-area:primary; min-width:0; margin-bottom:38px; }
.dossier-primary-slot:empty { display:none; }
.article-reading-body { grid-area:body; min-width:0; }
.article-reading-grid .article-layout,.longread-page .article-reading-grid .article-layout { display:block; margin-top:0; }
.article-reading-grid .article-rail { display:none; }
.article-reading-grid .article-prose { max-width:100%; }
.article-reading-grid .longread-figure { width:100%; max-width:100%; }
.article-route-sidebar { grid-area:sidebar; position:sticky; top:104px; min-width:0; padding:20px 20px 24px; border-top:3px solid var(--gold); background:var(--surface); }
.article-route-sidebar>.eyebrow { margin:0 0 4px; }
.article-route-sidebar>h2 { margin:0 0 20px; color:var(--navy); font-size:22px; line-height:1.25; }
.dossier-alternative-slot { display:grid; gap:22px; }
.dossier-trail { padding:28px 32px 24px; border:1px solid var(--line); background:var(--surface); }
.dossier-trail.is-active { border-color:var(--gold); }
.dossier-trail-heading .eyebrow { margin:0 0 8px; }
.dossier-trail-heading h2 { margin:0 0 20px; color:var(--navy); font-size:24px; line-height:1.25; }
.dossier-trail-heading h2 a { color:inherit; text-decoration:none; }
.dossier-trail-heading h2 a:hover,.dossier-trail li a:hover,.dossier-continue a:hover { text-decoration:underline; }
.dossier-trail ol { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:0; padding:0; list-style:none; }
.dossier-trail li { display:flex; gap:10px; align-items:flex-start; min-width:0; padding:10px 12px; background:#fff; color:var(--ink); font-size:14px; line-height:1.4; }
.dossier-trail li.is-current { background:var(--navy); color:#fff; font-weight:600; }
.dossier-step-number { flex:none; color:var(--gold); font-size:12px; font-weight:700; }
.dossier-trail li a { color:inherit; text-decoration:none; }
.dossier-trail-actions { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px 24px; margin-top:20px; }
.dossier-trail-actions a { color:var(--gold); font-size:14px; font-weight:600; text-decoration:none; }
.article-route-sidebar .dossier-trail { padding:0; border:0; background:transparent; }
.article-route-sidebar .dossier-trail-heading h2 { margin-bottom:14px; font-size:19px; }
.article-route-sidebar .dossier-trail ol { grid-template-columns:1fr; gap:0; }
.article-route-sidebar .dossier-trail li { padding:9px 8px; border-top:1px solid var(--line); background:transparent; font-size:12px; }
.article-route-sidebar .dossier-trail li.is-current { background:var(--navy); }
.article-route-sidebar .dossier-trail-actions { display:grid; gap:10px; margin-top:16px; }
.article-route-sidebar .dossier-trail-actions a { font-size:12px; }
.dossier-continue { display:grid; gap:18px; margin:58px 0 0; }
.dossier-continue-card { padding:26px 30px; border-left:4px solid var(--gold); background:var(--surface); }
.dossier-continue-card[hidden] { display:none; }
.dossier-continue-card .eyebrow { margin:0 0 8px; }
.dossier-continue-card h2 { margin:0 0 12px; color:var(--navy); font-size:20px; }
.dossier-continue-card a { display:block; color:var(--navy); font-size:18px; font-weight:600; line-height:1.35; text-decoration:none; }
.dossier-continue-card .dossier-continue-back { margin-top:14px; color:var(--gold); font-size:13px; }
.article-sequence { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; width:100%; margin:72px 0 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.article-sequence>a { min-height:154px; padding:28px 32px 30px 0; color:var(--ink); text-decoration:none; }
.article-sequence>a+* { padding-left:32px; border-left:1px solid var(--line); }
.article-sequence-next { text-align:right; }
.article-sequence span { display:block; margin-bottom:10px; color:var(--gold); font-size:12px; font-weight:600; text-transform:uppercase; }
.article-sequence strong { display:block; color:var(--navy); font-size:20px; line-height:1.3; }
.article-related { padding:72px 0 76px; background:var(--surface); }
.article-related>.container>h2 { margin:0 0 28px; font-size:38px; }
.article-related-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.article-related-grid>a { display:flex; min-height:260px; flex-direction:column; padding:28px 30px; color:var(--ink); background:var(--paper); text-decoration:none; }
.article-related-grid span { display:block; margin-bottom:14px; color:var(--gold); font-size:11px; font-weight:600; text-transform:uppercase; }
.article-related-grid h3 { margin:0 0 12px; font-size:21px; line-height:1.28; }
.article-related-grid p { margin:0; color:var(--muted); font-size:14px; line-height:1.55; }
.article-end { display:flex; justify-content:space-between; gap:24px; width:100%; padding-top:26px; margin-top:60px; border-top:1px solid var(--line); }
.article-end a { color:var(--gold); font-weight:600; text-decoration:none; }

/* Longreads keep the same reading flow, with the original wide illustrations. */
.longread-page .article-header { max-width:1120px; }
.longread-page .article-header h1 { max-width:1120px; }
.longread-page .article-layout { grid-template-columns:180px minmax(0,820px); }
.longread-page .article-prose { width:100%; max-width:820px; font-size:17px; line-height:1.78; }
.longread-figure { width:1040px; max-width:calc(100vw - 56px); margin:48px 0 54px; }
.longread-figure img { display:block; width:100%; height:auto; aspect-ratio:1920/500; object-fit:cover; background:var(--surface); }
.longread-figure figcaption { margin-top:10px; color:var(--muted); font-size:12px; line-height:1.5; }

/* Contact band and footer */
.contact-band { padding:84px 0; color:var(--ink); background:var(--surface); border-radius:0; }
.contact-band::before,.contact-band::after { display:none; }
.contact-band h2 { max-width:1160px; margin-bottom:20px; color:var(--navy); font-size:42px; }
.contact-band p:not(.eyebrow) { color:var(--muted); font-size:18px; }
.contact-band .button-light { color:#fff; background:var(--navy); border-color:var(--navy); }
.contact-band--white { background:var(--paper); }
.knowledge-overview-links { display:flex; flex-wrap:wrap; gap:16px 32px; }

/* Figma Aanbod: one compact, fully clickable row per form. */
.offer-orientation,.offer-principle { padding:76px 0; background:var(--surface); }
.offer-forms { padding:64px 0; background:var(--paper); }
.offer-orientation h2,.offer-principle h2 { max-width:1000px; margin:0 0 20px; font-size:38px; line-height:1.16; }
.offer-forms h2 { margin:0 0 32px; font-size:42px; line-height:1.16; }
.offer-intro,.offer-principle-copy { max-width:1040px; color:var(--muted); font-size:18px; line-height:1.5; }
.offer-intro p,.offer-principle-copy p { max-width:100%; margin:0 0 16px; }
.offer-principle-copy a { color:var(--gold); text-underline-offset:4px; }
.offer-questions { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; margin-top:32px; }
.offer-questions>div { display:flex; align-items:center; gap:16px; min-width:0; }
.offer-questions .support-icon { background:var(--paper); }
.offer-questions strong { color:var(--navy); font-size:15px; font-weight:600; line-height:1.4; }
.offer-rows { display:grid; gap:16px; }
.offer-row { display:grid; grid-template-columns:48px 332px minmax(0,1fr); gap:24px; align-items:center; min-height:124px; padding:24px; color:var(--navy); background:var(--paper); border:1px solid var(--line); text-decoration:none; cursor:pointer; transition:background .18s ease,color .18s ease,border-color .18s ease; }
.offer-row-icon { display:grid; width:48px; height:48px; place-items:center; border:1px solid var(--navy); border-radius:50%; }
.offer-row-icon .line-icon { width:26px; height:26px; margin:0; }
.offer-row h3 { margin:0; color:var(--navy); font-size:22px; line-height:1.25; text-decoration:underline; text-underline-offset:4px; text-decoration-thickness:1px; }
.offer-row p { max-width:none; margin:0; color:var(--muted); font-size:17px; line-height:1.45; }
.offer-row:hover,.offer-row:focus-visible { color:#fff; background:var(--navy); border-color:var(--navy); }
.offer-row:hover h3,.offer-row:hover p,.offer-row:focus-visible h3,.offer-row:focus-visible p { color:#fff; }
.offer-row:hover .offer-row-icon,.offer-row:focus-visible .offer-row-icon { border-color:#fff; }
.offer-row:hover .line-icon,.offer-row:focus-visible .line-icon { filter:brightness(0) invert(1); }
.offer-row:focus-visible { outline:2px solid var(--navy); outline-offset:4px; }
.site-footer { padding:60px 0 30px; color:#fff; background:var(--navy); }
.footer-top,.footer-bottom { width:min(1240px,calc(100% - 56px)); }
.footer-top { display:grid; grid-template-columns:.78fr 1.2fr 1fr; gap:70px; padding:0; border:0; }
.footer-top>div { min-width:0; }
.footer-top>div:first-child { display:flex; flex-direction:column; align-items:flex-start; }
.footer-brand { display:flex; align-items:center; gap:10px; color:#fff; font:700 20px/1 Inter,Arial,sans-serif; letter-spacing:0; }
.footer-brand img { display:block; width:43px; height:54px; object-fit:contain; filter:none; }
.footer-brand span { color:#fff; }
.footer-top>div:first-child p { display:block; margin:18px 0 0; color:#c7d2d6; font-size:14px; }
.footer-top>div:nth-child(2),.footer-top>div:nth-child(3) { display:flex; flex-direction:column; align-items:flex-start; gap:4px; }
.footer-top h2 { display:block; margin:0 0 12px; color:var(--gold); font:600 12px/1.4 Inter,Arial,sans-serif; letter-spacing:.04em; }
.footer-top>div:nth-child(3) h2:not(:first-child) { margin-top:20px; }
.footer-top a:not(.footer-brand),.footer-top span { margin:0; color:#fff; font-size:13px; line-height:1.65; text-decoration:none; }
.footer-top>div:nth-child(3)>span { margin-top:6px; color:#c7d2d6; }
.footer-bottom { margin-top:32px; padding-top:18px; color:#b9c6cb; border-top:1px solid #49606a; font-size:12px; }

@media (max-width:1100px) {
  .offer-row { grid-template-columns:48px 260px minmax(0,1fr); }
  .offer-questions { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .desktop-nav,.header-cta { display:none; }
  .brand { width:auto; }
  .menu-toggle { display:flex; margin-left:auto; }
  .figma-four-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .workflow-timeline { gap:20px; }
  .workflow-step-card { min-height:275px; padding:25px 22px 26px; }
  .article-layout,.longread-page .article-layout { grid-template-columns:minmax(0,1fr); gap:0; }
  .article-rail { position:static; display:none; }
  .dossier-trail { padding:22px 18px; }
  .dossier-trail ol { grid-template-columns:1fr; }
  .longread-figure { width:100%; }
  .support-paths-head { grid-template-columns:1fr; gap:18px; }
  .support-paths .section-intro { max-width:780px; }
  .support-analysis { grid-template-columns:1fr; gap:40px; }
  .support-analysis::before { top:28px; bottom:0; left:28px; right:auto; width:1px; height:auto; }
  .support-analysis-column,.support-analysis-core { padding:0 0 0 84px; }
  .support-analysis .support-column-label { align-items:flex-start; justify-content:center; min-height:56px; margin-bottom:24px; }
  .support-roadmap-marker { position:absolute; top:0; left:0; }
  .support-analysis-column--services::before { position:absolute; top:28px; bottom:0; left:27px; width:3px; background:var(--roadmap-surface); content:""; }
}
@media (max-width:900px) {
  .article-reading-grid { grid-template-columns:1fr; grid-template-areas:"primary" "sidebar" "body"; }
  .article-route-sidebar { position:static; margin-bottom:34px; }
  .article-route-sidebar .dossier-trail ol { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .dossier-primary-slot { margin-bottom:24px; }
}
@media (max-width:700px) {
  .article-route-sidebar .dossier-trail ol { grid-template-columns:1fr; }
  .offer-orientation,.offer-principle,.offer-forms { padding:56px 0; }
  .offer-orientation h2,.offer-principle h2,.offer-forms h2 { font-size:34px; }
  .offer-questions { grid-template-columns:1fr; gap:20px; }
  .offer-row { grid-template-columns:48px minmax(0,1fr); gap:16px; min-height:0; padding:24px; }
  .offer-row p { grid-column:1 / -1; font-size:16px; }
  .container,.header-inner,.article-page>.container,.footer-top,.footer-bottom { width:calc(100% - 36px); }
  .site-header,.header-inner { height:72px; }
  .logo-field { width:43px; height:49px; }
  .logo-field .original-logo { width:37px; height:47px; }
  .brand-name { font-size:14px; }
  .home-hero-grid { min-height:0; }
  .home-hero-copy { padding:64px 0; }
  .home-hero h1 { font-size:42px; }
  .home-hero-copy>p:not(.eyebrow),.hero-intro,.section-intro { font-size:17px; }
  .home-audiences,.home-band,.section,.notion-page-section,.knowledge-gateways,.knowledge-overview,.contact-band { padding:56px 0; }
  .home-two-columns,.knowledge-grid { grid-template-columns:1fr; gap:36px; }
  .home-two-columns h2,.home-band h2,.knowledge-overview h2,.knowledge-gateways>.container>h2,.contact-band h2 { font-size:34px; }
  .figma-four-grid { grid-template-columns:1fr; gap:30px; }
  .workflow-timeline { display:flex; flex-direction:column; gap:22px; margin-top:30px; padding-left:74px; }
  .workflow-timeline::before { top:32px; right:auto; bottom:32px; left:31px; width:2px; height:auto; }
  .workflow-timeline::after { top:auto; right:auto; bottom:27px; left:26px; transform:rotate(135deg); }
  .workflow-milestone::after { top:31px; left:-42px; width:42px; height:2px; transform:none; }
  .workflow-marker { position:absolute; top:0; left:-74px; margin:0; }
  .workflow-step-card { min-height:0; padding:25px 22px 26px; }
  .support-analysis-column,.support-analysis-core { padding:0 0 0 72px; }
  .support-question-node,.support-service-node { padding-inline:8px; }
  .support-question-node,.support-service-node { min-height:0; }
  .support-service-node { align-items:flex-start; }
  .support-analysis-core dl div { grid-template-columns:1fr; gap:4px; }
  .notion-service-grid { grid-template-columns:1fr; }
  .notion-service-grid .service-card,.notion-service-grid .service-card:nth-child(4),.notion-service-grid .service-card:nth-child(5) { min-height:0; grid-column:auto; padding:26px 24px; }
  .notion-service-grid .service-card h3 { font-size:25px; }
  .service-grid>a { min-height:145px; }
  .page-hero { padding:56px 0; }
  .page-hero h1,.article-header h1 { font-size:40px; }
  .articles-hero { padding:60px 0; }
  .articles-hero-grid,.featured-article { grid-template-columns:1fr; gap:34px; }
  .articles-hero h1 { font-size:42px; }
  .articles-feature,.articles-index { padding:56px 0; }
  .featured-article { padding:28px 24px; }
  .featured-article h2 { font-size:31px; }
  .articles-index-head { display:block; }
  .articles-index-head>p { margin-top:16px; }
  .articles-list { grid-template-columns:1fr; }
  .articles-list a { min-height:0; }
  .article-back { margin-top:30px; }
  .article-prose { font-size:16px; }
  .article-sequence { grid-template-columns:1fr; }
  .article-sequence>a { min-height:0; padding:24px 0; text-align:left; }
  .article-sequence>a+* { padding-left:0; border-top:1px solid var(--line); border-left:0; }
  .article-related-grid { grid-template-columns:1fr; }
  .article-related-grid>a { min-height:0; }
  .article-end { flex-direction:column; gap:10px; }
  .longread-page .article-prose { font-size:16px; }
  .longread-figure { max-width:100%; margin:38px 0 42px; }
  .footer-top { display:grid; grid-template-columns:1fr; gap:36px; }
  .footer-top>div:first-child { margin-bottom:0; }
  .footer-top>div:nth-child(2),.footer-top>div:nth-child(3) { margin-top:0; }
}

/* Illustrated longreads use the existing article design with a wider reading
   column and a chapter rail, as in the Figma longread template. */
.knowledge-longreads { padding:82px 0 90px; background:var(--surface); }
.knowledge-longreads-head { display:flex; justify-content:space-between; gap:36px; align-items:end; margin-bottom:28px; }
.knowledge-longreads-head .eyebrow { margin:0 0 10px; }
.knowledge-longreads-head h2 { margin:0; color:var(--navy); font-size:42px; }
.knowledge-longreads-head>p { max-width:480px; margin:0; color:var(--muted); font-size:16px; line-height:1.6; }
.knowledge-longreads-grid,.longread-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px; }
.knowledge-longread-card,.longread-card { display:flex; flex-direction:column; min-width:0; height:100%; color:var(--ink); background:#fff; border:1px solid var(--line); text-decoration:none; }
.knowledge-longread-card:hover,.knowledge-longread-card:focus-visible,.longread-card:hover,.longread-card:focus-visible { border-color:var(--gold); }
.knowledge-longread-card:focus-visible,.longread-card:focus-visible { outline:2px solid var(--gold); outline-offset:4px; }
.knowledge-longread-card>img,.longread-card-image img { display:block; width:100%; height:auto; aspect-ratio:1920/500; object-fit:cover; background:var(--surface); }
.knowledge-longread-card-body,.longread-card-body { display:flex; flex:1; flex-direction:column; gap:12px; padding:26px 28px 28px; }
.knowledge-longread-card-body .eyebrow,.longread-card-body .eyebrow { margin:0; color:var(--gold); font-size:12px; }
.knowledge-longread-card-body>strong,.longread-card-body>strong { color:var(--navy); font-size:24px; line-height:1.25; }
.knowledge-longread-card-body>span:not(.eyebrow):not(.knowledge-longread-link),.longread-card-summary { color:var(--muted); font-size:15px; line-height:1.6; }
.knowledge-longread-link,.longread-card-link { margin-top:auto; padding-top:12px; color:var(--gold); font-size:14px; font-weight:600; }
.knowledge-longreads>.container>.figma-link { display:inline-block; margin-top:28px; }
.longreads-index { padding:80px 0 94px; background:var(--surface); }
.longreads-index-head { max-width:800px; margin-bottom:34px; }
.longreads-index-head h2 { margin:9px 0 12px; color:var(--navy); font-size:40px; line-height:1.18; }
.longreads-index-head>p:last-child { margin:0; color:var(--muted); font-size:17px; line-height:1.55; }
.longread-cards { margin:0; padding:0; list-style:none; }
.longread-card-image:empty { display:none; }
.longread-page .article-reading-grid { display:block; margin-top:46px; }
.longread-page .article-reading-body { width:100%; }
.longread-page .article-reading-grid .article-layout { display:grid; grid-template-columns:160px minmax(0,1fr); gap:56px; align-items:start; }
.longread-page .article-reading-grid .longread-rail { display:block; position:sticky; top:112px; max-height:calc(100vh - 136px); overflow-y:auto; border-top:1px solid var(--line); }
.longread-toc summary { display:none; }
.longread-rail nav>span { display:block; margin:0 0 12px; color:var(--navy); font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:.04em; }
.longread-rail ol { display:grid; gap:0; margin:0; padding:0; list-style:none; }
.longread-rail li { border-top:1px solid var(--line); }
.longread-rail li a { display:block; padding:10px 0; color:var(--ink); font-size:12px; line-height:1.35; text-decoration:none; }
.longread-rail li a:hover,.longread-rail li a:focus-visible { color:var(--gold); text-decoration:underline; text-underline-offset:3px; }
.longread-rail .longread-rail-all { display:block; margin-top:14px; font-size:12px; }
.longread-page .article-reading-grid .article-prose { max-width:1040px; font-size:17px; line-height:1.78; }
.longread-page .article-prose>h2:first-child { margin-top:0; }
.longread-page .article-reading-grid .longread-figure { width:100%; margin:28px 0 48px; }
@media (max-width:900px) {
  .longread-page .article-reading-grid .article-layout { grid-template-columns:1fr; gap:34px; }
  .longread-page .article-reading-grid .longread-rail { position:static; max-height:none; overflow:visible; }
  .longread-toc summary { display:list-item; padding:12px 0; color:var(--navy); font-size:14px; font-weight:600; cursor:pointer; }
  .longread-toc nav { padding-top:8px; }
  .longread-toc nav>span { display:none; }
  .longread-rail ol { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 22px; }
}
@media (max-width:700px) {
  .knowledge-longreads,.longreads-index { padding:58px 0 66px; }
  .knowledge-longreads-head { display:block; }
  .knowledge-longreads-head h2,.longreads-index-head h2 { font-size:34px; }
  .knowledge-longreads-head>p { margin-top:14px; }
  .knowledge-longreads-grid,.longread-cards { grid-template-columns:1fr; gap:22px; }
  .knowledge-longread-card-body,.longread-card-body { padding:22px; }
  .knowledge-longread-card-body>strong,.longread-card-body>strong { font-size:21px; }
  .longread-rail ol { grid-template-columns:1fr; }
  .longread-page .article-reading-grid .article-prose { font-size:16px; }
}

/* Directe dossierkeuze en een rustige leesroute bij artikels. */
.knowledge-gateways .knowledge-gateway--dossiers { grid-column:1 / -1; display:grid; grid-template-columns:minmax(210px,.65fr) minmax(0,1.35fr); gap:36px; min-height:0; padding:28px 30px; }
.knowledge-gateways .knowledge-gateway--dossiers:hover { border-color:var(--line); box-shadow:none; }
.knowledge-dossiers-intro .line-icon { margin-bottom:14px; }
.knowledge-dossiers-intro h3 { margin-bottom:8px; }
.knowledge-dossiers-intro p { max-width:34ch; margin-bottom:14px; }
.knowledge-dossiers-intro>a { color:var(--gold); font-size:14px; font-weight:600; text-decoration:none; }
.knowledge-dossiers-intro>a:hover,.knowledge-dossiers-intro>a:focus-visible { text-decoration:underline; text-underline-offset:3px; }
.knowledge-gateway--dossiers nav ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 28px; margin:0; padding:0; list-style:none; }
.knowledge-gateway--dossiers nav li { min-width:0; border-top:1px solid var(--line); }
.knowledge-gateway--dossiers nav a { display:grid; grid-template-columns:24px minmax(0,1fr) 14px; gap:8px; align-items:start; padding:12px 0; color:var(--navy); font-size:15px; font-weight:600; line-height:1.35; text-decoration:none; }
.knowledge-gateway--dossiers nav a span { color:var(--gold); font-size:12px; font-weight:700; }
.knowledge-gateway--dossiers nav a:hover,.knowledge-gateway--dossiers nav a:focus-visible { color:var(--gold); text-decoration:underline; text-underline-offset:3px; }
.knowledge-gateway--dossiers nav a:focus-visible,.dossier-directory-link:focus-visible,.dossier-trail a:focus-visible,.dossier-trail summary:focus-visible { outline:2px solid var(--gold); outline-offset:3px; }

.page-hero.dossier-hero { padding:46px 0 28px; background:#fff; }
.dossier-hero .eyebrow { margin-bottom:16px; }
.dossier-hero h1 { margin-bottom:16px; }
.dossier-directory { padding:10px 0 76px; background:#fff; }
.dossier-directory-intro { max-width:760px; margin:0 0 26px; color:var(--muted); font-size:18px; line-height:1.55; }
.dossier-directory-list { max-width:1020px; border-top:1px solid var(--line); }
.dossier-directory-link { display:grid; grid-template-columns:32px minmax(0,1fr) 20px; gap:15px; align-items:center; min-height:92px; padding:17px 4px; color:var(--navy); border-bottom:1px solid var(--line); text-decoration:none; }
.dossier-directory-number,.dossier-directory-arrow { color:var(--gold); font-size:13px; font-weight:700; }
.dossier-directory-link strong { display:block; margin-bottom:5px; font-size:20px; line-height:1.3; }
.dossier-directory-link span span { display:block; color:var(--muted); font-size:14px; line-height:1.45; }
.dossier-directory-link:hover strong,.dossier-directory-link:focus-visible strong { color:var(--gold); text-decoration:underline; text-underline-offset:3px; }
.notion-page--dossier { padding:14px 0 76px; }
.notion-page--dossier .notion-content>p:first-child { margin:0 0 28px; font-size:18px; }
.notion-page--dossier .notion-content h2 { max-width:none; margin:34px 0 12px; font-size:29px; }
.notion-page--dossier .notion-content>h2:not(:first-child) { padding-top:22px; }
.notion-page--dossier .notion-content h2+ul { max-width:760px; margin:0 0 24px; padding:0; list-style:none; counter-reset:dossier-step; border-top:1px solid var(--line); }
.notion-page--dossier .notion-content h2+ul li { display:grid; grid-template-columns:26px minmax(0,1fr); gap:10px; align-items:start; margin:0; padding:12px 0; border-bottom:1px solid var(--line); counter-increment:dossier-step; }
.notion-page--dossier .notion-content h2+ul li::before { content:counter(dossier-step, decimal-leading-zero); color:var(--gold); font-size:12px; font-weight:700; }
.notion-page--dossier .notion-content h2+ul a { color:var(--navy); text-decoration:none; }
.notion-page--dossier .notion-content h2+ul a:hover,.notion-page--dossier .notion-content h2+ul a:focus-visible { color:var(--gold); text-decoration:underline; text-underline-offset:3px; }

.article-page:not(.longread-page) .article-reading-grid { display:block; margin-top:28px; }
.article-page:not(.longread-page) .article-reading-body { max-width:900px; }
.article-page:not(.longread-page) .article-prose { max-width:790px; }
.dossier-primary-slot { max-width:900px; margin:0 0 28px; }
.dossier-trail { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 24px; padding:15px 0; border:0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:transparent; }
.dossier-trail.is-active { border-color:var(--line); }
.dossier-trail-heading .eyebrow { margin:0 0 4px; color:var(--gold); font-size:11px; }
.dossier-trail-heading h2 { margin:0; font-size:17px; line-height:1.35; }
.dossier-trail-actions { align-items:center; justify-content:flex-end; gap:8px 22px; margin:0; }
.dossier-trail-actions a { font-size:13px; font-weight:600; }
.dossier-trail-all { grid-column:1 / -1; margin-top:2px; }
.dossier-trail-all summary { width:max-content; max-width:100%; color:var(--muted); font-size:12px; cursor:pointer; }
.dossier-trail-all summary:hover { color:var(--navy); }
.dossier-trail-all ol,.article-route-sidebar .dossier-trail-all ol { display:block; max-width:780px; margin:10px 0 0; padding:0; list-style:none; }
.dossier-trail li,.article-route-sidebar .dossier-trail li { display:flex; gap:10px; padding:8px 0; border-top:1px solid var(--line); background:transparent; color:var(--ink); font-size:13px; }
.dossier-trail li.is-current,.article-route-sidebar .dossier-trail li.is-current { background:transparent; color:var(--navy); font-weight:700; }
.dossier-step-number { color:var(--gold); }
.article-route-sidebar { position:static; max-width:900px; margin:42px 0 0; padding:20px 0 0; border:0; border-top:1px solid var(--line); background:transparent; }
.article-route-sidebar>.eyebrow { margin:0 0 4px; font-size:11px; }
.article-route-sidebar>h2 { margin:0 0 10px; font-size:17px; }
.dossier-alternative-slot { gap:4px; }
.article-route-sidebar .dossier-trail { padding:12px 0; border-top:0; }
.article-route-sidebar .dossier-trail-heading h2 { margin:0; font-size:15px; }
.article-route-sidebar .dossier-trail-actions { display:flex; margin:0; }
.article-route-sidebar .dossier-trail-actions a { font-size:12px; }
.dossier-continue { max-width:790px; margin:44px 0 0; }
.dossier-continue-card { padding:18px 0 0; border:0; border-top:1px solid var(--line); background:transparent; }
.dossier-continue-card h2 { margin:0 0 6px; font-size:16px; }
.dossier-continue-card a { font-size:17px; }
.dossier-continue-card .dossier-continue-back { margin-top:9px; }

@media (max-width:900px) {
  .knowledge-gateways .knowledge-gateway--dossiers { grid-template-columns:1fr; gap:22px; }
  .article-page:not(.longread-page) .article-reading-grid { display:block; }
}
@media (max-width:700px) {
  .knowledge-gateways .knowledge-gateway--dossiers { padding:24px; }
  .knowledge-gateway--dossiers nav ul { grid-template-columns:1fr; }
  .page-hero.dossier-hero { padding:38px 0 22px; }
  .dossier-directory { padding-bottom:58px; }
  .dossier-directory-link { min-height:0; grid-template-columns:25px minmax(0,1fr) 16px; gap:9px; }
  .dossier-directory-link strong { font-size:17px; }
  .dossier-trail { display:block; }
  .dossier-trail-actions { justify-content:flex-start; margin-top:12px; }
  .dossier-trail-all { margin-top:12px; }
}