/* v16 — a small exchange, on the existing encounter photograph. */
.concept-conversation{position:relative;isolation:isolate}
.concept-conversation>img{position:absolute;inset:0}
.photo-dialogue{position:absolute;inset:auto 24px 25px;z-index:1;color:var(--ink);text-align:left}
.photo-dialogue ol{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}
.photo-bubble{position:relative;width:fit-content;max-width:94%;padding:11px 18px;border:1px solid #d5e0e9;border-radius:19px;font:500 15px/1.65 var(--font);letter-spacing:.015em;box-shadow:0 4px 20px #183c5a0b;transform-origin:15% 100%}
.photo-bubble.from-human{align-self:flex-start;background:#fff;border-bottom-left-radius:5px}
.photo-bubble.from-nia{align-self:flex-end;background:#e1eef8;border-color:#c8dceb;border-bottom-right-radius:5px;transform-origin:85% 100%}
.photo-dialogue.has-photo-motion:not(.dialogue-started) .photo-bubble{opacity:0}
@media(max-width:1100px) and (min-width:721px){.photo-dialogue{inset:auto 17px 20px}.photo-dialogue ol{gap:10px}.photo-bubble{font-size:13px;padding:10px 14px}}
@media(max-width:720px){.concept-conversation{height:clamp(380px,110vw,490px);aspect-ratio:auto}.photo-dialogue{inset:auto 16px 18px}.photo-dialogue ol{gap:9px}.photo-bubble{font-size:13px;line-height:1.65;padding:9px 13px;max-width:100%;border-radius:17px}.photo-bubble.from-human{border-bottom-left-radius:4px}.photo-bubble.from-nia{border-bottom-right-radius:4px}}
@media(max-width:360px){.concept-conversation{height:365px}.photo-dialogue{inset:auto 11px 16px}.photo-dialogue ol{gap:8px}.photo-bubble{font-size:12px;padding:9px 11px;letter-spacing:0}}
@media(prefers-reduced-motion:reduce){.photo-dialogue.has-photo-motion .photo-bubble{opacity:1!important;transform:none!important}}
@media print{.photo-dialogue .photo-bubble{opacity:1!important;transform:none!important}}