.result-social { margin: 20px 0 26px; text-align: left; }
.citation-kicker { font: 700 10px/1.5 Arial, sans-serif; letter-spacing: 1.5px; }
#quiz-dialog .result-social h3 { font-family: var(--display); font-size: 38px; line-height: 1.1; margin: 6px 0; }
.citation-intro { font-size: 14px; line-height: 1.5; margin: 0 0 16px; }
.citation-preview img { display: block; width: 100%; height: auto; border-radius: 0; }
.result-social .chat-start { margin-top: 16px; }
.citation-actions { display: flex; gap: 10px; margin-top: 14px; }
.citation-actions button { flex: 1; min-height: 48px; padding: 10px; border: 2px solid currentColor; background: transparent; color: inherit; font: 700 13px/1.3 Arial, sans-serif; }
.citation-actions button:hover { background: #ffffff20; }
.result-social button:disabled { opacity: .5; cursor: wait; }
.result-social button:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.citation-help, .citation-status { font: 12px/1.5 Arial, sans-serif; margin: 12px 0 0; overflow-wrap: anywhere; }
.citation-status:empty { display: none; }

/* "Apparently my opposite is…": the one-line version of the citation, for the group chat. */
.opposite-share-prompt{margin:0 0 18px;padding:14px 16px;background:#fff8e9;border:2px solid var(--ink);border-radius:14px;box-shadow:4px 5px 0 var(--ink)}
.opposite-share-prompt blockquote{margin:6px 0 12px;font-family:var(--display);font-size:22px;line-height:1.2;color:#38303e}