.community-section { background: #f8faf8; }
.community-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.community-tabs { display: flex; gap: 7px; flex-wrap: wrap; }
.community-tools { display: flex; align-items: center; gap: 14px; }
.live-status { white-space: nowrap; font-size: 9px; color: #82908e; }
.live-status i { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: #a9b5b3; }
.live-status.connected { color: #087e6d; }
.live-status.connected i { background: #15c8a0; box-shadow: 0 0 0 4px rgba(21,200,160,.12); }
.community-tab { border: 0; background: transparent; padding: 8px 13px; border-radius: 30px; color: #71807e; cursor: pointer; font: inherit; font-size: 12px; }
.community-tab.active { background: #dcebe6; color: #075f52; font-weight: 800; }
.community-layout { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 22px; }
.post-feed { display: grid; gap: 13px; }
.post-card { background: #fff; border: 1px solid #dfe7e7; border-radius: 18px; padding: 24px 26px; transition: .2s; }
.post-card:hover { border-color: #b9cfca; box-shadow: 0 15px 45px rgba(11,35,43,.07); }
.post-card.hidden { display: none; }
.post-author { display: flex; align-items: center; gap: 11px; }
.post-author > div:nth-child(2) { display: grid; }
.post-author strong { font-size: 12px; }
.post-author strong .verified { width: 14px; height: 14px; font-size: 8px; vertical-align: 1px; }
.post-author small { font-size: 9px; color: #8a9695; }
.post-type { margin-left: auto; padding: 4px 8px; border-radius: 5px; font-size: 9px; font-weight: 800; }
.post-type.question { background: #e3e9ff; color: #5364a0; }
.post-type.case { background: #d9f3e9; color: #08705f; }
.post-type.demand { background: #fff0dc; color: #9b642c; }
.post-type.insight { background: #ece8ff; color: #6e5ca8; }
.company-avatar { width: 38px; height: 38px; border-radius: 12px; display: grid; place-items: center; color: #fff; font-size: 12px; font-weight: 900; background: linear-gradient(145deg,#25414c,#688491); }
.post-card h3 { font-size: 20px; line-height: 1.45; margin: 18px 0 8px; }
.post-card > p { font-size: 12px; color: #687674; margin: 0 0 15px; }
.post-tags { display: flex; gap: 7px; flex-wrap: wrap; }
.post-tags span { font-size: 9px; color: #63716f; background: #f0f4f2; padding: 4px 7px; border-radius: 5px; }
.post-footer { border-top: 1px solid #e8edeb; margin-top: 18px; padding-top: 13px; display: flex; gap: 20px; color: #899492; font-size: 9px; align-items: center; }
.post-footer button { border: 0; background: none; margin-left: auto; color: #40514f; font: inherit; font-weight: 800; cursor: pointer; }
.post-metric { display: flex; gap: 36px; background: #f1f7f4; border-radius: 11px; padding: 13px 16px; }
.post-metric div { display: grid; }
.post-metric strong { font-size: 16px; }
.post-metric small { font-size: 8px; color: #84918f; }
.community-aside { display: grid; gap: 14px; align-content: start; }
.aside-card { background: #071b22; color: #fff; border-radius: 18px; padding: 24px; }
.aside-title { display: flex; justify-content: space-between; align-items: center; }
.aside-title strong { font-size: 13px; }
.aside-title span { font-size: 8px; letter-spacing: 1px; color: #6e878c; }
.aside-card ol { list-style: none; padding: 0; margin: 18px 0 0; }
.aside-card li { display: flex; gap: 13px; padding: 14px 0; border-top: 1px solid rgba(255,255,255,.08); }
.aside-card li > span { color: #15c8a0; font-size: 10px; font-weight: 900; }
.aside-card li div { display: grid; }
.aside-card li b { font-size: 11px; }
.aside-card li small { font-size: 8px; color: #6f878c; }
.event-card { background: linear-gradient(145deg,#d9eee6,#f2f5ed); color: #0b1720; position: relative; overflow: hidden; }
.event-date { position: absolute; right: 20px; top: 18px; display: grid; text-align: center; font-size: 8px; color: #6d7b78; }
.event-date b { font-size: 25px; line-height: 1; color: #087e6d; }
.event-card > small { font-size: 9px; color: #087e6d; font-weight: 800; }
.event-card h3 { font-size: 18px; line-height: 1.45; margin: 36px 0 8px; }
.event-card p { font-size: 9px; color: #76827f; }
.event-card .btn { width: 100%; margin-top: 12px; }
.api-state { text-align: center; color: #71807e; font-size: 12px; padding: 18px; }

@media (max-width: 980px) {
  .community-layout { grid-template-columns: 1fr; }
  .community-aside { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 640px) {
  .community-toolbar { align-items: flex-start; flex-direction: column; }
  .community-toolbar > .btn { width: 100%; }
  .community-tools { width: 100%; justify-content: space-between; }
  .community-tabs { flex-wrap: nowrap; width: 100%; overflow-x: auto; padding-bottom: 5px; }
  .community-tab { flex: 0 0 auto; }
  .community-layout, .community-aside { grid-template-columns: 1fr; }
  .post-card { padding: 20px; }
  .post-metric { gap: 20px; }
}