/* Misheard words (js/asr-fixes.js): a small list above the graphics in Review, on the shared tokens. */
.asr { margin: 0 0 var(--s3); padding: var(--s3); border: 1px solid var(--line); border-radius: var(--r-sm); background: var(--soft, var(--tile)); display: grid; gap: var(--s2); }
.asr-head { margin: 0; display: flex; align-items: center; gap: var(--s2); font-weight: var(--w-medium, 500); color: var(--ink-strong); }
.asr-list { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--s1); }
.asr-item { display: flex; align-items: baseline; gap: var(--s2); flex-wrap: wrap; min-height: 2.75rem; }
.asr-at { flex: none; border: 0; background: none; padding: 0; font: inherit; font-variant-numeric: tabular-nums; color: var(--muted); cursor: pointer; min-height: 2.75rem; }
.asr-at:hover { color: var(--ink-strong); text-decoration: underline; }
.asr-tx { flex: 1 1 14rem; min-width: 0; color: var(--ink); overflow-wrap: anywhere; }
.asr-heard { color: var(--muted); }
.asr-why { display: block; color: var(--muted); font-size: var(--text-sm, .875rem); }
.asr-done { color: var(--muted); font-size: var(--text-sm, .875rem); }
.asr-item.is-undone .asr-tx strong { font-weight: inherit; color: var(--muted); text-decoration: line-through; }
.asr-item.is-undone .asr-heard { text-decoration: none; color: var(--ink); }
.asr-undo { flex: none; }

/* parity2 review: the one-line summary at the top of the transcript (Direction A) */
.asr.asr--line { border: 0; background: none; padding: 0 2px; margin: 0 0 10px; gap: 6px; }
.asr--line .asr-head { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 400; color: var(--s-ink-2, var(--ink)); }
.asr--line .asr-head .vi, .asr--line .asr-head svg { flex: none; color: var(--dk-tx-s-peri-deep, var(--s-peri-deep, currentColor)); }
.asr--line .asr-sum { flex: 1 1 auto; min-width: 0; }
.asr--line .asr-sum strong { font-weight: 400; color: var(--s-ink, inherit); }
.asr--line .asr-undo { flex: none; margin-left: auto; font-size: 13px; color: var(--dk-tx-s-peri-deep, var(--s-peri-deep, inherit)); }