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

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

.yaoi-community__copy {
  display: grid;
  gap: var(--yaoi-space-3);
  max-width: 36rem;
}
.yaoi-community__copy * {
  max-width: 100%;
}

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

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

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

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