.posting-guidance { margin: 0 0 12px; padding: 10px 12px; border: 1px solid var(--border-subtle); border-radius: var(--radius-control); background: var(--surface-alt); font-size: var(--text-sm); line-height: 1.45; }
.posting-guidance > summary { display: flex; align-items: center; gap: 6px; min-height: var(--touch); font-weight: 500; cursor: pointer; list-style: none; }
.posting-guidance svg { width: 16px; height: 16px; flex-shrink: 0; }
.posting-guidance ul { margin: 8px 0; padding-left: 18px; }
.posting-guidance li + li { margin-top: 6px; }
.posting-guidance a { color: var(--admin-accent); }
.gallery__example-label { display: inline-block; width: fit-content; color: var(--muted); font-size: 10px; line-height: 1.4; font-weight: 500; }
.community-reaction { display: flex; align-items: center; gap: 12px; margin: 12px 0 0; font-size: var(--text-sm); }
.community-reaction :is(button,span) { display: inline-flex; align-items: center; gap: 6px; }
.community-reaction button { min-height: var(--touch); padding: 0 10px; border: 1px solid var(--border-subtle); border-radius: var(--radius-control); background: var(--surface-alt); color: var(--fg); font: inherit; cursor: pointer; }
.community-reaction button[aria-pressed="true"] { color: var(--admin-accent); border-color: currentColor; }
.community-reaction button[aria-pressed="true"] svg { fill: currentColor; }
.community-reaction svg { width: 17px; height: 17px; }
.community-reaction [data-reaction-status] { color: var(--muted); font-size: var(--text-xs); }
.community-post__poster, .feed-preview__poster { display: block; max-width: 100%; max-height: 65dvh; width: auto; height: auto; margin: 12px auto; object-fit: contain; }

.community-kind-switch > summary { display: flex; align-items: center; min-height: var(--touch); color: var(--muted); font-size: var(--text-sm); cursor: pointer; }
.community-kind-switch[open] nav { margin-top: 8px; }