.community-profile { max-width: none; }
.community-name { display: flex; align-items: center; justify-content: center; gap: 1rem; }
.community-name .autonomy-flag { width: 60px; height: 40px; flex: 0 0 60px; object-fit: contain; }
@media (min-width: 768px) {
    .community-name { justify-content: flex-start; }
}

.community-name > span { min-width: 0; overflow-wrap: anywhere; }
.community-name i { font-style: italic; }
.community-population { margin: -0.25rem 0 1.5rem; color: #666; font-size: 0.95rem; }
.community-population small { font-size: 0.85rem; }
.community-population a { color: inherit; text-underline-offset: 0.15em; }