/* 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}

/* Timer */
.pdq-timer{margin-top:6px;font-size:13px;font-weight:500;color:#0D9488;text-align:right}

/* Topic selection step */
.pdq-topic-step{margin-top:12px;display:flex;flex-direction:column;gap:12px}
.pdq-topic-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.pdq-topic-qcount-label{font-size:13px;font-weight:500;color:#0f172a;display:block}
.pdq-topic-qcount-slider{width:180px;cursor:pointer}
.pdq-topic-qcount-display{font-size:13px;color:#4b5563;min-width:110px}
.pdq-topic-search{flex:1 1 180px;min-width:0;padding:8px 10px;border-radius:999px;border:1px solid #e5e7eb}
.pdq-topic-actions{display:flex;gap:8px}

.pdq-topic-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;max-height:260px;overflow:auto}
.pdq-topic-chip{border-radius:999px;border:1px solid #e5e7eb;background:#f9fafb;padding:6px 10px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;cursor:pointer;transition:background .15s,transform .05s,border-color .15s;font-size:12px;min-width:160px}
.pdq-topic-chip .pdq-topic-name{font-weight:600;color:#0f172a}
.pdq-topic-chip .pdq-topic-meta{font-size:11px;color:#6b7280}
.pdq-topic-chip.active{background:#ecfdf5;border-color:#0D9488;box-shadow:0 0 0 1px rgba(13,148,136,.12)}
.pdq-topic-chip:active{transform:scale(.98)}

/* Chips / confidence + IDK */
.pdq-confidence-wrap{display:flex;align-items:center;gap:6px;font-size:12px;color:#4b5563}
.pdq-confidence-wrap span{font-size:12px;color:#6b7280}
.pdq-chip{border-radius:999px;border:1px solid #e5e7eb;background:#f9fafb;padding:4px 10px;font-size:12px;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}
.pdq-chip.active{background:#0D9488;border-color:#0D9488;color:#fff;box-shadow:0 0 0 1px rgba(13,148,136,.15)}
.pdq-chip.idk{margin-left:auto}

.pdq-q-meta-row,.pdq-q-secondary-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;align-items:center}
.pdq-q-topic{font-size:12px;color:#6b7280}

.pdq-q .pdq-opt-btn{width:100%;padding:12px 14px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;text-align:left;font-size:14px}
.pdq-q .pdq-opt-btn.selected{border-color:#0D9488;box-shadow:0 0 0 2px rgba(13,148,136,.15)}

.pdq-summary{margin-top:10px}
.pdq-heading{font-size:18px;font-weight:600;margin:0 0 4px}
.pdq-subheading{font-size:14px;font-weight:500;margin:12px 0 6px;color:#111827}
.pdq-list{margin:0;padding-left:18px;font-size:14px;color:#111827}
.pdq-list li{margin:2px 0}

.pdq-mistake-list{margin:8px 0 0;padding-left:18px;font-size:14px}
.pdq-mistake-list .q-stem{font-weight:500;margin-bottom:2px}
.pdq-mistake-list .q-meta{font-size:12px;color:#6b7280;margin-bottom:2px}
.pdq-mistake-list .q-answers{font-size:13px;color:#111827;display:flex;flex-wrap:wrap;gap:8px}
.pdq-mistake-list .your-answer{opacity:.9}
.pdq-mistake-list .correct-answer{font-weight:500}

.pdq-recommend{margin-top:12px}