.tt-practice{max-width:100%;margin:.8rem 0;border:1px solid #c7d2fe;border-radius:12px;background:#fff;padding:.65rem;color:#334155;font-size:.85rem;overflow-wrap:anywhere}
.tt-practice summary{min-height:44px;display:list-item;padding:.65rem .3rem;font-weight:800;color:#4f46e5;cursor:pointer;touch-action:manipulation}
.tt-practice label,.tt-practice-label{display:block;margin-top:.65rem;font-weight:700}
.tt-practice .tt-practice-help,.tt-practice #tt-practice-note{margin:.3rem 0;line-height:1.5;color:#64748b}
.tt-practice select,.tt-practice textarea{display:block;width:100%;max-width:100%;min-width:0;min-height:44px;padding:.6rem;border:1px solid #94a3b8;border-radius:8px;background:#fff;color:#1e293b;font:inherit;margin:.3rem 0}
.tt-practice textarea{min-height:100px;font-size:16px;resize:vertical}
.tt-practice button{display:block;min-width:44px;min-height:44px;max-width:100%;padding:.6rem .9rem;margin:.5rem 0;border:0;border-radius:8px;background:#4f46e5;color:#fff;font-family:inherit;font-size:.85rem;font-weight:700;cursor:pointer;touch-action:manipulation}
.tt-practice-target{margin:.3rem 0;padding:.6rem;background:#eef2ff;border-radius:8px;white-space:pre-wrap;font-family:'JetBrains Mono',ui-monospace,monospace;line-height:1.6}
.tt-practice-feedback{min-height:3em;margin:.5rem 0;line-height:1.5}
.tt-practice :is(summary,select,textarea,button):focus-visible{outline:3px solid #f59e0b;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.tt-practice *{scroll-behavior:auto}}