body{font-family:Arial;background:#f4f7f5;margin:0}
.header{text-align:center;padding:20px}
.logo{max-width:140px}
.container{max-width:900px;margin:auto;padding:20px}
.context{border:2px solid #4d986d;padding:12px;margin-bottom:12px;border-radius:12px}
.value-row{display:flex;gap:6px;margin-bottom:6px}
input{padding:8px;width:100%}
.btn{background:#4d986d;color:white;padding:10px;border:none;border-radius:8px;margin-top:6px;cursor:pointer}
.btn-secondary{background:#eee;color:black}
.btn-full{width:100%}
.question{border:1px solid #ddd;padding:20px;border-radius:12px}
.choice{display:block;width:100%;padding:14px;margin:8px 0;border:2px solid #ddd;border-radius:10px;cursor:pointer;font-weight:bold}
.choice:hover{background:#e7f3ec;border-color:#4d986d}
.hidden{display:none}
.footer{text-align:center;margin-top:20px;font-size:12px;color:#666}