
.comm-section { 
  background: var(--chola-surface); 
  border-top: 1px solid var(--chola-border); 
  border-bottom: 1px solid var(--chola-border); 
  padding: 100px 0; 
}
.comm-grid { 
  display: grid; gap: 60px; 
  grid-template-columns: 1fr 1fr; 
  align-items: center; 
}
.chat-mock { 
  background: var(--chola-bg); 
  border: 1px solid var(--chola-border); 
  border-radius: 16px; padding: 22px; 
}
.chat-mock .bubble { 
  max-width: 72%; padding: 10px 14px; 
  border-radius: 14px 14px 14px 4px; 
  font-size: 12.5px; margin-bottom: 10px; 
  background: var(--chola-surface); 
  border: 1px solid var(--chola-border); 
}
.chat-mock .bubble.own { 
  margin-left: auto; background: var(--chola-accent); 
  color: white; border: none; 
  border-radius: 14px 14px 4px 14px; 
}
.chat-mock .bubble .who { 
  font-size: 10px; font-weight: 600; 
  color: var(--chola-text-secondary); margin-bottom: 3px; 
}
.chat-mock .bubble.own .who { color: rgba(255,255,255,0.75); }