/* Reviews page – minimal, non-duplicative styles building on base.css */

.bg-surface-secondary { background-color: var(--color-surface-secondary); }

.media-figure { border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-base); }

.filter-toolbar { gap: var(--space-6); }

.rating { font-family: var(--font-family-heading); letter-spacing: var(--letter-spacing-wide); color: var(--color-primary); }

.progress { position: relative; height: 10px; background: var(--color-neutral-200); border-radius: var(--radius-full); overflow: hidden; }
.progress-bar { position: absolute; inset: 0 auto 0 0; width: 0%; background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-secondary) 100%); transition: width var(--transition-slow); }

.video-spotlight .video-thumb { position: relative; border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-md); }
.video-spotlight .play-btn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); box-shadow: var(--shadow-lg); }

/* Review cards layout tweaks */
#reviews-list .card { height: 100%; }

/* Responsive adjustments */
@media (max-width: 1024px) {
  .filter-toolbar { flex-direction: column; align-items: flex-start; }
}