/* /community - statistiques publiques de la communauté (lot U). */
.cm-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1rem; margin-top: 1rem; align-items: start; }
.cm-card { padding: 1rem; }
.cm-list { list-style: none; margin: .5rem 0 0; padding: 0; display: grid; gap: .55rem; }
.cm-row { display: grid; grid-template-columns: 1.6rem 48px minmax(0, 1fr) auto; gap: .6rem; align-items: center; }
.cm-rank { font-weight: 800; font-size: 1.05rem; color: var(--als-text-muted, #a9acd6); text-align: center; }
.cm-row:nth-child(-n+3) .cm-rank { color: var(--als-accent, #6c7bff); }
.cm-thumb img { display: block; width: 48px; height: 68px; object-fit: cover; border-radius: 6px; background: var(--als-surface-sunken, rgba(255, 255, 255, .04)); }
.cm-main { display: flex; flex-direction: column; min-width: 0; }
.cm-title { font-weight: 600; color: inherit; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cm-title:hover, .cm-title:focus-visible { text-decoration: underline; }
.cm-meta { font-size: .78rem; color: var(--als-text-muted, #a9acd6); }
.cm-value { font-size: .82rem; font-weight: 700; white-space: nowrap; }
.cm-genres { list-style: none; margin: .5rem 0 0; padding: 0; display: grid; gap: .8rem; }
.cm-genre-head { display: flex; justify-content: space-between; gap: .5rem; font-size: .9rem; }
.cm-genre-head a { font-weight: 600; color: inherit; }
.cm-genre-n { font-weight: 700; white-space: nowrap; }
.cm-bar { height: 8px; border-radius: 999px; background: var(--als-surface-sunken, rgba(255, 255, 255, .06)); overflow: hidden; margin: .3rem 0 .2rem; }
.cm-bar-fill { display: block; height: 100%; border-radius: inherit; background: var(--als-accent, #6c7bff); width: 0; }
.cm-genre-trend { font-size: .75rem; color: var(--als-text-muted, #a9acd6); }
.cm-genre-trend.is-up { color: var(--als-ok, #4fd18b); }
.cm-note { margin-top: 1.25rem; max-width: 70ch; }
@media (max-width: 420px) {
    .cm-row { grid-template-columns: 1.2rem 40px minmax(0, 1fr); }
    .cm-value { grid-column: 3; justify-self: start; }
    .cm-thumb img { width: 40px; height: 57px; }
}
.cm-w-0 { width: 0%; }
.cm-w-5 { width: 5%; }
.cm-w-10 { width: 10%; }
.cm-w-15 { width: 15%; }
.cm-w-20 { width: 20%; }
.cm-w-25 { width: 25%; }
.cm-w-30 { width: 30%; }
.cm-w-35 { width: 35%; }
.cm-w-40 { width: 40%; }
.cm-w-45 { width: 45%; }
.cm-w-50 { width: 50%; }
.cm-w-55 { width: 55%; }
.cm-w-60 { width: 60%; }
.cm-w-65 { width: 65%; }
.cm-w-70 { width: 70%; }
.cm-w-75 { width: 75%; }
.cm-w-80 { width: 80%; }
.cm-w-85 { width: 85%; }
.cm-w-90 { width: 90%; }
.cm-w-95 { width: 95%; }
.cm-w-100 { width: 100%; }