/* Ask screen styles, scoped under .scr-ask (WP3). Logical properties only. */
.scr-ask { max-inline-size: 980px; margin-inline: auto; padding-block-end: 24px; }
.scr-ask .ask-head h1 { margin-block: 0 4px; font-size: var(--fs-h1); }
.scr-ask .ask-head p { margin-block: 0 12px; }
.scr-ask .ask-box { margin-block: 12px 18px; }
.scr-ask .ask-row { display: flex; align-items: flex-start; gap: 10px; }
.scr-ask .ask-input { flex: 1 1 auto; min-inline-size: 0; resize: vertical; font: inherit; font-size: 20px; line-height: 1.5; padding: 12px 16px; border: 1px solid var(--sand-300); border-radius: var(--radius-sm); background: var(--sand-50); color: var(--ink-900); }
.scr-ask .ask-input:focus { outline: 2px solid var(--brass-500); outline-offset: 1px; background: var(--white); }
.scr-ask .ask-mic { display: inline-flex; align-items: center; padding-block-start: 6px; }
.scr-ask .ask-ctl { display: flex; align-items: center; gap: 10px; margin-block-start: 10px; flex-wrap: wrap; }
.scr-ask .ask-ctl .grow { flex: 1 1 auto; }
.scr-ask .ask-lang-label { display: inline-flex; align-items: center; gap: 8px; }
.scr-ask .ask-lang { font: inherit; font-size: var(--fs-small); padding: 4px 10px; border: 1px solid var(--sand-300); border-radius: var(--radius-sm); background: var(--white); color: var(--ink-900); }
.scr-ask .ask-hint { margin-block: 10px 0; }
.scr-ask .ask-sug-details { margin-block-start: 10px; }
.scr-ask .ask-sug-details > summary { cursor: pointer; font-weight: 700; font-size: var(--fs-small); color: var(--ink-700); }
.scr-ask .ask-sugs { display: flex; flex-wrap: wrap; gap: 8px; margin-block-start: 10px; }
.scr-ask .ask-sug { cursor: pointer; text-align: start; font-size: var(--fs-small); padding: 5px 12px; line-height: 1.4; white-space: normal; }
.scr-ask .ask-sug:hover { background: var(--sand-100); border-color: var(--brass-500); }
.scr-ask .ask-list { display: flex; flex-direction: column; gap: 16px; }
.scr-ask .ask-turn { display: flex; flex-direction: column; gap: 10px; }
.scr-ask .ask-q { display: flex; gap: 10px; align-items: baseline; flex-wrap: wrap; padding-block-end: 8px; border-block-end: 1px solid var(--sand-200); }
.scr-ask .ask-q-label { font-size: var(--fs-tiny); color: var(--ink-500); font-weight: 700; }
.scr-ask .ask-q-text { font-weight: 700; font-size: 20px; flex: 1 1 60%; min-inline-size: 0; }
.scr-ask .ask-banner:empty, .scr-ask .ask-langbar:empty, .scr-ask .ask-sources:empty, .scr-ask .ask-actions:empty { display: none; }
.scr-ask .ask-banner .banner { margin: 0; }
.scr-ask .ask-status { display: flex; align-items: center; gap: 12px; min-block-size: 0; }
.scr-ask .ask-status:empty { display: none; }
.scr-ask .ask-steps > summary { cursor: pointer; font-size: var(--fs-small); font-weight: 700; color: var(--ink-700); margin-block-end: 6px; }
.scr-ask .ask-answer { font-family: var(--font-serif); font-size: 21px; line-height: 1.75; }
.scr-ask .ask-answer .stream p { margin-block-end: .8em; }
.scr-ask .ask-skel { font-family: var(--font-sans); }
.scr-ask .ask-grounding { background: var(--sand-50); border: 1px solid var(--sand-200); border-radius: var(--radius-sm); padding: 10px 14px; }
.scr-ask .ask-ground-head { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-block-end: 6px; }
.scr-ask .ask-meter-cap { margin-block-start: 6px; }
.scr-ask .ask-src-details > summary { cursor: pointer; font-weight: 700; font-size: var(--fs-small); margin-block-end: 8px; }
.scr-ask .ask-src-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.scr-ask .ask-src { border: 1px solid var(--sand-200); border-radius: var(--radius-sm); padding: 8px 12px; background: var(--white); }
.scr-ask .ask-src.dim { opacity: .75; }
.scr-ask .ask-src-top { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.scr-ask .ask-src-title { font-weight: 700; font-size: var(--fs-small); }
.scr-ask .ask-src-quote { display: block; margin-block-start: 6px; font-family: var(--font-serif); font-size: var(--fs-small); color: var(--ink-700); }
.scr-ask .ask-src-other { margin-block: 10px 6px; }
.scr-ask .ask-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding-block-start: 4px; }
.scr-ask .ask-toolkit { display: inline-flex; }
.scr-ask .ask-langbar .langbar { margin-block-end: 0; }
@media (max-width: 760px) { .scr-ask .ask-q-text { flex-basis: 100%; } }