/* /c/{slug}/about — About page (redesign Phase 1). Токени --n-*, відкриті блоки без карток. */


.community-about {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: var(--n-s-6);
    align-items: start;
}
.community-about__col { min-width: 0; display: flex; flex-direction: column; gap: var(--n-s-6); }
.community-about__side { position: sticky; top: var(--n-s-4); }

.community-about__block { padding-bottom: var(--n-s-5); border-bottom: 1px solid var(--n-line); }
.community-about__col > .community-about__block:last-child { border-bottom: none; padding-bottom: 0; }
.community-about__h {
    margin: 0 0 var(--n-s-3);
    font-size: 16px;
    font-weight: var(--n-w-sem);
    color: var(--n-text-strong, var(--n-text));
}
.community-about__desc { margin: 0; color: var(--n-text-soft); line-height: var(--n-lh); font-size: var(--n-fs); }
.community-about__empty { margin: 0; color: var(--n-text-dim); font-size: var(--n-fs-sm); }

/* Rules */
.community-about__rules { margin: 0; padding: 0 0 0 var(--n-s-5); display: flex; flex-direction: column; gap: var(--n-s-3); }
.community-about__rule { color: var(--n-text-soft); line-height: var(--n-lh-snug); }
.community-about__rule-title { display: block; font-weight: var(--n-w-sem); color: var(--n-text); }
.community-about__rule-body { display: block; font-size: var(--n-fs-sm); margin-top: 2px; }

/* Team */
.community-about__team { display: flex; flex-wrap: wrap; gap: var(--n-s-2) var(--n-s-4); }
.community-about__member { display: inline-flex; align-items: center; gap: var(--n-s-2); text-decoration: none; }
.community-about__member-avatar {
    width: 38px; height: 38px; border-radius: var(--n-r-sm); overflow: hidden;
    display: grid; place-items: center; background: var(--n-accent-soft); flex: none;
    color: var(--n-accent); font-weight: var(--n-w-bold);
}
.community-about__member-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
.community-about__member-id { display: flex; flex-direction: column; min-width: 0; }
.community-about__member-login { font-weight: var(--n-w-med); color: var(--n-text); font-size: var(--n-fs-sm); }
.community-about__member-title { font-size: 12.5px; color: var(--n-text-mute); }

/* Facts (sidebar) */
.community-about__facts { border-bottom: none; padding-bottom: 0; }
.community-about__dl { margin: 0; display: flex; flex-direction: column; gap: var(--n-s-3); }
.community-about__fact { display: flex; justify-content: space-between; gap: var(--n-s-3); font-size: var(--n-fs-sm); }
.community-about__fact dt { color: var(--n-text-mute); margin: 0; }
.community-about__fact dd { color: var(--n-text); margin: 0; text-align: right; font-weight: var(--n-w-med); }

@media (max-width: 860px) {
    .community-about { grid-template-columns: minmax(0, 1fr); gap: var(--n-s-5); }
    .community-about__side { position: static; }
    .community-about__facts { border-top: 1px solid var(--n-line); padding-top: var(--n-s-5); }
}