/* Offering attachments share Arc's incoming palette and brainstorm-card lane. */
.offering-card {
  --offering-bg:var(--chat-recv-bg,var(--app-surface));
  --offering-ink:var(--chat-recv-text,var(--app-surface-strong-text));
  color:var(--offering-ink);
  background:var(--offering-bg);
  align-self:stretch;
  width:100%;
  box-sizing:border-box;
  border-radius:20px;
  overflow:hidden;
  margin:3px 0;
  font:14px/1.4 Inter,-apple-system,BlinkMacSystemFont,sans-serif;
}
.offering-card button { font:inherit; color:inherit; cursor:pointer; }
.offering-card button:focus-visible { outline:2px solid currentColor; outline-offset:-5px; }
.offering-image-button { display:block; width:100%; padding:0; border:0; background:none; }
.offering-title { font-size:15px; font-weight:500; line-height:1.3; }
.offering-meta { font-size:11px; opacity:.68; margin-top:4px; }
.offering-link-button { display:flex; align-items:center; gap:12px; border:0; background:none; padding:10px; width:100%; text-align:left; }
.offering-thumbnail { width:72px; height:86px; object-fit:cover; flex-shrink:0; border-radius:12px; }
.offering-link-copy { min-width:0; }
.offering-source { margin-top:8px; font-size:11px; opacity:.68; }
.offering-extract { padding:18px 16px 16px; }
.offering-extract blockquote { font-size:17px; line-height:1.4; letter-spacing:-.3px; margin:12px 0 0; }
.offering-extract mark { background:color-mix(in srgb,var(--offering-ink) 12%,transparent); color:inherit; padding:0 2px; border-radius:3px; }
.offering-source-button { display:block; background:none; border:0; border-top:1px solid color-mix(in srgb,var(--offering-ink) 12%,transparent); text-align:left; width:100%; padding:11px 16px; font-size:12px !important; }
.offering-source-panel { padding:14px 16px; border-top:1px solid color-mix(in srgb,var(--offering-ink) 12%,transparent); }
.offering-source-panel p { margin:0; }
.offering-source-panel p + p { margin-top:10px; }
.message-container.offering .copy-card {
  background:var(--chat-recv-bg,var(--app-surface));
  border-color:color-mix(in srgb,var(--chat-recv-text,var(--app-surface-strong-text)) 12%,transparent);
}
.message-container.offering .copy-card-body,
.message-container.offering .copy-card-body .card-title,
.message-container.offering .copy-card-body .card-subtitle,
.message-container.offering .copy-card-btn {
  color:var(--chat-recv-text,var(--app-surface-strong-text));
}
.offering-made .copy-card { margin:3px 0; }