
:root{--ink:#18171a;--paper:#fffdfa;--theme:#06212b;--accent:#ef3d4b;--accent2:#42c1c7;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Trebuchet MS",Arial,sans-serif}button,[role=button],summary{cursor:pointer}button{font:inherit}button:focus-visible,[role=button]:focus-visible,summary:focus-visible{outline:3px solid #fff;outline-offset:4px}.story{max-width:860px;margin:auto;font-family:Georgia,"Times New Roman",serif;font-size:1.08rem;line-height:1.78}.story h1{font-size:clamp(2.2rem,5vw,4.8rem);line-height:.98;letter-spacing:-.045em;margin:0 0 28px}.story h2{font-size:clamp(1.55rem,3.2vw,2.45rem);line-height:1.12;margin:68px 0 20px}.story h3{font-size:1.25rem;margin:34px 0 10px}.story p{margin:0 0 19px}.story ul{margin:10px 0 26px;padding-left:24px}.story li{margin:8px 0}.story strong{color:var(--theme)}.story table{width:100%;border-collapse:collapse;margin:28px 0;font-family:"Trebuchet MS",Arial,sans-serif;font-size:.95rem}.story th,.story td{padding:12px;border:1px solid #d8d3cf;text-align:left}.story thead{background:var(--theme);color:#fff}.article-zone{padding:90px 7vw 120px;background:linear-gradient(180deg,#fffdfa,#f4efea)}.article-intro{max-width:860px;margin:0 auto 40px;display:flex;justify-content:space-between;border-bottom:1px solid #cfc6c1;padding-bottom:14px;text-transform:uppercase;letter-spacing:.14em;font-size:.75rem}.article-intro p{margin:0}.details-zone{padding:36px clamp(16px,6vw,90px) 90px;background:#f7f3ee}.editorial-details{max-width:980px;margin:auto}.editorial-details>summary{list-style:none;background:var(--theme);color:#fff;padding:22px 28px;font-weight:800;letter-spacing:.01em}.editorial-details>summary::-webkit-details-marker{display:none}.editorial-details>summary:after{content:"+";float:right;font-size:1.4rem}.editorial-details[open]>summary:after{content:"−"}.editorial-details .story{padding:70px clamp(18px,5vw,64px);background:#fff}
@media(max-width:680px){.story{font-size:1rem;line-height:1.68}.story h1{font-size:2.3rem}.story h2{margin-top:48px}.article-zone{padding:64px 20px 90px}.details-zone{padding:22px 12px 60px}.editorial-details .story{padding:48px 18px}.story table{display:block;overflow-x:auto}.article-intro{display:block}.article-intro p{margin-top:6px}}
.prompt-scene{position:relative;min-height:100svh;overflow:hidden;background:#082630;color:#fff}.prompt-backdrop{position:absolute;inset:-16px;background:linear-gradient(90deg,rgba(1,24,32,.7),rgba(1,24,32,.18)),url('/images/mijnflirt-background.webp') center/cover;filter:blur(7px);transform:scale(1.05)}.prompt-bands{position:absolute;z-index:1;inset:0;pointer-events:none}.prompt-bands span{position:absolute;width:120%;height:22px;left:-10%;transform:rotate(-7deg)}.prompt-bands span:first-child{top:18%;background:var(--accent)}.prompt-bands span:last-child{bottom:18%;background:var(--accent2)}.prompt-head{position:absolute;z-index:3;left:5vw;right:5vw;top:28px;display:flex;justify-content:space-between;align-items:center}.prompt-head p{margin:0;font-size:2rem;font-weight:900;letter-spacing:-.05em}.prompt-head span{padding:11px 18px;background:#fff;color:#09202a}.prompt-block{position:absolute;z-index:2;left:50%;top:51%;transform:translate(-50%,-50%);width:min(830px,calc(100% - 36px));display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:28px;background:#fff;color:#10222a;box-shadow:0 26px 70px rgba(0,0,0,.35)}.prompt-number{margin:0;font-size:4.4rem;font-weight:900;color:var(--accent)}.prompt-question{margin:0 0 7px;font:700 clamp(1.7rem,3vw,2.8rem)/1 Georgia,serif}.prompt-copy{margin:0;color:#526168}.prompt-yes,.prompt-no{grid-column:3;min-width:210px;min-height:48px;border:0}.prompt-yes{grid-row:1;background:var(--accent2);color:#04262b;font-weight:900}.prompt-no{grid-row:1;margin-top:102px;background:transparent;text-decoration:underline}.prompt-down{position:absolute;z-index:2;left:5vw;bottom:28px;margin:0;letter-spacing:.13em;text-transform:uppercase;font-size:.7rem}.story strong{color:#a62633}@media(max-width:760px){.prompt-block{top:53%;display:block;padding:26px}.prompt-number{font-size:3.2rem}.prompt-yes,.prompt-no{width:100%;margin-top:14px}.prompt-no{margin-top:8px}.prompt-bands span{height:14px}.prompt-head{left:18px;right:18px}.prompt-head p{font-size:1.55rem}.prompt-head span{font-size:.8rem;padding:8px 12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
