/* PRACTICE BY TYPE (assets/drill.js) */
.dr-nav{margin-top:6px}
.dr-sets{margin:0 0 14px}
.dr-sets summary{cursor:pointer;font-weight:800;color:var(--brand);padding:6px 0}
.dr-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.dr-set{background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:8px 12px;font-weight:800;min-height:40px;cursor:pointer}
.dr-set.on{border-color:var(--brand);color:var(--brand)}
.dr-set.done{background:var(--goodbg);border-color:#bfe6d2;color:var(--good)}
.dr-set.locked{color:var(--muted)}
.dr-q{margin-top:16px}
.dr-ask{color:var(--muted);font-weight:700;margin:0 0 8px;font-size:15px}
.dr-prompt{font-size:20px;line-height:1.6;margin:0 0 14px;font-weight:600}
.dr-gap{color:var(--brand);font-weight:800;letter-spacing:-.04em}
.dr-key{display:inline-block;background:#181c2b;color:#fff;font-weight:800;letter-spacing:.06em;border-radius:8px;padding:4px 10px;margin:0 0 12px}
.dr-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:560px){.dr-opts{grid-template-columns:1fr}}
.dr-opt{display:flex;align-items:center;gap:12px;text-align:left;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:12px 14px;min-height:52px;font-size:17px;font-weight:700;cursor:pointer;touch-action:manipulation}
.dr-opt b{flex:none;width:30px;height:30px;border-radius:8px;background:#f1efff;color:var(--brand);display:grid;place-items:center}
@media(hover:hover) and (pointer:fine){.dr-opt:not(:disabled):hover{border-color:var(--brand)}}
.dr-opt:disabled{cursor:default}
.dr-opt.right{border-color:var(--good);background:var(--goodbg);color:var(--good)}
.dr-opt.wrong{border-color:var(--bad);background:var(--badbg);color:var(--bad)}
.dr-form{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.dr-input{border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;font-size:18px;min-width:0;width:220px;max-width:100%}
.dr-input.wide{width:280px}
.dr-input.right{border-color:var(--good);background:var(--goodbg)}
.dr-input.wrong{border-color:var(--bad);background:var(--badbg)}
.dr-kwt{font-size:19px;line-height:2.2;margin:0;flex-basis:100%}
.dr-fb{margin-top:14px;border-radius:14px;padding:0}
.dr-fb.ok,.dr-fb.ko{padding:12px 16px}
.dr-fb.ok{background:var(--goodbg);color:var(--good)}
.dr-fb.ko{background:var(--badbg);color:var(--bad)}
.dr-fb p{color:var(--ink);margin:6px 0 0;line-height:1.5}
.dr-next{margin-top:14px}
.dr-review p{margin:6px 0;line-height:1.5}
.dr-review .ok b{color:var(--good)}.dr-review .ko b{color:var(--bad)}
@media(max-width:560px){.dr-prompt{font-size:18px}}