.stats-menu { background: var(--bg-tertiary); padding: var(--spacing-lg); border-radius: var(--radius-md); border: 1px solid var(--border-color); position: sticky; top: var(--spacing-lg); align-self: start; } .stats-menu h2 { font-size: 1.5rem; margin-bottom: var(--spacing-md); color: var(--text-primary); padding-bottom: var(--spacing-sm); border-bottom: 2px solid var(--accent-primary); } .stats-list { list-style: none; margin: 0; padding: 0; } .stats-item { margin-bottom: var(--spacing-md); padding-bottom: var(--spacing-md); border-bottom: 1px solid var(--border-color); } .stats-item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .stats-label { font-size: 0.9rem; color: var(--text-secondary); margin-bottom: var(--spacing-xs); } .stats-value { font-size: 1.2rem; color: var(--text-primary); font-weight: bold; } .stats-detail { font-size: 0.85rem; color: var(--accent-primary); margin-top: var(--spacing-xs); } /* Style pour les liens dans les stats */ .stats-detail a { color: var(--accent-primary); text-decoration: none; transition: color var(--transition-fast); } .stats-detail a:hover { color: var(--accent-secondary); text-decoration: underline; } /* Media queries */ @media (max-width: 900px) { .stats-menu { position: static; margin-top: var(--spacing-xl); } }