/* Presto — Phase Q Step 2: the adaptive quiz card and Settings → My quiz. */
.quiz.aq .q.skipped{color:var(--tg-dim); text-decoration:line-through; text-decoration-color:var(--tg-hairline);}
.qchips{display:flex; flex-wrap:wrap; gap:6px; margin:6px 0 2px;}
.qchip{appearance:none; font-family:var(--sans); font-size:11.5px; padding:4px 9px 4px 7px; border:1px solid var(--tg-border); border-radius:var(--tg-r-pill); background:var(--tg-surface); color:var(--tg-text); cursor:pointer; display:inline-flex; align-items:center; gap:6px;}
.qchip:hover, .qchip:focus-visible{border-color:var(--tg-gold); color:var(--tg-gold-dark); outline:none;}
.qchip .qn{font-family:var(--mono); font-size:9.5px; color:var(--tg-dim); border:1px solid var(--tg-hairline); border-radius:4px; padding:0 4px; line-height:1.4;}
.qchip.on{background:var(--tg-gold); color:var(--tg-ink); border-color:var(--tg-gold);}
.qchip.on .qn{color:var(--tg-ink); border-color:rgba(14,28,40,.35);}
/* the pre-highlighted "your usual" chip: champagne fill + tag; Enter confirms it */
.qchip.usual{background:var(--tg-champ); border-color:var(--tg-champ-border); color:var(--tg-champ-text); box-shadow:var(--tg-gold-glow);}
.qchip.usual .qn{color:var(--tg-champ-text); border-color:var(--tg-champ-border);}
.qchip.usual .qtag{font-size:9.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--tg-gold-deep); background:rgba(154,123,63,.12); border-radius:var(--tg-r-pill); padding:1px 6px;}
.qchip.usual.on{background:var(--tg-gold); color:var(--tg-ink); border-color:var(--tg-gold);}
.qchip.usual.on .qtag{color:var(--tg-ink); background:rgba(14,28,40,.12);}

/* Settings → My quiz */
.qbudget{display:flex; align-items:center; gap:10px; margin-top:4px;}
.qbudget input[type=range]{flex:1 1 auto; accent-color:var(--tg-gold);}
.qbudgetval{font-family:var(--mono); font-size:12px; font-weight:600; color:var(--tg-gold-dark); min-width:1.5em; text-align:center;}
.qlist{display:flex; flex-direction:column; gap:6px; margin-top:4px;}
.qrow{display:flex; align-items:center; gap:10px; flex-wrap:wrap; background:var(--tg-surface); border:1px solid var(--tg-border); border-radius:var(--tg-r-md); padding:7px 10px; font-size:11.5px; color:var(--tg-text);}
.qrow .qwhat{flex:1 1 180px;}
.qrow .qval{font-family:var(--mono); font-size:11px; color:var(--tg-gold-dark);}
.qrow .qcount{font-size:10.5px; color:var(--tg-dim);}
.qact{appearance:none; font-family:var(--sans); font-size:10.5px; font-weight:600; padding:4px 10px; border:1px solid var(--tg-border); border-radius:var(--tg-r-pill); background:none; color:var(--tg-dim); cursor:pointer;}
.qact:hover{border-color:var(--tg-gold); color:var(--tg-gold-dark);}
.qempty{font-size:11px; color:var(--tg-dim); padding:2px 0;}
@media (prefers-reduced-motion:reduce){ .qchip{transition:none;} }