/* Agents Page Styles — built on base.css, minimal overrides */

.hero-agents {
  padding-top: var(--space-16);
  padding-bottom: var(--space-12);
}
.hero-agents .hero-inner {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: var(--space-8);
  align-items: center;
}
.hero-agents .hero-copy h1 {
  margin-bottom: var(--space-4);
}
.hero-agents .hero-copy .hero-ctas {
  display: flex;
  gap: var(--space-4);
  margin-top: var(--space-6);
}
.hero-agents .hero-media img {
  border-radius: var(--radius-2xl);
  box-shadow: var(--shadow-xl);
}

@media (max-width: 960px) {
  .hero-agents .hero-inner { grid-template-columns: 1fr; }
}

.section-header { margin-bottom: var(--space-6); }

/* Profiles */
.profiles-filter {
  display: grid;
  grid-template-columns: 1fr 240px auto;
  gap: var(--space-4);
  margin-bottom: var(--space-6);
}
.profiles-filter .filter-actions { display: flex; align-items: center; }

@media (max-width: 800px) {
  .profiles-filter { grid-template-columns: 1fr; }
}

.agent-card .agent-media img {
  border-radius: var(--radius-xl);
}
.agent-card .agent-body { margin-top: var(--space-4); }
.agent-card .agent-head { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); }
.agent-card .agent-desc { margin-top: var(--space-2); }
.agent-card .agent-meta { margin-top: var(--space-3); color: var(--color-text-secondary); }
.agent-card details { margin-top: var(--space-3); }

/* Tier List */
.tier-wrapper .tier-col h3 { margin-bottom: var(--space-3); }
.tier-list-items { display: grid; gap: var(--space-2); }

/* Comparison */
.compare-form {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  gap: var(--space-4);
  margin-bottom: var(--space-6);
}
@media (max-width: 800px) { .compare-form { grid-template-columns: 1fr; } }

.comparison-output { display: none; }
.comparison-output.active { display: block; }
.comparison-table { width: 100%; border-collapse: collapse; }
.comparison-table th, .comparison-table td { padding: var(--space-3); border-bottom: 1px solid var(--color-gray-800); text-align: left; vertical-align: top; }
.comparison-table th { width: 20%; color: var(--color-text-secondary); }

/* Videos */
.video-grid video { width: 100%; border-radius: var(--radius-xl); box-shadow: var(--shadow-md); }

/* Table */
.table-responsive { width: 100%; overflow-x: auto; }
.table-responsive table { width: 100%; }
.table-responsive th, .table-responsive td { padding: var(--space-3); border-bottom: 1px solid var(--color-gray-800); }
.table-responsive thead th { color: var(--color-text-secondary); text-transform: uppercase; letter-spacing: .06em; font-family: var(--font-heading); }

/* CTA */
.cta-bottom { margin-top: var(--space-12); margin-bottom: var(--space-16); }
.cta-bottom .card { display: grid; gap: var(--space-4); align-items: start; }

/* Breadcrumbs */
.breadcrumbs { margin-bottom: var(--space-6); }

/* Accessibility tweaks */
summary { cursor: pointer; }
summary:focus-visible { outline: 2px solid var(--color-secondary); outline-offset: 4px; border-radius: var(--radius-sm); }