/* Reviews page specific styles - leverage base.css utilities, add minimal enhancements */

.hero {
  position: relative;
  padding: var(--space-12) 0 var(--space-8);
  background: linear-gradient(135deg, rgba(26,47,79,0.9), rgba(44,74,124,0.85)), url('/assets/images/ck-series-overview.webp') center/cover no-repeat;
  color: var(--color-text-inverse);
}
.hero-inner h1 {
  color: var(--color-text-inverse);
}
.hero-tagline {
  max-width: 60ch;
}
.hero .search-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--space-3);
  margin-top: var(--space-3);
}
.hero .input { background-color: rgba(255,255,255,0.95); }
.hero .search-count { margin-top: var(--space-2); }

.breadcrumbs { margin-bottom: var(--space-4); color: var(--color-text-inverse); }
.breadcrumbs a { color: var(--color-secondary-light); }

/* Ratings */
.rating i { color: var(--color-accent-gold); margin-right: 2px; }
.agg-score .agg-value { font-size: var(--font-size-4xl); font-weight: var(--font-weight-extrabold); color: var(--color-primary-dark); }

/* Distribution bars */
.rating-distribution .dist-row {
  display: grid;
  grid-template-columns: 1.5rem 1fr 3rem;
  align-items: center;
  gap: var(--space-3);
  margin-bottom: var(--space-2);
}
.rating-distribution .bar {
  width: 100%; height: 10px; border-radius: var(--radius-full);
  background: var(--color-gray-200);
  overflow: hidden;
}
.rating-distribution .fill {
  display: block; height: 100%; background: linear-gradient(90deg, var(--color-secondary), var(--color-secondary-dark));
}

/* Videos */
.video-wrapper { width: 100%; aspect-ratio: 16 / 9; background: var(--color-gray-200); }
.video-wrapper iframe { width: 100%; height: 100%; border: 0; }

/* Cards spacing */
.section .card + .card { margin-top: 0; }

/* Figures */
figure > figcaption { font-size: var(--font-size-sm); color: var(--color-text-muted); }

/* Responsive tweaks */
@media (max-width: 768px) {
  .hero { padding: var(--space-8) 0; }
  .hero .search-row { grid-template-columns: 1fr; }
}