/* Οι ερωτήσεις του Μέρους 2 μέσα στην εφαρμογή (αντίγραφο του q.css με πρόθεμα .qf) */
.qf{--ink:var(--fg);--teal-soft:var(--mint);display:flex;flex-direction:column;gap:14px}
.qf button{font:inherit;cursor:pointer;border-radius:10px;border:1px solid var(--teal);padding:9px 16px;background:var(--surface);color:var(--teal-ink);font-weight:500}
.qf button.primary{background:var(--teal);color:var(--surface);border-color:var(--teal)}
.qf button:focus-visible,.qf input:focus-visible,.qf textarea:focus-visible,.qf label.opt:focus-within{outline:2px solid var(--teal);outline-offset:2px}
.qf section.step{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px 20px 22px;display:flex;flex-direction:column;gap:16px}
.qf .stephead{display:flex;gap:12px;align-items:baseline}
.qf .num{font-family:var(--display);color:var(--teal);font-size:1.05rem;min-width:1.6em;font-variant-numeric:tabular-nums}
.qf h2{font-family:var(--display);font-weight:600;font-size:1.2rem;margin:0;text-wrap:balance}
.qf .stephelp{color:var(--muted);font-size:.9rem;margin:2px 0 0}
.qf .q{display:flex;flex-direction:column;gap:8px;min-width:0}
.qf .neg{color:#C0392B;font-weight:800}
.qf .q.missing{border-left:3px solid #C0392B;padding-left:10px}
.qf .q.missing .qlabel{color:#C0392B}
.qf .qlabel{font-weight:600;font-size:.95rem}
.qf .qhelp{color:var(--muted);font-size:.85rem;margin-top:-4px}
.qf .opts{display:flex;flex-wrap:wrap;gap:8px}
.qf label.opt{display:inline-flex;align-items:flex-start;gap:8px;border:1px solid var(--line);border-radius:999px;padding:7px 14px;cursor:pointer;background:var(--bg);font-size:.93rem;max-width:100%}
.qf label.opt.block{border-radius:12px;width:100%}
.qf label.opt input{accent-color:var(--teal);margin:3px 0 0}
.qf label.opt:has(input:checked){border-color:var(--teal);background:var(--teal-soft);color:var(--teal-ink)}
.qf .optdesc{display:block;color:var(--muted);font-size:.83rem}
.qf .group{font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:4px}
.qf input[type=text],.qf input[type=number],.qf textarea{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:9px 12px;width:100%}
.qf .other{max-width:420px}
.qf .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.qf textarea{min-height:110px;resize:vertical}
.qf .err{color:var(--warn);font-weight:500;min-height:1.2em;text-align:center;margin:0}
.qf #summary{display:flex;flex-direction:column;gap:16px}
.qf details summary{cursor:pointer}
.qf pre.dump{white-space:pre-wrap;word-break:break-word;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:14px;font-size:.85rem;max-height:340px;overflow:auto;margin:0}
.qf .small{font-size:.82rem;color:var(--muted)}
.qf label.opt{transition:background .15s,border-color .15s}
.qf .opts{flex-direction:row}
.qf .q label.opt.block{width:100%}

.stepwarn{color:#C0262D;font-weight:600;font-size:.92rem;margin:6px 0 0;line-height:1.4}