/* feature_highlight as intro (templates/blocks/feature_highlight_block.html):
   eyebrow + heading left, rich text right. Tokens: agrex.css,
   docs/design-tokens.md. Section spacing: .agx-section. */
.agx-intro__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 20px;
  align-items: start;
}
/* First intro directly after the hero: hairline above the grid. */
.agx-intro--after-hero .agx-intro__grid {
  padding-top: 64px;
  border-top: 1px solid var(--agx-line);
}
@media (min-width: 992px) {
  .agx-intro__grid { grid-template-columns: 420px minmax(0, 1fr); gap: 64px; }
  .agx-intro__grid--text { grid-template-columns: minmax(0, 1fr); }
}

.agx-intro .agx-eyebrow { margin-bottom: 14px; }
.agx-intro__title { margin: 0; }

.agx-intro__text {
  max-width: 640px;
  font-size: 17px;
  line-height: 1.55;
  color: var(--agx-text);
}
.agx-intro__grid--text .agx-intro__text { max-width: 760px; }
/* 16px paragraph rhythm (.rich-text) + 6px */
.agx-intro__cta { margin-top: 22px; }