/* Features page specific styles (minimal, extends base.css) */
.features-hero {
  background: linear-gradient(180deg, var(--color-bg-secondary) 0%, transparent 60%);
  border-bottom: 1px solid var(--color-gray-800);
  width: 100%;
  overflow: hidden;
}

.feature-image {
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  max-width: 100%;
  height: auto;
}

/* Search result subtle emphasis */
#search-count { color: var(--color-text-muted); }

/* Improve card focus within grid */
.feature-card:focus-within {
  box-shadow: var(--shadow-lg), var(--shadow-glow);
  border-color: var(--color-primary);
}