/* answer-line.css - the answer line and the AI visitor's one offer (prompt 406).
   Text only: the offer's button is the shared Main button (controls.css), so
   nothing here sizes or colours a control. Palette variables only, so the
   light theme follows by itself. */
.tog-answer { margin: 8px 0 12px; }
.tog-answer-line { margin: 0 0 4px; font-size: 15px; line-height: 1.45; color: var(--text, #eee); font-weight: 600; overflow-wrap: anywhere; }
.tog-answer-more .tog-answer-line { font-weight: 400; font-size: 14px; }
.tog-answer-n { margin: 2px 0 0; font-size: 12px; color: var(--muted, #888); }
.tog-ai-offer { margin: 16px 0; padding: 12px 14px; border: 1px solid var(--border, #2a2a2a); border-radius: 10px; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; }
.tog-ai-offer[hidden] { display: none; }
.tog-ai-offer-line { margin: 0; flex: 1 1 220px; font-size: 14px; color: var(--text, #eee); }
html.is-native-app .tog-ai-offer { display: none !important; }