:root {
  --community-content-size: 15px;
  --community-content-line-height: 1.72;
  --community-meta-size: 12px;
  --community-avatar-size: 20px;
  --community-action-size: 12px;
  --community-action-icon-size: 15px;
}

.community-post-body,
.community-detail-body,
.community-comment-body {
  font-size: var(--community-content-size);
  line-height: var(--community-content-line-height);
}

.community-post-meta,
.community-comment-meta {
  font-size: var(--community-meta-size);
}

.community-author-avatar {
  width: var(--community-avatar-size);
  height: var(--community-avatar-size);
  font-size: 10px;
}

.community-author,
.community-author.anonymous {
  font-size: var(--community-meta-size);
}

.community-text-action,
.community-comment-actions button,
.community-comment-actions > span,
.community-ai-action {
  font-size: var(--community-action-size);
}

.community-text-action,
.community-comment-actions button {
  min-height: 30px;
  padding: 5px 8px;
  border-radius: 7px;
}

.community-like-icon,
.community-comment-actions .community-like-icon,
.community-ai-icon {
  width: var(--community-action-icon-size);
  height: var(--community-action-icon-size);
}

.community-comment-form button,
.community-reply-form button {
  min-height: 34px;
  font-size: var(--community-action-size);
}

.community-detail-page {
  max-width: 980px;
}

.community-detail-page .community-detail-content {
  padding: clamp(20px, 4vw, 38px);
  border: 1px solid var(--line);
  border-radius: 18px;
  background: #fff;
}

.community-detail-page .community-focus-back {
  text-decoration: none;
}

.community-detail-page .community-detail-post h1 {
  margin: 10px 0 12px;
  color: var(--ink);
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.3;
}

.community-detail-page .community-detail-body {
  margin: 22px 0;
}

.community-detail-page .community-comment-form {
  padding-top: 2px;
}

@media (max-width: 720px) {
  .community-detail-page .community-detail-content {
    padding: 18px 15px;
    border-radius: 14px;
  }
}