/* المواضيع: topic cards (accuracy badge + meter) and the lesson links of a drill. Colours come
   from the tokens of style.css, so light and dark mode follow. */
.tp{--min:270px;margin-top:4px}
.tp .m{white-space:normal}
.tp .badge{font-size:1rem;direction:ltr;border-color:var(--line2);color:var(--dim)}
.tp .badge.ok{border-color:var(--ok);color:var(--ok)}
.tp .badge.mid{border-color:var(--sign);color:var(--sign)}
.tp .badge.bad{border-color:var(--bad);color:var(--bad)}
.tp .meter i.mid{background:var(--sign)}
.tp .meter i.bad{background:var(--bad)}
.tp .qn{color:var(--bad);font-weight:600}
.lessons{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}
.lessons .btn{min-height:44px;padding:0 16px;font-size:.92rem;white-space:normal;text-align:start}
.dm{color:var(--ink2);margin-top:8px;max-width:40em}