/* Étape 5: only community features; reuse the Étape 4 palette. */
body .feed-title-row h1 { font-size:clamp(1.5rem,4vw,2rem); font-weight:650; line-height:1.2; }
body .feed-title-row h1 span { color:var(--swop-gold-ink); }
body .feed-alert-count { display:inline-grid; place-items:center; min-width:1.3rem; padding:2px 4px; border-radius:99px; background:var(--swop-white); color:var(--swop-text); font-size:.7rem; font-weight:750; opacity:1; }
body .feed-tabs a { position:relative; }
body .feed-filters select { text-align:center; text-align-last:center; }
body .community-actions { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-top:12px; }
body .community-actions form { margin:0; }
body .community-card { padding:14px; border:1px solid var(--swop-border); border-radius:12px; background:var(--swop-white); min-width:0; }
body .community-card+.community-card { margin-top:10px; }
body .community-card h3 { color:var(--swop-text); font-size:1rem; margin:6px 0; overflow-wrap:anywhere; }
body .community-card p,body .community-meta { color:var(--swop-text-secondary); font-size:.85rem; line-height:1.5; margin:5px 0; }
body .community-kind { display:inline-block; font-size:.75rem; color:var(--swop-alert); font-weight:700; text-transform:uppercase; }
body .community-choice { border:0; padding:0; margin:0 0 20px; min-width:0; }
body .community-choice legend { margin-bottom:8px; font-size:.9375rem; font-weight:650; }
body .community-choice label { display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:7px 12px; margin:0 7px 7px 0; border:1px solid var(--swop-border); border-radius:10px; background:var(--swop-bg); cursor:pointer; }
body .community-choice label:has(input:checked) { border-color:var(--swop-gold); background:var(--swop-gold-soft); }
body .community-choice input { accent-color:var(--swop-gold-ink); }
body .community-compact-empty { padding:6px 0 0; margin:0; font-size:.85rem; color:var(--swop-text-secondary); }
body .community-share-dialog { width:min(380px,calc(100% - 32px)); box-sizing:border-box; margin:auto; max-height:calc(100dvh - 32px); overflow:auto; border:1px solid var(--swop-border); border-radius:16px; padding:22px; color:var(--swop-text); }
body .community-share-dialog::backdrop { background:#25242066; }
body .community-share-dialog h2 { margin:0 0 14px; font-size:1.25rem; }
body .community-share-dialog :is(button,a,input) { display:flex; width:100%; box-sizing:border-box; margin-top:9px; }
body .community-share-dialog input { min-width:0; padding:10px; border:1px solid var(--swop-border); border-radius:8px; }
body .community-share-dialog p { font-size:.85rem; }
body .community-event-options { padding-top:18px; border-top:1px solid var(--swop-border); margin-top:12px; }
body .community-events-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr)); gap:12px; }
body .community-event-link { display:flex; gap:12px; color:var(--swop-text); }
body .community-event-link>span { min-width:0; overflow-wrap:anywhere; }
body .community-event-link img { width:64px; height:64px; object-fit:cover; border-radius:10px; flex-shrink:0; }
@media(max-width:650px) {
  body .feed-title-row { flex-wrap:wrap; align-items:center; gap:12px; }
  body .feed-title-row h1 { flex-basis:100%; margin:0; font-size:1.625rem; }
  body .feed-title-row>.btn-primary { min-height:40px; font-size:.85rem; }
  body .community-actions :is(a,button) { min-height:44px; font-size:.875rem; padding:8px 11px; white-space:normal; text-align:center; }
  body .feed-tabs a { gap:4px; font-size:.875rem; }
  body .feed-alert-count { position:absolute; top:-6px; right:4px; height:20px; min-width:20px; border:1px solid var(--swop-border); padding:0 4px; }
  body .local-alert-form-card h1 { font-size:1.5rem; line-height:1.3; }
  body .local-alert-intro { font-size:.9375rem; }
  body .community-card { padding:12px; }
}
/* Long member content must wrap rather than push controls beyond the screen. */
body :is(.feed-card,.alert-detail-card,.community-event-detail article,.community-card) { overflow-wrap:anywhere; }
body .feed-media>div { min-width:0; }
body .feed-media img { flex-shrink:0; }
body :is(.alert-detail-actions,.community-actions) form { max-width:100%; }
body :is(.alert-detail-actions,.community-actions) button { max-width:100%; white-space:normal; }
body .alert-detail-badges .is-resolved { color:var(--swop-success); background:var(--swop-success-soft); }