.community-spotlight{margin:32px 0}.cs-header{justify-content:space-between;margin-bottom:16px}.cs-header,.cs-title{align-items:center;display:flex}.cs-title{font-size:1.25rem;font-weight:700;gap:8px;margin:0}.cs-title .icon{color:var(--primary)}.cs-nav{display:flex;gap:8px}.cs-arrow{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .2s;width:32px}.cs-arrow:hover{background:var(--accent);border-color:var(--accent);color:#fff}.cs-list{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:none}.cs-list::-webkit-scrollbar{display:none}.cs-card{display:flex;flex:0 0 auto;flex-direction:column;gap:12px;max-width:320px;min-width:280px;padding:20px;scroll-snap-align:start}.cs-card__top{align-items:center;display:flex;gap:12px}.cs-avatar{background:var(--bg-primary);border-radius:50%}.cs-card__info{display:flex;flex-direction:column;gap:4px}.cs-name{font-size:.95rem;font-weight:600}.cs-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;padding:2px 8px;width:-moz-fit-content;width:fit-content}.cs-badge--expert{background:linear-gradient(135deg,gold,#fa0);color:#333}.cs-badge--pro{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.cs-badge--beginner{background:#ffffff1a;border:1px solid var(--border-color);color:var(--text-secondary)}.cs-review{color:var(--text-secondary);flex:1;font-size:.9rem;font-style:italic;line-height:1.5;margin:0}.cs-stats{border-top:1px solid var(--border-color);display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));padding-top:12px}.cs-stat{text-align:center}.cs-stat__val{color:var(--accent);display:block;font-size:1rem;font-weight:700}.cs-stat__label{color:var(--text-secondary);display:block;font-size:.7rem;margin-top:2px}.cs-cta{align-items:center;color:var(--primary);display:inline-flex;font-size:.9rem;font-weight:600;gap:6px;margin-top:12px;text-decoration:none;transition:opacity .2s}.cs-cta:hover{opacity:.8}@media(max-width:640px){.cs-card{max-width:280px;min-width:260px;padding:16px}.cs-nav{display:none}}