/* ===== luckyboomnl1.nl: THE QUESTION BOOK — cream paper, serif display, seven numbered questions; each chapter has its own native data form (ticket stack, book index, flow diagram, ladder, dot-matrix, boarding pass, plain Q&A). Margin notes. ===== */
:root{--bg:#0b0c12;--pp:#15122b;--ink:#8b7cff;--tx:#f1efff;--mu:#a9a5d0;--ln:#2d2960;--a:#8efa00;--b:#5c48d7;--b2:#8b7cff;--r:#ff3337;--dk:#0b0c12;--h:"Fraunces",Georgia,serif;--f:"Public Sans",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px;background:var(--bg)}
body.qb{margin:0;background:radial-gradient(900px 500px at 90% -5%,rgba(92,72,215,.35),transparent 60%),var(--bg);color:var(--tx);font:17px/1.65 var(--f);overflow-x:hidden}
.qb h1,.qb h2,.qb h3,.qb h4{font-family:var(--h);font-weight:700;margin:0;color:var(--ink);line-height:1.08}.qb a{overflow-wrap:anywhere}.qb img{max-width:100%;height:auto;display:block}.qb b,.qb span,.qb p,.qb li,.qb small{overflow-wrap:anywhere}
.mast{background:var(--dk);color:#fff}.mast .in{max-width:1180px;margin:0 auto;height:58px;display:flex;align-items:center;gap:14px;padding:0 22px}.mast .lg img{height:30px;width:auto}.mast .sp{flex:1}
.lgs{display:flex;gap:3px}.lgs a{color:#b9b7d8;font:700 12px var(--f);text-decoration:none;padding:5px 9px;border-radius:4px;border:1px solid #2a2850}.lgs a.on{background:var(--a);color:var(--dk);border-color:var(--a)}
.bt{display:inline-flex;align-items:center;justify-content:center;background:var(--a);color:var(--dk);font:800 15px var(--f);text-decoration:none;padding:12px 24px;border-radius:4px;border:2px solid var(--dk);box-shadow:3px 3px 0 var(--dk);cursor:pointer}.bt:hover{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--dk)}.bt.s{padding:8px 16px;font-size:14px;box-shadow:none;border-color:var(--a)}
.wr{max-width:1180px;margin:0 auto;padding:0 22px}
.cover{padding:52px 0 34px}.cover .wr{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr);gap:44px;align-items:start}.cover h1{font-size:clamp(40px,7vw,92px);letter-spacing:-.03em;font-weight:900}.cover h1 i{font-style:italic;color:var(--b2);font-weight:500}.cover .ld{font-size:20px;color:var(--mu);margin:18px 0 0;max-width:52ch}
.glance{border:2px solid var(--ink);background:var(--pp);padding:6px 20px}.glance h2{font:800 12px var(--f);letter-spacing:.16em;text-transform:uppercase;padding:12px 0 6px;color:var(--mu)}.glance div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-top:1px solid var(--ln);padding:10px 0}.glance b{font:900 30px var(--h);letter-spacing:-.02em}.glance span{color:var(--mu);font-size:14px;text-align:right}
.toc{border-top:3px double var(--ink);border-bottom:3px double var(--ink);padding:18px 0;margin:8px 0 0}.toc ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;counter-reset:t}.toc li{counter-increment:t;border-bottom:1px dotted var(--mu);padding:7px 0}.toc a{display:flex;gap:12px;color:var(--ink);text-decoration:none;font-weight:600}.toc a:before{content:counter(t);font:900 20px var(--h);color:var(--b2);min-width:22px}.toc a:hover{color:var(--b2)}
.ch{padding:70px 0 10px}.ch .wr{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,2fr);gap:36px}.ch .lf{position:relative}.ch .nm{font:900 clamp(90px,14vw,190px)/.75 var(--h);color:transparent;-webkit-text-stroke:2px var(--ink);display:block;margin-bottom:14px}.ch .lf h2{font-size:clamp(22px,2.4vw,30px);font-style:italic;font-weight:600;position:sticky;top:20px}
.rt2{min-width:0}.rt2>*+*{margin-top:18px}.lead{font-size:20px;line-height:1.5;margin:0}.lead:first-letter{font:900 3.4em/.8 var(--h);float:left;padding:4px 10px 0 0;color:var(--b2)}
.h4{font:800 12px var(--f);letter-spacing:.16em;text-transform:uppercase;color:var(--b2);margin:26px 0 10px;display:flex;align-items:center;gap:10px}.h4:after{content:"";flex:1;height:1px;background:var(--ln)}
.stack{display:grid;gap:12px}.tkt{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr) minmax(0,1fr);background:var(--pp);border:2px solid var(--ink);position:relative}.tkt:before,.tkt:after{content:"";position:absolute;left:calc(.9/3.5*100% - 8px);width:16px;height:16px;border-radius:50%;background:var(--bg);border:2px solid var(--ink)}.tkt:before{top:-9px}.tkt:after{bottom:-9px}.tkt .a{padding:14px 18px;border-right:2px dashed var(--ink);background:var(--b);color:#fff}.tkt .a small{display:block;font:700 11px var(--f);letter-spacing:.1em;text-transform:uppercase;opacity:.8}.tkt .a b{font:900 24px/1.1 var(--h)}.tkt .m{padding:14px 18px;font-weight:700}.tkt .m span{display:block;font-weight:400;color:var(--mu);font-size:14.5px}.tkt .z{padding:14px 18px;text-align:right;background:var(--a);font:800 16px var(--f);display:flex;align-items:center;justify-content:flex-end}
.tkt:nth-child(even) .a{background:var(--dk)}
.notes{counter-reset:n;display:grid;gap:8px}.notes p{counter-increment:n;margin:0;font-size:15px;color:var(--mu);padding-left:30px;position:relative}.notes p:before{content:counter(n);position:absolute;left:0;top:0;font:900 16px var(--h);color:var(--r);width:22px;text-align:center}
.idx{list-style:none;margin:0;padding:0;columns:2;column-gap:36px}.idx li{display:flex;align-items:baseline;gap:6px;padding:5px 0;break-inside:avoid;font-weight:600}.idx li:after{content:"";order:1;flex:1;border-bottom:2px dotted var(--ln);min-width:20px}.idx li span{order:2;color:var(--b2);font:900 15px var(--h)}
.covers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.covers a{text-decoration:none;color:var(--ink);display:block}.covers img{width:100%;aspect-ratio:3/4;object-fit:cover;border:2px solid var(--ink)}.covers b{display:block;font-size:14px;line-height:1.25;margin-top:6px}.covers small{color:var(--mu)}
.rows{display:grid;gap:0;border-top:2px solid var(--ink)}.rows a{display:grid;grid-template-columns:78px minmax(0,1fr);gap:16px;align-items:center;border-bottom:1px solid var(--ln);padding:10px 0;text-decoration:none;color:var(--ink)}.rows img{width:78px;height:56px;object-fit:cover;border:2px solid var(--ink)}.rows b{display:block}.rows small{color:var(--mu)}
.flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;position:relative;margin:6px 0}.flow>div{border:2px solid var(--ink);background:var(--pp);padding:14px 14px 16px;position:relative;text-align:center;margin-right:26px}.flow>div:last-child{margin-right:0}.flow>div:not(:last-child):after{content:"→";position:absolute;right:-26px;top:50%;width:26px;text-align:center;font:900 22px var(--h);transform:translateY(-50%);color:var(--b2)}.flow>div:nth-child(3){background:var(--dk);color:#fff}.flow>div:nth-child(3) b{color:var(--a)}.flow b{display:block;font:900 20px var(--h)}.flow small{display:block;color:var(--mu);font-size:13px}.flow>div:nth-child(3) small{color:#c9c7ea}
.dl{display:grid;gap:0;border-top:2px solid var(--ink)}.dl div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:16px;padding:9px 0;border-bottom:1px solid var(--ln)}.dl dt{font-weight:800;margin:0}.dl dd{margin:0}.dl span{display:inline-block;margin-right:12px;color:var(--mu);font-size:14.5px}
.recp{background:var(--pp);border:2px solid var(--ink);padding:16px 20px;font-family:"Courier New",monospace}.recp p{display:flex;justify-content:space-between;gap:10px;margin:0;padding:6px 0;border-bottom:1px dashed var(--mu)}.recp p:last-child{border:0;font-weight:900;color:var(--b2);font-size:1.1em}
.calc{background:var(--dk);color:#fff;padding:18px 22px}.calc .cap{font:800 12px var(--f);letter-spacing:.14em;text-transform:uppercase;color:var(--a);margin:0 0 10px}.calc .crow.n{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:12px;align-items:center;padding:6px 0;border-bottom:1px solid #2a2850}.calc label{font-weight:700;font-size:15px}.calc input{width:100%;background:#171533;color:#fff;border:1px solid #3a3680;border-radius:4px;padding:8px;font:700 15px var(--f)}
.fn{display:grid;gap:7px;margin-top:10px}.fn .s{display:grid;grid-template-columns:110px minmax(0,1fr) 90px;gap:10px;align-items:center}.fn small{font:700 11px var(--f);letter-spacing:.06em;text-transform:uppercase;color:#c9c7ea}.fn .tr{height:20px;background:#171533;overflow:hidden}.fn .tr i{display:block;height:100%;width:50%;background:linear-gradient(90deg,var(--b2),var(--a))}.fn b{font:700 13px var(--f);color:#fff;text-align:right}.calc .sm{font-size:13.5px;color:#c9c7ea;margin:10px 0 0}
.lad{position:relative;padding-left:36px;display:grid;gap:14px}.lad:before{content:"";position:absolute;left:11px;top:8px;bottom:8px;width:4px;background:repeating-linear-gradient(180deg,var(--ink) 0 8px,transparent 8px 14px)}.rung{position:relative;background:var(--pp);border:2px solid var(--ink);padding:12px 18px}.rung:before{content:"";position:absolute;left:-33px;top:16px;width:22px;height:22px;border-radius:50%;background:var(--b);border:3px solid var(--bg);box-shadow:0 0 0 2px var(--ink)}.rung:nth-child(1):before{background:var(--a)}.rung h3{font-size:20px}.rung small{display:block;color:var(--b2);font:800 11px var(--f);letter-spacing:.1em;text-transform:uppercase}.rung p{margin:4px 0 6px;color:var(--mu);font-size:15px}.rung .ch2 i{font-style:normal;display:inline-block;background:var(--a);color:var(--dk);font-weight:800;font-size:13px;padding:1px 10px;margin:0 6px 4px 0;border:1.5px solid var(--dk)}
.call{background:var(--b);color:#fff;padding:20px 24px;border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}.call b.big{font:900 clamp(40px,7vw,72px)/1 var(--h);color:var(--a)}.call h3{color:#fff;font-size:22px;margin:6px 0}.call p{margin:0 0 8px}
.vs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:2px solid var(--ink);background:var(--pp)}.vs>div{padding:14px 18px}.vs>div+div{border-left:2px solid var(--ink)}.vs h3{font-size:19px;margin-bottom:8px}.vs p{margin:0;display:flex;justify-content:space-between;gap:10px;border-bottom:1px dotted var(--mu);padding:5px 0;font-size:14.5px}.vs p span{color:var(--mu)}.vs p b{text-align:right}
.dots{display:grid;gap:8px}.dr{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,2fr) 54px;gap:12px;align-items:center}.dr b{font-weight:700}.dr .d{display:flex;flex-wrap:wrap;gap:3px}.dr .d i{width:10px;height:10px;border-radius:50%;background:var(--b)}.dr em{font:900 18px var(--h);font-style:normal;text-align:right}
.pass{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,.9fr);background:var(--pp);border:2px solid var(--ink);position:relative}.pass .l{padding:18px 22px}.pass .r{border-left:2px dashed var(--ink);padding:18px 20px;background:var(--a)}.pass ol{margin:0;padding:0;list-style:none;counter-reset:p;display:grid;gap:8px}.pass li{counter-increment:p;display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px}.pass li:before{content:"";width:18px;height:18px;border:2px solid var(--ink);margin-top:4px;background:var(--pp)}.pass .r b{font:900 24px var(--h);display:block}.pass .r p{margin:6px 0 0;font-size:15px}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.box{background:var(--pp);border:2px solid var(--ink);padding:14px 18px}.box ol{margin:0;padding-left:20px}.box li{padding:3px 0}
.qa{display:grid;gap:0;border-top:2px solid var(--ink)}.qa>div{padding:14px 0;border-bottom:1px solid var(--ln)}.qa h3{font-size:19px;font-style:italic;font-weight:600;margin-bottom:4px}.qa p{margin:0;color:var(--mu)}
.dir{display:grid;gap:10px}.dir>div{display:grid;grid-template-columns:46px minmax(0,1fr);gap:14px;padding:10px 0;border-bottom:1px solid var(--ln)}.dir i{font-style:normal;font-size:26px}.dir b{display:block}
.end{margin-top:70px;background:var(--dk);color:#fff;padding:46px 0 60px}.end .wr{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:36px}.end h2{color:var(--a);font-size:clamp(28px,4vw,48px);font-style:italic}.end p{color:#c9c7ea}.end .ln a{color:var(--a);margin-right:16px;font-weight:700}.end .legal{font-size:12.5px;color:#9f9cc6;display:grid;gap:4px}.end .legal p{margin:0;font-size:12.5px}.end .kv div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #2a2850;padding:6px 0;font-size:14px}.end .kv span{color:#9f9cc6}.end .kv b{color:#fff;text-align:right}
.pgdoc{max-width:800px;margin:0 auto;padding:40px 22px 60px}.pgdoc .doc{background:var(--pp);border:2px solid var(--ink);padding:28px 30px;box-shadow:8px 8px 0 var(--b2)}.pgdoc h1{font-size:clamp(30px,5vw,50px)}.pgdoc .lead{font-size:19px;color:var(--mu)}.pgdoc .lead:first-letter{all:unset}.pgdoc h2{font-size:22px;margin:24px 0 8px;color:var(--b2)}.pgdoc .cs{display:grid;gap:8px;margin:12px 0}.pgdoc .cs div{border-left:4px solid var(--a);padding:6px 14px;background:var(--bg)}.pgdoc .cs b{display:block}.pgdoc .fx{display:flex;flex-wrap:wrap;gap:6px}.pgdoc .fx b{border:1.5px solid var(--ink);padding:2px 12px;font-size:13px}.pgdoc a{color:var(--b2)}.pgdoc .kvr{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:4px 22px;margin:18px 0}.pgdoc .kvr div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--ln);padding:5px 0;font-size:14px}.pgdoc .kvr span{color:var(--mu)}.pgdoc .kvr b{text-align:right}.pgdoc .legal{font-size:12.5px;color:var(--mu);display:grid;gap:4px;margin-top:12px}.pgdoc .legal p{margin:0}
@media(max-width:900px){.cover .wr,.end .wr,.ch .wr{grid-template-columns:minmax(0,1fr)}.ch .lf h2{position:static}.ch .nm{font-size:90px}.toc ol{grid-template-columns:minmax(0,1fr)}.two,.vs,.pass{grid-template-columns:minmax(0,1fr)}.vs>div+div{border-left:0;border-top:2px solid var(--ink)}.pass .r{border-left:0;border-top:2px dashed var(--ink)}.flow{grid-template-columns:minmax(0,1fr);gap:26px}.flow>div{margin-right:0}.flow>div:not(:last-child):after{content:"↓";right:auto;left:50%;top:auto;bottom:-30px;transform:translateX(-50%)}.idx{columns:1}.covers{grid-template-columns:repeat(2,minmax(0,1fr))}.tkt{grid-template-columns:minmax(0,1fr)}.tkt:before,.tkt:after{display:none}.tkt .a{border-right:0;border-bottom:2px dashed var(--ink)}.tkt .z{justify-content:flex-start;text-align:left}}
@media(max-width:560px){.mast .in{gap:8px;padding:0 12px}.mast .bt{display:none}.mast .lgs{margin-left:auto}.mast .lg img{height:26px}.wr{padding:0 16px}.cover{padding-top:34px}.ch{padding-top:48px}.dr{grid-template-columns:minmax(0,1fr) 44px}.dr .d{grid-column:1/-1;order:3}.dl div{grid-template-columns:minmax(0,1fr)}.fn .s{grid-template-columns:84px minmax(0,1fr) 78px}.pgdoc .doc{padding:20px 18px}}
.qb h3,.dir>div>div,.qa>div{min-width:0;overflow-wrap:anywhere}.dir>div{grid-template-columns:36px minmax(0,1fr)}
.ch .nm{margin-bottom:30px}

.qb h1,.qb h2,.qb h3,.qb h4{color:#fff}.qb .h4{color:var(--b2)}.cover h1 i{color:var(--a)}.toc a,.covers a,.rows a{color:var(--tx)}.toc a:hover{color:var(--a)}.toc{border-color:var(--b2)}
.mast{background:#05060a;border-bottom:1px solid var(--ln)}.bt{box-shadow:3px 3px 0 var(--b)}.bt{border-color:var(--a)}.bt.s{box-shadow:none}
.glance,.tkt,.box,.pass,.rung,.recp,.vs,.pgdoc .doc{background:var(--pp);color:var(--tx)}
.tkt:before,.tkt:after{background:var(--bg)}.tkt .m{color:#fff}.tkt:nth-child(even) .a{background:#241c63}.tkt .z{color:var(--dk)}
.ch .nm{-webkit-text-stroke:2px var(--b2)}.lead{color:var(--tx)}.lead:first-letter{color:var(--a)}
.flow>div{background:var(--pp)}.flow>div:nth-child(3){background:var(--b);border-color:var(--a)}.flow>div:not(:last-child):after{color:var(--a)}
.calc{background:#1c1745;border:2px solid var(--b2)}.recp p:last-child{color:var(--a)}.recp{border-color:var(--b2)}
.call{background:var(--b);box-shadow:6px 6px 0 var(--a)}.rung:before{border-color:var(--bg)}.rung .ch2 i{background:var(--a);color:var(--dk)}
.dr .d i{background:var(--b2)}.dr em{color:#fff}.pass .r{background:var(--a);color:var(--dk)}.pass .r b{color:var(--dk)}.pass li:before{background:var(--pp)}
.qa h3{color:#fff}.end{background:#05060a;border-top:2px solid var(--b)}.pgdoc .doc{box-shadow:8px 8px 0 var(--b)}.pgdoc h2,.pgdoc a{color:var(--a)}.pgdoc .cs div{background:#1c1745}.pgdoc .fx b{border-color:var(--b2);color:#d9d3ff}
.lad:before{background:repeating-linear-gradient(180deg,var(--b2) 0 8px,transparent 8px 14px)}.notes p:before{color:var(--a)}.idx li span{color:var(--a)}.idx li:after{border-color:var(--ln)}
.covers img,.rows img{border-color:var(--b2)}.dir,.dl dt,.dl{color:var(--tx)}.dl{border-color:var(--b2)}.rows{border-color:var(--b2)}.qa{border-color:var(--b2)}
.dot{}
.rt{width:100%;border-collapse:collapse}.rt th{text-align:left;font-weight:700}.rt td,.rt th{padding:9px 12px;vertical-align:top}@media(max-width:640px){.rt thead{display:none}.rt,.rt tbody,.rt tr,.rt td{display:block;width:100%}.rt tr{padding:8px 0}.rt td{display:flex;justify-content:space-between;gap:14px;padding:5px 12px;text-align:right}.rt td:before{content:attr(data-l);font-weight:700;opacity:.65;text-align:left;flex:none;max-width:45%}}