/* Stage 9 — active members leaderboard and homepage feed layout */
.community-dashboard-layout { display: grid; grid-template-columns: minmax(0, 1.9fr) minmax(250px, .85fr); gap: clamp(22px, 3vw, 42px); width: min(calc(100% - 2 * var(--fa-space)), var(--fa-container)); margin-inline: auto; align-items: start; }
.community-dashboard-layout__feed { min-width: 0; }
.community-dashboard-layout .community-feed { padding-block: 30px; }
.community-dashboard-layout .community-feed .container,
.community-dashboard-layout .active-members .container { width: 100%; margin: 0; }
.active-members { min-width: 0; padding-block: 30px; }
.active-members__heading { align-items: center; gap: 10px; margin-bottom: 8px; }
.active-members__heading .section-heading__title { gap: 8px; }
.active-members__heading h2 { font-size: clamp(17px, 1.5vw, 22px); }
.active-members__heading .text-link { font-size: 11px; }
.active-members__period { margin: 0 0 8px; color: var(--fa-color-text-secondary); font-size: 11px; }
.active-members__list { display: flex; flex-direction: column; gap: 0; margin: 0; padding: 0; list-style: none; }
.active-member { display: grid; grid-template-columns: 28px 40px minmax(0, 1fr); align-items: center; gap: 9px; padding: 12px 4px; border-bottom: 1px solid var(--fa-color-border); }
.active-member__rank { display: grid; width: 26px; height: 26px; place-items: center; border-radius: 7px; background: var(--fa-color-surface); color: var(--fa-color-text-secondary); font-size: 12px; font-weight: 900; }
.active-member--top-1 .active-member__rank { background: var(--fa-color-brand); color: #17130A; }
.active-member--top-2 .active-member__rank { background: #E2E3E5; color: #343434; }
.active-member--top-3 .active-member__rank { background: #F3D2BE; color: #803D15; }
.active-member__avatar { display: block; width: 40px; height: 40px; overflow: hidden; border-radius: 50%; }
.active-member__avatar-image { display: block; width: 40px; height: 40px; border-radius: 50%; object-fit: cover; }
.active-member__details { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: 3px; }
.active-member__name { max-width: 100%; overflow: hidden; color: var(--fa-color-text); font-size: 12px; font-weight: 850; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
.active-member__name:hover { color: #8A6200; }
.active-member__profession { max-width: 100%; overflow: hidden; color: var(--fa-color-text-secondary); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.active-member__count { color: var(--fa-color-text-secondary); font-size: 10px; }
.active-members__empty { padding: 16px; border: 1px solid var(--fa-color-border); border-radius: var(--fa-radius-md); color: var(--fa-color-text-secondary); font-size: 12px; }
.active-members__empty p { margin: 0; }
.active-members__note { margin-top: 12px; color: var(--fa-color-text-secondary); font-size: 10px; line-height: 1.5; }
@media (max-width: 900px) {
	.community-dashboard-layout { grid-template-columns: minmax(0, 1fr); gap: 0; }
	.community-dashboard-layout .community-feed { padding-bottom: 12px; }
	.active-members { padding-top: 12px; }
	.active-members__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 16px; }
}
@media (max-width: 520px) {
	.active-members__list { grid-template-columns: minmax(0, 1fr); }
	.active-member { grid-template-columns: 28px 36px minmax(0, 1fr); }
	.active-member__avatar, .active-member__avatar-image { width: 36px; height: 36px; }
}

/* Stage 26 — explicit ranking rule and all-members navigation */
.active-members__period{font-size:11px;line-height:1.6;max-width:52ch}
.active-members__note{font-size:10px;line-height:1.65}
.active-members__note a{display:inline-block;margin-top:5px;color:var(--fa-color-text);font-weight:800;text-decoration:underline;text-underline-offset:3px}
.active-members__note a:hover{color:#8A6200}