.communityContextFeed{grid-column:1/-1;flex:1 0 100%;width:100%;min-width:0;box-sizing:border-box;margin:clamp(10px,2vw,22px) 0;padding:clamp(16px,2vw,24px);border:1px solid color-mix(in srgb,var(--accent,#65d6c4) 28%,var(--border,#26354a));border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface,#111b2b) 96%,transparent),color-mix(in srgb,var(--accent,#65d6c4) 7%,var(--surface,#111b2b)));box-shadow:0 18px 48px rgba(3,8,20,.16)}
.communityContextFeed__header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.communityContextFeed__header>div{display:grid;gap:3px;min-width:0}.communityContextFeed__eyebrow{color:var(--accent,#65d6c4);font-size:.7rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.communityContextFeed__header h2{margin:0;font-size:clamp(1.25rem,2vw,1.75rem)}.communityContextFeed__header p{margin:0;color:var(--muted,#8fa1ba);font-size:.86rem}.communityContextFeed__all{flex:0 0 auto;padding:9px 13px;border:1px solid var(--border,#26354a);border-radius:999px;color:inherit;text-decoration:none;font-size:.78rem;font-weight:850}
.communityContextFeed__rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.communityContextFeed__card{display:flex;flex-direction:column;gap:10px;min-width:0;padding:15px;border:1px solid var(--border,#26354a);border-radius:17px;background:color-mix(in srgb,var(--surface-2,#0b1422) 94%,transparent)}.communityContextFeed__meta{display:flex;align-items:center;gap:9px;min-width:0}.communityContextFeed__avatar{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;overflow:hidden;border-radius:50%;background:linear-gradient(135deg,var(--accent,#65d6c4),#60a5fa);color:#07131d;font-weight:950}.communityContextFeed__avatar img{width:100%;height:100%;object-fit:cover}.communityContextFeed__meta>div{display:grid;min-width:0}.communityContextFeed__meta strong,.communityContextFeed__meta small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.communityContextFeed__meta small{color:var(--muted,#8fa1ba);font-size:.72rem}.communityContextFeed__copy{display:-webkit-box;min-height:3.9em;margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:1.45}.communityContextFeed__image{width:100%;height:150px;border-radius:12px;object-fit:cover}.communityContextFeed__topics{display:flex;gap:6px;overflow:hidden}.communityContextFeed__topics span{flex:0 0 auto;padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--accent,#65d6c4) 12%,transparent);color:var(--muted,#8fa1ba);font-size:.68rem;text-transform:capitalize}.communityContextFeed__stats{margin-top:auto;color:var(--muted,#8fa1ba);font-size:.7rem}.communityContextFeed__actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.communityContextFeed__form{display:contents}.communityContextFeed__action{display:grid;place-items:center;min-width:0;min-height:38px;padding:7px 8px;border:1px solid var(--border,#26354a);border-radius:10px;background:transparent;color:inherit;font:inherit;font-size:.72rem;font-weight:850;text-align:center;text-decoration:none;cursor:pointer}.communityContextFeed__action:hover,.communityContextFeed__action:focus-visible,.communityContextFeed__action.is-active{border-color:var(--accent,#65d6c4);background:color-mix(in srgb,var(--accent,#65d6c4) 13%,transparent)}.communityContextFeed__action--open{background:color-mix(in srgb,var(--accent,#65d6c4) 18%,transparent)}
@media(max-width:980px){.communityContextFeed__rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}.communityContextFeed__card{flex:0 0 min(78vw,370px);scroll-snap-align:start}}
@media(max-width:620px){.communityContextFeed{margin:12px 0;padding:14px;border-radius:18px}.communityContextFeed__header{align-items:flex-start}.communityContextFeed__all{padding:8px 10px}.communityContextFeed__card{flex-basis:min(86vw,340px)}.communityContextFeed__actions{grid-template-columns:1fr 1fr}.communityContextFeed__action--open{grid-column:1/-1}.communityContextFeed__image{height:132px}}

/* Keep translated labels and controls inside every mobile card. */
.communityContextFeed__header{flex-wrap:wrap}
.communityContextFeed__header>div{flex:1 1 240px}
.communityContextFeed__header :is(h2,p),.communityContextFeed__eyebrow{overflow-wrap:anywhere}
.communityContextFeed__all{flex:0 1 auto;max-width:100%;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;text-align:center}
.communityContextFeed__card{max-width:100%;box-sizing:border-box}
.communityContextFeed__meta strong,.communityContextFeed__meta small{white-space:normal;overflow:visible;overflow-wrap:anywhere}
.communityContextFeed__action{white-space:normal;overflow-wrap:anywhere;line-height:1.4;box-sizing:border-box}
.communityContextFeed__stats{overflow-wrap:anywhere}
@media(max-width:620px){.communityContextFeed__header{flex-direction:column;align-items:stretch;gap:12px}.communityContextFeed__header>div{flex:initial}.communityContextFeed__all{align-self:flex-start}.communityContextFeed__card{flex-basis:min(86vw,340px,100%)}}
html[data-theme="middle-dark"] .communityContextFeed{background:#24374b}
html[data-theme="middle-dark"] .communityContextFeed__card{background:#304a64}
html[data-theme="middle-dark"] .communityContextFeed__eyebrow{color:#8be0ef}
html[data-theme="light"] .communityContextFeed__eyebrow{color:#0b607d}

/* Mobile actions retain compact widths with a complete finger-sized target. */
@media(max-width:620px){.communityContextFeed__action{min-height:44px}.communityContextFeed__all{display:inline-flex;align-items:center;justify-content:center;min-height:44px}}
.communityContextFeed__rail:focus-visible{outline:2px solid var(--accent,#65d6c4);outline-offset:3px;border-radius:12px}