/*
 * ai-search.css
 * Purpose: lightweight helper styles for AI-search/SEO friendly content blocks.
 * This file intentionally uses scoped class names only, so adding it to existing pages will not change the current visual layout unless these classes are used.
 */
.ai-search-summary,
.ai-search-faq,
.ai-search-service-card {
  line-height: 1.8;
}

.ai-search-summary {
  margin: 24px 0;
}

.ai-search-summary h1,
.ai-search-summary h2,
.ai-search-faq h2,
.ai-search-service-card h2 {
  margin-bottom: 16px;
}

.ai-search-summary p,
.ai-search-faq p,
.ai-search-service-card p {
  margin-bottom: 12px;
}

.ai-search-keywords {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0;
  margin: 12px 0;
  list-style: none;
}

.ai-search-keywords li {
  padding: 4px 10px;
  border: 1px solid #ddd;
  border-radius: 999px;
  font-size: 14px;
}