.inline-practice{margin:32px 0;padding:24px;border:1px solid var(--line);border-radius:8px;background:var(--surface);min-width:0;scroll-margin-top:100px}
.inline-practice-head{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:space-between;font-size:12px;color:var(--accent);margin-bottom:14px}
.reader .inline-practice-prompt{font-size:18px;line-height:1.8;font-weight:500;margin:0 0 20px}
.inline-practice .options{margin:18px 0}.inline-practice .option{background:var(--bg)}
.inline-practice .pages{margin:20px 0}.inline-practice .pages img{max-width:100%;height:auto}
[data-practice-image]{cursor:zoom-in}[data-practice-image]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.inline-practice .number{margin:20px 0}.inline-practice .number input{min-width:0}
.inline-practice-thought{display:block;font-size:13px;color:var(--muted);margin:18px 0 8px}
.inline-practice textarea{display:block;width:100%;resize:vertical;min-height:90px;margin:0 0 16px;padding:12px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--fg);font:inherit;font-size:14px;line-height:1.8}
.inline-practice .result{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.inline-practice-result:focus{outline:none}.inline-practice-result:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.inline-practice .inline-practice-source,.inline-practice .inline-practice-saved{font-size:12px;color:var(--muted);margin:16px 0 0}
.inline-practice .row{flex-wrap:wrap;gap:12px}.inline-practice .error{font-size:13px}
@media(max-width:600px){.inline-practice{padding:18px 14px}.reader .inline-practice-prompt{font-size:16px}.inline-practice .number{display:flex;flex-wrap:wrap;gap:10px}.inline-practice .number input{width:100%;flex:1 1 140px}.inline-practice .number .btn{flex:0 0 auto}}