.mgbee-community {
  max-width: var(--mgbee-container);
  margin: var(--mgbee-space-6) auto;
  padding: 0 var(--mgbee-space-4);
}

.mgbee-community__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--mgbee-space-6);
  padding: var(--mgbee-space-6);
  border-radius: var(--mgbee-radius-lg);
  background: var(--mgbee-color-bg-elevated);
}

.mgbee-community__copy {
  display: grid;
  gap: var(--mgbee-space-3);
  max-width: 36rem;
}

.mgbee-community__title {
  margin: 0;
  font-size: clamp(1.4rem, 3vw, 2rem);
}

.mgbee-community__text {
  margin: 0;
  color: var(--mgbee-color-text-muted);
}

.mgbee-community__mark {
  flex: 0 0 auto;
  width: 3.5rem;
  height: 3.5rem;
  margin: 0;
  border-radius: 50%;
  background: var(--mgbee-color-accent);
  color: #111;
  font-size: 1.4rem;
  line-height: 3.5rem;
  text-align: center;
}

@media (max-width: 640px) {
  .mgbee-community__inner {
    flex-direction: column;
    align-items: flex-start;
  }
}