/* Community posts are read over the shared feed; only explicit actions leave it. */
.feed-preview { box-sizing: border-box; width: min(34rem, calc(100% - 28px)); max-height: calc(100dvh - 28px); padding: var(--space-xl); overflow-y: auto; overscroll-behavior: contain; border: 1px solid var(--border-subtle); border-radius: var(--radius-dialog); background: var(--surface); color: var(--fg); }
.feed-preview::backdrop { background: rgb(0 0 0 / 35%); }
.feed-preview__header { display: flex; align-items: center; justify-content: space-between; gap: var(--space-md); }
.feed-preview__header form, .feed-preview__kind { margin: 0; }
.feed-preview__kind, .feed-preview__meta { color: var(--muted); font-size: var(--text-sm); }
.feed-preview__title { margin: var(--space-sm) 0; font: 600 var(--text-lg)/var(--leading-heading) var(--font-body); overflow-wrap: anywhere; }
.feed-preview__meta { margin: 0 0 var(--space-lg); }
.feed-preview__body { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.45; }
.feed-preview__actions { display: flex; flex-wrap: wrap; gap: var(--space-md); margin-top: var(--space-xl); }
.feed-preview__action { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; min-height: var(--touch); padding: var(--space-md) var(--space-lg); border: 1px solid transparent; border-radius: var(--radius-control); color: var(--fg-inverse); background: var(--admin-accent); font: inherit; font-weight: 500; text-decoration: none; cursor: pointer; }
.feed-preview__action:hover { background: var(--action-hover); color: var(--fg-inverse); text-decoration: none; }
.feed-preview__action--secondary { color: var(--fg); background: var(--surface-alt); border-color: var(--border-subtle); }
.feed-preview__action--secondary:hover { color: var(--fg); background: var(--bg-overlay); }
.feed-preview__report { margin-top: var(--space-lg); font-size: var(--text-sm); }
.feed-preview__report > summary { display: flex; align-items: center; min-height: var(--touch); color: var(--muted); cursor: pointer; }
.feed-preview__report form { display: grid; gap: var(--space-sm); }
.feed-preview__report :is(select, textarea) { box-sizing: border-box; width: 100%; min-height: var(--touch); padding: var(--space-md); border: 1px solid var(--field-border); border-radius: var(--radius-field); background: var(--input-bg); color: var(--fg); font: inherit; }
.feed-preview__report button { justify-self: start; }
@media (max-width: 768px) {
  .feed-preview { width: calc(100% - 2 * var(--gutter)); max-height: calc(100dvh - 2 * var(--gutter)); padding: var(--gutter); }
}