[data-fui-comp="ui-section"] {
  display: grid;
  gap: var(--spacing-md, 8px);
  margin: var(--spacing-xl, 24px) 0;
  border: 0;
  /* Anchored sections clear a sticky header when scrolled into view. Apps
     with a fixed header set --ui-section-scroll-margin to its height. */
  scroll-margin-top: var(--ui-section-scroll-margin, 0);
}
[data-fui-comp="ui-section"] .ui-section__eyebrow {
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: var(--ui-section-eyebrow-size, 11px);
  letter-spacing: 0.04em;
  color: var(--ui-section-eyebrow-color, var(--color-text-subtle, #71717A));
}
[data-fui-comp="ui-section"] .ui-section__heading {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--color-text, #18181B);
}
[data-fui-comp="ui-section"] .ui-section__description {
  margin: 0;
  color: var(--color-text-muted, #52525B);
}
[data-fui-comp="ui-section"] .ui-section__body {
  display: grid;
  gap: var(--spacing-md, 8px);
}