/* AI Enablement service template (template-service-ai.php).
   Only what the shared service-page styles in inner.css do not already cover. */

/* Intro: several paragraphs under the banner. */
.ai-enablement-content .service-banner-intro p + p { margin-top: 22px; }
.ai-enablement-content .service-banner-intro p:last-child { margin-bottom: 0; }

/* Section lead-in under each AI heading. */
.ai-enablement-content .ai-section-intro {
  max-width: 880px;
  font-size: 18px;
  line-height: 1.65;
  color: var(--muted);
  margin: 0 0 30px;
}

/* Four cards per section read best two across. */
.ai-enablement-content .ai-capability-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ai-enablement-content .web-capability-section + .web-capability-section {
  padding-top: 20px;
}
/* Breathing room before the workbook band after the last section. */
.ai-enablement-content .web-capability-section:last-of-type { padding-bottom: 45px; }

@media (max-width: 780px) {
  .ai-enablement-content .ai-capability-grid { grid-template-columns: 1fr; }
  .ai-enablement-content .ai-section-intro { font-size: 17px; margin-bottom: 24px; }
}