/* Tactics Page Specific Styles - keep minimal and leverage base.css */
.page-hero {
  text-align: center;
}
.page-hero .eyebrow {
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wider);
}
.page-hero .lead {
  margin-top: var(--space-2);
  margin-left: auto;
  margin-right: auto;
}
.search-box { margin-top: var(--space-6); }
.search-box .search-row { display: flex; gap: var(--space-3); align-items: center; }
.search-box .search-row .input { flex: 1; }
.filter-info { margin-top: var(--space-2); }
.hero-illustration { margin-top: var(--space-8); }
.hero-illustration img { border-radius: var(--radius-lg); border: var(--border-width) solid var(--border-color-light); box-shadow: var(--shadow-lg); }

.section-header { margin-bottom: var(--space-6); }
.diagram img, .community-figure img { border-radius: var(--radius-lg); border: var(--border-width) solid var(--border-color-light); box-shadow: var(--shadow-md); }

/* Challenge card emphasis */
.challenge-card { position: relative; }
.challenge-card .input-group { display: flex; align-items: flex-start; gap: var(--space-3); }
.challenge-card .input-group + .input-group { margin-top: var(--space-2); }

/* Responsive tweaks */
@media (max-width: 640px) {
  .search-box .search-row { flex-direction: column; align-items: stretch; }
}