/* Updates page specific styles (kept minimal to avoid duplicating base.css) */
.updates-hero .card-body { padding-top: var(--space-6); padding-bottom: var(--space-6); }
.quick-nav .inline-links .btn { border: 1px solid var(--color-border); }
.filter-bar .form-group { min-width: 260px; }

.update-section details { border: 1px solid var(--color-border-subtle); border-radius: var(--radius-md); padding: var(--space-4); background: var(--color-background-elevated); margin-bottom: var(--space-4); }
.update-section details[open] { border-color: var(--color-gold); box-shadow: var(--shadow-sm); }
.update-section summary { cursor: pointer; font-weight: var(--font-weight-semibold); color: var(--gray-100); }
.update-section summary::-webkit-details-marker { display: none; }
.update-section summary::after { content: '\25BC'; float: right; transform: rotate(-90deg); transition: transform var(--transition-base); color: var(--color-gold); }
.update-section details[open] summary::after { transform: rotate(0deg); }

.roadmap-timeline { counter-reset: step; display: grid; gap: var(--space-3); }
.roadmap-timeline .milestone { position: relative; padding-left: 2.25rem; line-height: var(--line-height-relaxed); }
.roadmap-timeline .milestone::before { counter-increment: step; content: counter(step); position: absolute; left: 0; top: 0.1rem; width: 1.6rem; height: 1.6rem; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--color-emerald) 0%, var(--color-emerald-dark) 100%); color: var(--color-gold-light); border-radius: var(--radius-full); box-shadow: var(--shadow-sm); font-family: var(--font-family-heading); }

.event-figure, .roadmap-figure { border-radius: var(--radius-lg); overflow: hidden; border: 1px solid var(--color-border); box-shadow: var(--shadow-base); }

.list-bullets li { position: relative; padding-left: 1.25rem; margin-bottom: var(--space-2); }
.list-bullets li::before { content: ''; position: absolute; left: 0; top: 0.7rem; width: 8px; height: 8px; border-radius: 50%; background: var(--color-gold); box-shadow: 0 0 8px rgba(201,169,97,0.5); }

@media (max-width: 640px) {
  .filter-actions { width: 100%; justify-content: flex-start; }
}