/* Tell the studio (Chris, 6 Nov): a box for as much as it needs to say, the dictation microphone beside it (voice.js puts it
   before the box), who prepares the work, and a card that folds long words under its kind. style.css is past its ceiling. */
.tell-box { display: flex; align-items: flex-start; gap: 6px; }
.tell-box > .voice-btn { margin-top: 6px; }
.tell-box > .tell-text { flex: 1 1 auto; min-width: 0; }
.tell-text { min-height: 112px; max-height: 50vh; field-sizing: content; }
.tell-when { margin: 4px 0 0; font-size: 13px; color: var(--muted); }
.tell-after[hidden] { display: none; }
.tell-after { margin-top: 4px; }
.tell-after button { margin-top: 4px; }
/* A long telling shows four lines; a tap opens the rest, its own line breaks kept. */
.item.fact .fact-text {
  white-space: pre-wrap; overflow-wrap: anywhere; cursor: pointer;
  display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;
}
.item.fact .fact-text.open { display: block; -webkit-line-clamp: unset; overflow: visible; }
.item.fact .fact-lead { font-size: 13px; color: var(--muted); }