
/* Light aesthetic + Inter font */
.pd-font{font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";}
.pdq-card-light{background:#ffffff;color:#0f1a23;border:1px solid #e7edf3;border-radius:16px;padding:20px;box-shadow:0 12px 32px rgba(2,18,33,.06)}
.pdq-card-light h3{margin:0 0 6px;font-size:20px;font-weight:600}
.pdq-muted{color:#5a6b78}
.pdq-steps{height:6px;background:#ecf2f6;border-radius:8px;overflow:hidden;margin:8px 0 16px}
.pdq-steps>span{display:block;height:100%;background:#0D9488;width:0%}
.pd-field{margin:10px 0}
.pd-field input,.pd-field select{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px}
.pdq-q .opt{margin:8px 0}
.pdq-q .opt button{width:100%;padding:12px 14px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer}
.pdq-q .opt button.selected{border-color:#0D9488;box-shadow:0 0 0 2px rgba(13,148,136,.15)}
.pdq-q .opt button.correct{border-color:#0D9488;background:#ecfdf5}
.pdq-q .opt button.wrong{border-color:#ef4444;background:#fef2f2}
.pdq-controls{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}
.pdq-btn{padding:10px 16px;border-radius:12px;border:none;background:#0D9488;color:#fff;font-weight:600;cursor:pointer}
.pdq-btn.secondary{background:#0D9488;opacity:.95}
.pdq-table{width:100%;border-collapse:collapse;margin-top:12px}
.pdq-table th,.pdq-table td{padding:8px;border-bottom:1px solid #eef2f6;text-align:left}
