/* Koffiecheck — blauw/groene huisstijl, gebaseerd op het aangeleverde beeld. */
.odw-koffie{--odw-ink:#064d9e;--odw-accent:#328d20;--odw-paper:#fff;--odw-text:#234454;--odw-line:#dce8e9;box-sizing:border-box;position:relative;isolation:isolate;max-width:1180px;margin:32px auto;background:var(--odw-paper);color:var(--odw-text);border:1px solid #e1ecef;border-radius:22px;overflow:hidden;font-family:'Segoe UI',Arial,sans-serif;font-size:16px;line-height:1.7;text-align:left;box-shadow:0 12px 50px #06517f08}
.odw-koffie *{box-sizing:border-box}
.odw-koffie [hidden]{display:none!important}
.odw-koffie__brand{display:flex;align-items:center;gap:12px;padding:27px 42px;border-bottom:1px solid #e5eeee;color:var(--odw-ink);font-size:15px;font-weight:850;letter-spacing:1px;background:linear-gradient(110deg,#fff 45%,#f4faf1)}
.odw-koffie__dot{position:relative;width:25px;height:25px;border:2px solid #0755a6;border-radius:55% 45% 60% 40%;flex:none;transform:rotate(-12deg)}
.odw-koffie__dot:before,.odw-koffie__dot:after{content:'';position:absolute;width:11px;height:11px;top:7px;border-radius:50%;background:#0699b4;left:3px;opacity:.85}
.odw-koffie__dot:after{background:#69bd31;left:9px}
.odw-koffie__edition{margin-left:auto;font-size:10px;font-weight:750;letter-spacing:2px;color:#00718a}
.odw-koffie__layout{position:relative;display:grid;grid-template-columns:1fr 1.05fr;gap:48px;padding:48px 42px 58px;background:radial-gradient(ellipse at -12% 50%,#cdeff35c 0,transparent 43%),radial-gradient(ellipse at 30% 102%,#ddf0c254 0,transparent 42%)}
.odw-koffie__intro{position:relative;padding:5px 4px;min-width:0}
.odw-koffie__eyebrow{display:block;color:#00728c;font-size:10px;font-weight:800;letter-spacing:2px;line-height:1.7;margin:0 0 18px}
.odw-koffie h2{font-family:inherit;color:var(--odw-ink);font-size:clamp(34px,4.1vw,51px);font-weight:800;line-height:1.12;letter-spacing:-1.9px;margin:0 0 13px;text-transform:none}
.odw-koffie h3{font-family:inherit;color:var(--odw-ink);font-size:28px;line-height:1.25;letter-spacing:-.65px;font-weight:750;margin:0 0 16px;text-transform:none}
.odw-koffie p{margin:0 0 18px;color:inherit;font-size:inherit;line-height:1.7}
.odw-koffie p strong{color:#07549a;font-weight:750}
.odw-koffie .odw-koffie__tea{display:inline-block;position:relative;font-family:'Segoe Print','Comic Sans MS',cursive;font-size:24px;font-style:italic;color:#328d20;margin-bottom:16px}
.odw-koffie__tea:after{content:'';display:block;height:3px;width:76%;margin:2px 0 0 auto;border-radius:60%;background:#72b83f;transform:rotate(-3deg);opacity:.7}
.odw-koffie__cup{display:block;width:272px;height:174px;max-width:100%;margin:12px auto 27px;padding:13px 36px;color:#18495a;background:radial-gradient(ellipse at 35% 49%,#00a1b9a6 0,#079ebca1 32%,#15a9bc79 36%,transparent 37%),radial-gradient(ellipse at 67% 49%,#81c62fa1 0,#81c62f8c 33%,#95ce4e70 37%,transparent 38%);transform:rotate(-3deg)}
.odw-koffie__cup path:nth-of-type(2){fill:#fffffff0;stroke:#18525b;stroke-width:3}
.odw-koffie__cup path:first-of-type,.odw-koffie__cup path:nth-of-type(3){stroke:#18525b;stroke-width:3}
.odw-koffie__cup path:last-of-type{fill:#419f29}
.odw-koffie__facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px;font-size:12px;font-weight:650}
.odw-koffie__facts span{color:#076883;background:#fff;border:1px solid #c9e4e7;padding:5px 13px;border-radius:30px}
.odw-koffie__facts span:before{content:'✓';display:inline-block;color:#378a21;margin-right:7px;font-weight:800}
.odw-koffie__card{position:relative;align-self:start;background:#fff;border:1px solid #dbe9e8;box-shadow:0 10px 35px #005e7a08;border-radius:18px;padding:34px;min-width:0;overflow:hidden}
.odw-koffie__card:before{content:'';position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#0857ae,#079cb1 52%,#73bc2d)}
.odw-koffie__roles,.odw-koffie__answers{display:grid;gap:12px;margin:25px 0}
.odw-koffie button{font:inherit;cursor:pointer;text-transform:none;letter-spacing:normal;white-space:normal;min-height:48px;transition:background .15s,border-color .15s,box-shadow .15s}
.odw-koffie button:disabled{opacity:.55;cursor:wait}
.odw-koffie button.odw-koffie__role,.odw-koffie button.odw-koffie__answer{position:relative;display:block;width:100%;text-align:left;border:1px solid #d2e3e9;background:#fbfdfe;border-radius:11px;padding:17px 39px 17px 18px;color:var(--odw-ink);box-shadow:none}
.odw-koffie button.odw-koffie__role:after{content:'↗';position:absolute;right:16px;top:23px;color:#369627;font-size:21px}
.odw-koffie__role strong{display:block;font-size:16px;font-weight:750}
.odw-koffie__role span{display:block;font-size:13px;font-weight:400;margin-top:3px;color:#4e6a77}
.odw-koffie button.odw-koffie__role:hover,.odw-koffie button.odw-koffie__answer:hover{background:#f1f9f4;border-color:#72af5a;box-shadow:0 3px 12px #43962b0b}
.odw-koffie button.odw-koffie__answer[aria-pressed=true]{background:#eaf5e3;border-color:#3c9028;color:#245d1b}
.odw-koffie .odw-koffie__small{font-size:12px;line-height:1.7;color:#536b77}
.odw-koffie__progress{height:6px;border-radius:5px;background:#e8f1f3;margin:4px 0 12px;overflow:hidden}
.odw-koffie__progress span{display:block;height:100%;background:linear-gradient(90deg,#079db5,#6db835);border-radius:inherit}
.odw-koffie__navigation{display:flex;gap:8px 20px;flex-wrap:wrap;margin-top:16px}
.odw-koffie button.odw-koffie__back{background:transparent;border:0;color:#06549d;padding:8px 0;text-decoration:underline;text-underline-offset:4px;box-shadow:none;font-size:13px}
.odw-koffie__score{display:inline-block;padding:8px 15px;background:#eaf5e4;color:#2e6b1c;border:1px solid #d9eacb;border-radius:30px;margin-bottom:20px;font-size:14px;font-weight:750}
.odw-koffie__form{border-top:1px solid var(--odw-line);padding-top:26px;margin-top:24px}
.odw-koffie__form h3{font-size:24px}
.odw-koffie__form>label{display:block;font-size:14px;font-weight:650;margin:16px 0 6px;color:#145385}
.odw-koffie__form>input{display:block;width:100%;min-height:48px;font:inherit;font-size:16px;color:#234454;border:1px solid #b9d1dc;border-radius:8px;background:#fcfefe;padding:12px;box-shadow:none;margin:0}
.odw-koffie input::placeholder{color:#627a88;opacity:1}
.odw-koffie__form label.odw-koffie__consent{display:flex;gap:10px;align-items:flex-start;font-size:12px;font-weight:400;line-height:1.6;margin:20px 0 12px;color:#345767}
.odw-koffie__consent input{appearance:auto;flex:none;width:18px;height:18px;margin:2px 0 0;accent-color:#378f25}
.odw-koffie button.odw-koffie__primary{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:0;border-radius:9px;background:#0756a6;color:#fff;padding:15px 18px;font-size:15px;font-weight:700;box-shadow:0 4px 12px #0756a61a}
.odw-koffie button.odw-koffie__primary:hover{background:#064486}
.odw-koffie a{color:#06549d;text-decoration:underline}
.odw-koffie :is(button,input,a):focus-visible{outline:3px solid #007a94;outline-offset:3px}
.odw-koffie__screen:focus{outline:none}
.odw-koffie .odw-koffie__status{margin:12px 0 0;font-size:13px;color:#843f22}
.odw-koffie__trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.odw-koffie__success{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:#e8f5dd;color:#348421;font-size:32px;margin-bottom:24px;border:1px solid #d0e9bd}
.odw-koffie__footer{position:relative;padding:26px 24px 23px;text-align:center;background:#fff;color:#006f88;font-size:12px;font-weight:750;letter-spacing:1.5px}
.odw-koffie__footer:before{content:'';position:absolute;top:-17px;left:-2%;width:104%;height:25px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 30' preserveAspectRatio='none'%3E%3Cpath d='M0 11C240 -15 390 42 690 20S1010 -3 1200 12' fill='none' stroke='%234aa62b' stroke-width='2.5'/%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat}
@media(max-width:760px){.odw-koffie{margin:16px auto;border-radius:16px}.odw-koffie__brand{padding:18px 20px;font-size:11px;letter-spacing:.6px;gap:9px}.odw-koffie__edition{font-size:9px;letter-spacing:.5px}.odw-koffie__dot{width:23px;height:23px}.odw-koffie__layout{grid-template-columns:1fr;padding:29px 20px 39px;gap:28px}.odw-koffie__intro{padding:0}.odw-koffie h2{font-size:39px;letter-spacing:-1.5px}.odw-koffie__cup{width:226px;height:140px;padding:10px 30px;margin:12px auto 20px}.odw-koffie__card{padding:28px 22px}.odw-koffie h3{font-size:25px}.odw-koffie__footer{font-size:11px;padding:23px 18px;letter-spacing:.7px}}
@media(max-width:360px){.odw-koffie__brand{padding:16px 14px;flex-wrap:wrap}.odw-koffie__edition{margin-left:32px;width:100%}.odw-koffie__layout{padding:25px 14px 35px}.odw-koffie__card{padding:25px 17px}.odw-koffie h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.odw-koffie button{transition:none}}