.workspace{overflow:hidden;border:1px solid var(--line);background:var(--surface)}
.workspace .panel{min-width:0;padding:var(--space)}
.workspace label{display:block;margin:0 0 8px;font-weight:650}
.workspace textarea{display:block;width:100%;max-width:100%;min-height:180px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);font:inherit;resize:vertical}
.workspace textarea:focus-visible,.workspace button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.workspace .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.hint{color:var(--muted);font-size:.9rem}
#status{padding:0 var(--space);overflow-wrap:anywhere}
.results{padding:0 var(--space) var(--space)}
.results p{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:10px 0;margin:0}
.explain,.faq,.sources{padding:24px 0;border-bottom:1px solid var(--line)}
.faq details{padding:14px 0;border-bottom:1px solid var(--line)}
.faq summary{font-weight:650;cursor:pointer}
@media(max-width:600px){.workspace .panel{padding:18px}.results p{align-items:flex-start}}