:root{color-scheme:dark;--bg:#0b0b0b;--paper:#eee;--muted:#aaa;--line:#414141;--yellow:#e4cd64}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--paper);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit;text-underline-offset:4px}header,main,footer{max-width:1160px;margin:auto}header{padding:27px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}.brand{font-size:25px;font-weight:600;text-decoration:none;letter-spacing:-1px}.brand span{display:block;font-size:10px;letter-spacing:3px;color:var(--yellow)}nav,footer div{display:flex;gap:26px;flex-wrap:wrap}nav a{font-size:13px;text-decoration:none;color:var(--muted)}main{padding:0 32px}.hero{display:grid;grid-template-columns:0.95fr 1.05fr;gap:70px;align-items:center;padding:75px 0 85px}.book-art{padding:28px;background:transparent;display:flex;justify-content:center;align-items:center;min-height:460px}.book-art img{width:100%;max-width:340px;max-height:490px;object-fit:contain}.book-cover{position:relative;width:310px;min-height:405px;background:#d9d7c8;color:#1d241d;padding:29px 28px 24px;border-left:9px solid #a6a898;box-shadow:18px 22px 25px #0006;display:flex;flex-direction:column}.book-cover>span{font-size:10px;letter-spacing:3px}.book-cover strong{font-family:Georgia,serif;font-size:62px;font-weight:400;line-height:.98;margin-top:36px;letter-spacing:-3px}.book-cover em{font:18px Georgia,serif;margin:15px 0}.book-cover small{margin-top:auto;font-size:9px;letter-spacing:1.5px}.viewfinder{width:85px;height:62px;border:1px solid #78806d;margin:20px 0 30px auto;position:relative}.viewfinder:after{content:'+';position:absolute;inset:0;text-align:center;font:36px/60px Georgia;color:#78806d}.eyebrow{font-size:11px;letter-spacing:2.5px;color:var(--yellow);font-weight:650}h1{font:clamp(40px,5vw,66px)/1.08 Georgia,serif;font-weight:400;letter-spacing:-1.5px;margin:20px 0 25px}h1 span{display:block;font:26px/1.5 Georgia,serif;color:var(--muted);letter-spacing:0;margin-top:10px}.description{font-size:18px;max-width:480px}.quiet{font-size:13px;color:var(--muted)}.button,button{font:inherit;cursor:pointer}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;border:1px solid var(--yellow);padding:13px 21px;color:var(--paper);text-decoration:none;background:transparent}.primary{background:var(--yellow);color:#fffaf5;border-color:var(--yellow);font-weight:650}.intro .button{margin:19px 0}.facts{display:flex;flex-wrap:wrap;gap:7px 18px;font-size:11px;color:var(--muted);margin-top:20px}.facts span:before{content:'✓ ';color:var(--yellow)}.purchase{border-top:1px solid var(--yellow);padding:55px 0 65px;display:grid;grid-template-columns:.7fr 1.3fr;gap:65px;scroll-margin-top:20px}h2{font:37px/1.2 Georgia,serif;font-weight:400;letter-spacing:-.6px}.section-heading>p:last-child{font-size:14px;color:var(--muted);max-width:230px}.notice,.error{padding:16px 18px;background:#f4eadb;border:1px solid #ded3c6;margin-bottom:25px;font-size:14px}.error{background:#fff0ed;border-color:#bd7e72}.choices{border:0;margin:0 0 25px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}legend{margin-bottom:15px;font-weight:600}.choice{border:1px solid var(--line);padding:17px;display:flex;gap:10px;cursor:pointer}.choice:has(input:checked){border-color:var(--yellow);background:#f9eadf}.choice input{margin-top:7px;flex-shrink:0}.choice strong,.choice small,.choice b{display:block}.choice strong{font-size:17px}.choice small{font-size:12px;color:var(--muted);font-weight:400}.choice b{margin-top:18px;font-size:24px;font-weight:500}.choice b small{display:inline;font-size:10px}label:not(.choice):not(.check){display:block;margin:22px 0 7px;font-size:14px;font-weight:600}input:not([type=radio]):not([type=checkbox]),select{background:#fffdf9;color:var(--paper);border:1px solid #b7a999;border-radius:0;padding:12px;width:100%;font:16px system-ui;min-height:48px}input[type=radio],input[type=checkbox]{accent-color:var(--yellow);width:18px;height:18px}.amount-row{display:flex;align-items:center;gap:12px}.amount-row>span{font-size:23px}.amount-row input{max-width:180px}.subtle{background:none;border:0;color:var(--yellow);font-size:13px;text-decoration:underline}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.check{display:flex;gap:12px;align-items:flex-start;font-size:12px;margin-top:24px;color:var(--muted)}.check input{flex-shrink:0;margin:2px 0}.pay{width:100%;margin-top:17px}button:disabled{opacity:.45;cursor:not-allowed}.faq{max-width:750px;margin:0 auto 70px}details{border-bottom:1px solid var(--line);padding:17px 0}summary{cursor:pointer}details p{color:var(--muted);font-size:14px}footer{padding:25px 32px 40px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:25px}.document{max-width:780px;padding:65px 0 85px;margin:auto}.document h1{font-size:43px}.downloads{display:grid;gap:15px;margin:30px 0}.download-card{border:1px solid var(--line);padding:20px}.download-card h2{font-size:26px;margin:0 0 15px}.download-card .button{margin:0 10px 10px 0}.status{color:var(--yellow)}:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}[hidden]{display:none!important}@media(max-width:760px){header{padding:20px;align-items:flex-start}nav{gap:12px;max-width:150px;justify-content:flex-end}main{padding:0 20px}.hero{grid-template-columns:1fr;gap:30px;padding:30px 0 45px}.book-art{min-height:0;padding:26px}.book-cover{width:230px;min-height:305px;padding:20px}.book-cover strong{font-size:46px;margin-top:25px}.book-cover em{font-size:16px}.viewfinder{margin:10px 0 20px auto;width:60px;height:43px}.viewfinder:after{line-height:40px}.intro h1{font-size:45px}.purchase{grid-template-columns:1fr;gap:25px;padding:30px 0 40px}.section-heading h2{font-size:33px;margin-bottom:10px}.section-heading>p:last-child{max-width:none}.two{grid-template-columns:1fr;gap:0}.choice{padding:13px;gap:7px}.choice strong{font-size:15px}.choice b{font-size:22px}.facts{font-size:10px}footer{flex-direction:column;padding:25px 20px}footer div{gap:15px}.document{padding:35px 0}.document h1{font-size:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Afgeschermde proefomgeving; staat los van de gewone site. */
.private-login{max-width:520px;min-height:60vh;padding-top:70px}.private-login h1{font-size:40px}.private-login>p:not(.eyebrow){color:var(--muted)}.private-login .notice{margin-top:18px}.shop-test-bar{max-width:1160px;margin:0 auto;padding:12px 32px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted);background:#f1ebe2}.shop-test-bar>div{display:flex;align-items:center;gap:20px}.shop-test-bar a{white-space:nowrap}.shop-test-bar form{margin:0}.shop-test-bar button{border:0;padding:8px 0;background:none;color:inherit;font-size:12px;text-decoration:underline;text-underline-offset:4px}.document code{overflow-wrap:anywhere;font-size:.9em}@media(max-width:760px){.shop-test-bar{padding:12px 20px;flex-wrap:wrap}.private-login{padding-top:45px}.private-login h1{font-size:35px}}

.book-file-list{overflow-wrap:anywhere}.book-file-list li{margin-bottom:1rem}


/* Rustige boekwinkel: zwart, ruimte en één hoofdactie per stap. */
header{border:0;padding-top:32px}.brand{font:23px system-ui;letter-spacing:0}.brand span{color:var(--muted);letter-spacing:2px;font-size:9px;margin-top:4px}nav a{color:var(--muted)}
.shop-welcome{padding:48px 0 90px}.shop-illustration{width:min(100%,510px);margin:0 auto}.shop-illustration img{display:block;width:100%;height:auto}.shop-illustration figcaption{color:var(--muted);font-size:11px;line-height:1.6;margin-top:12px}
.purchase{grid-template-columns:1fr 1fr;gap:75px;border:0;padding:0 0 80px;align-items:start}.book-art{background:none;padding:0;min-height:0;display:block}.book-art img{display:block;width:100%;max-width:none;max-height:none;object-fit:contain}.purchase-body{min-width:0}.purchase h1{font-size:44px;line-height:1.15;letter-spacing:-1px;margin:0}.purchase h1 span{font-size:25px;margin-top:7px}.author{color:var(--muted);margin:16px 0 40px}.description{font-size:16px;line-height:1.7;margin-bottom:12px}.purchase form{margin-top:32px}
.choices{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.choice{border:0;padding:0;align-items:flex-start;gap:12px}.choice:has(input:checked){border:0;background:none}.choice>span{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.choice strong{font-size:15px;font-weight:400}.choice small{display:none}.choice b{font-size:15px;font-weight:400;margin:0}.choice input{margin-top:4px}.choices legend{font-size:14px;font-weight:400;color:var(--muted)}
input:not([type=radio]):not([type=checkbox]),select{background:transparent;color:var(--paper);border:1px solid #666;border-radius:5px}select option{background:#151515;color:#eee}.button{border-color:#666;border-radius:5px;color:var(--paper)}.primary{background:var(--yellow);border-color:var(--yellow);color:#171717}.primary:hover{background:#efdc80}.next-step{width:100%;margin-top:18px}.subtle{color:var(--muted)}.check{font-size:13px}.notice{background:transparent;border:0;border-left:2px solid var(--yellow);padding:8px 14px;color:var(--muted)}.error{background:transparent;border:1px solid #bc7770;color:#f5bbb5}.shop-test-bar{background:transparent;border:0;color:#999}.customer-step{border:0;padding:0;margin:0;min-width:0}.customer-step>legend{font-size:24px;margin-bottom:20px}.download-card{background:none;border:0;border-bottom:1px solid var(--line);padding:20px 0}.faq{margin-top:30px}.faq h2{font-size:26px}footer{border:0;padding-top:45px}label:not(.choice):not(.check){font-weight:400}.quiet{line-height:1.65}
@media(max-width:760px){.shop-welcome{padding:25px 0 55px}.shop-illustration{max-width:430px}.purchase{grid-template-columns:1fr;gap:38px;padding-bottom:35px}.book-art{max-width:340px;width:100%;margin:auto;padding:0}.purchase h1{font-size:37px}.purchase h1 span{font-size:23px}.author{margin-bottom:25px}.purchase-body{max-width:520px;width:100%;margin:auto}.shop-test-bar{font-size:11px}.shop-test-bar>div{gap:14px}}
