.community-intro {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    align-items: start;
    gap: 24px 40px;
    margin-block-start: 40px;
    padding: 32px;
    background: var(--mist);
    border-top: 1px solid var(--line);
}
.community-intro h2 {
    margin: 0;
    color: var(--ink);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.35;
    text-wrap: balance;
    overflow-wrap: anywhere;
}
.community-intro p {
    margin: 0;
    max-width: 65ch;
    color: var(--muted);
    font-size: 16px;
    line-height: 1.65;
    overflow-wrap: anywhere;
}
@media (max-width: 700px) {
    .community-intro { grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 24px; margin-block-start: 32px; }
}