.discussion-card { position: relative; width: 100%; height: 100%; overflow: hidden; isolation: isolate; color: #42334d; background: radial-gradient(ellipse at 90% 28%, #e5d7ed 0, transparent 65%), #eee8f2; }
.discussion-card__content { position: absolute; top: var(--format-top); bottom: calc(var(--content-bottom) + var(--card-footer-line) + var(--card-footer-gap) + 54px); left: max(var(--edge), env(safe-area-inset-left)); right: max(var(--edge), env(safe-area-inset-right)); display: flex; flex-direction: column; gap: 20px; }
.discussion-card__eyebrow { flex: none; margin: 0; font-size: 9px; line-height: 14px; letter-spacing: .12em; font-weight: 650; }
/* The preview never scrolls: swipes and wheel input belong to the feed. */
.discussion-card__body { flex: 1; min-height: 0; display: flex; margin-right: var(--social-reserve); }
.discussion-card__preview { align-self: flex-start; display: flex; flex-direction: column; width: 100%; max-width: 680px; max-height: 100%; margin: 0 auto; min-height: 0; overflow: clip; border: 1px solid #ffffffb0; border-radius: 18px; background: #fcfaf6; box-shadow: 0 8px 28px #49324d08; }
.discussion-card__prose { display: flex; flex-direction: column; flex: 0 1 auto; min-height: 0; gap: 10px; padding: 12px; overflow: clip; }
.discussion-card__prose > * { flex-shrink: 0; }
.discussion-card__preview[data-overflow="true"] > .discussion-card__prose { mask-image: linear-gradient(#000 calc(100% - 20px), transparent); }
.discussion-card__read-more { flex: none; min-height: 44px; padding: 10px 12px; border: 0; border-top: 1px solid #76618120; background: transparent; color: #604a6e; font: inherit; font-size: 12px; font-weight: 600; text-align: left; cursor: pointer; }
.discussion-card__read-more:focus-visible { outline: 2px solid #796386; outline-offset: -3px; }
.discussion-card__headline { margin: 0; font-size: clamp(24px, 3.3vw, 36px); line-height: 1.08; letter-spacing: -.045em; font-weight: 650; text-wrap: balance; overflow-wrap: anywhere; }
.discussion-card__context { margin: 0; font-size: 12px; line-height: 1.5; color: #807585; white-space: pre-wrap; overflow-wrap: anywhere; }
.discussion-card__visual { flex: none; margin: 0; }
.discussion-card__image { display: block; width: 100%; max-height: 230px; object-fit: contain; border-radius: 14px; }
.discussion-card__image-fallback { margin: 0; padding: 12px; border-radius: 12px; background: #eae3ee; font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }
.discussion-card__prompt { margin: 0; font-size: 13px; line-height: 1.55; color: #62536c; white-space: pre-wrap; overflow-wrap: anywhere; }
.discussion-card__author { --attribution-secondary: #75647f; flex: none; margin-right: var(--social-reserve); max-height: min(30dvh, 180px); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
.discussion-card__author[data-feed-interactive] { touch-action: pan-y pinch-zoom; }
.discussion-card__footer { --card-footer-color: #7d6e85; position: absolute; bottom: var(--content-bottom); left: max(var(--edge), env(safe-area-inset-left)); width: auto; right: max(var(--edge), env(safe-area-inset-right)); }
.discussion-card__notice { position: absolute; top: var(--format-top); left: var(--edge); right: var(--edge); z-index: 2; }
.discussion-card--text .discussion-card__prompt { font-size: clamp(16px, 2vw, 20px); line-height: 1.6; }
.discussion-card--image .discussion-card__image { max-height: none; }
@media (min-width: 700px) {
  .discussion-card__content { gap: 28px; }
  .discussion-card__prose { padding: 16px; gap: 12px; }
  .discussion-card__image { max-height: 170px; }
  .discussion-card__prompt { font-size: 15px; }
  .discussion-card__context { font-size: 13px; }
  .discussion-card__author { width: calc((100% - 32px) / 3); max-width: 420px; }
}
@media (max-height: 650px) and (max-width: 699px) {
  .discussion-card__content { gap: 12px; }
  .discussion-card__prose { padding: 12px; gap: 8px; }
  .discussion-card__headline { font-size: 23px; }
}
@media (max-height: 480px) {
  .discussion-card__content { gap: 10px; }
  .discussion-card__author { max-height: 92px; overflow-y: auto; touch-action: pan-y pinch-zoom; }
}

.discussion-card__add-comment { width: 100%; min-height: 44px; padding: 10px 16px; border: 1px solid #76618140; border-radius: 24px; background: #ffffff40; color: #6b5c75; font: inherit; font-size: 13px; text-align: left; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.discussion-card__add-comment:hover { background: #ffffff70; }
.discussion-card__add-comment:focus-visible { outline: 2px solid #766181; outline-offset: 2px; }
.discussion-reader__body > .discussion-card__prose { overflow: visible; padding: 16px max(var(--edge), env(safe-area-inset-left)); }
.discussion-reader__footer { flex: none; padding: 12px max(var(--edge), env(safe-area-inset-right)) var(--content-bottom); border-top: 1px solid #e7e9df; }
.discussion-reader__footer .discussion-card__add-comment { font-size: 13px; }