.sc-changelog { max-width: 900px; margin: 0 auto; padding: 2rem 1rem; }
.sc-changelog-header { text-align: center; padding: 2rem; margin-bottom: 1.5rem; border-radius: 16px; background: rgba(26,39,68,0.7); backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,0.08); }
.sc-changelog-header h1 { color: #d4a843; margin: 0 0 0.5rem; font-size: 2rem; }
.sc-changelog-header p { color: #94a3b8; margin: 0; }
/* Filter tabs */
.sc-changelog-filters { display: flex; gap: 0.5rem; flex-wrap: wrap; margin-bottom: 1.5rem; padding: 0.75rem; border-radius: 12px; background: rgba(26,39,68,0.4); border: 1px solid rgba(255,255,255,0.06); }
.sc-changelog-filter-btn { padding: 0.5rem 1rem; border-radius: 8px; border: 1px solid rgba(255,255,255,0.1); background: rgba(15,23,42,0.5); color: #94a3b8; cursor: pointer; font-weight: 600; font-size: 0.9rem; transition: all 0.2s; display: flex; align-items: center; gap: 0.4rem; }
.sc-changelog-filter-btn:hover { border-color: rgba(212,168,67,0.3); color: #d4a843; }
.sc-changelog-filter-btn.active { background: rgba(212,168,67,0.15); border-color: rgba(212,168,67,0.4); color: #d4a843; }
.sc-filter-count { display: inline-block; padding: 0.1rem 0.4rem; border-radius: 10px; background: rgba(255,255,255,0.08); font-size: 0.75rem; min-width: 20px; text-align: center; }
.sc-changelog-filter-btn.active .sc-filter-count { background: rgba(212,168,67,0.25); }
/* List */
.sc-changelog-list { display: flex; flex-direction: column; gap: 1rem; }
.sc-changelog-item { padding: 1.5rem; border-radius: 12px; background: rgba(26,39,68,0.5); backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,0.06); transition: transform 0.2s, border-color 0.2s, opacity 0.3s; }
.sc-changelog-item:hover { transform: translateY(-2px); border-color: rgba(212,168,67,0.2); }
.sc-changelog-item h3 { margin: 0.5rem 0; }
.sc-changelog-item h3 a { color: #e2e8f0; text-decoration: none; }
.sc-changelog-item h3 a:hover { color: #d4a843; }
.sc-changelog-badge { display: inline-block; padding: 0.2rem 0.8rem; border-radius: 20px; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }
.sc-badge-msfs { background: rgba(0,120,215,0.2); color: #60a5fa; border: 1px solid rgba(0,120,215,0.3); }
.sc-badge-x-plane { background: rgba(34,197,94,0.2); color: #4ade80; border: 1px solid rgba(34,197,94,0.3); }
.sc-badge-dcs { background: rgba(239,68,68,0.2); color: #f87171; border: 1px solid rgba(239,68,68,0.3); }
.sc-changelog-meta { color: #64748b; font-size: 0.85rem; }
.sc-changelog-desc { color: #94a3b8; font-size: 0.9rem; margin-top: 0.5rem; }
.sc-changelog-empty { text-align: center; padding: 3rem; border-radius: 12px; background: rgba(26,39,68,0.5); backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,0.06); }
.sc-changelog-empty p { color: #94a3b8; }
.sc-changelog-no-results { border-radius: 12px; background: rgba(26,39,68,0.3); }
@media (max-width: 600px) {
  .sc-changelog-filters { justify-content: center; }
  .sc-changelog-filter-btn { flex: 1; min-width: 70px; justify-content: center; font-size: 0.8rem; }
}