/* Generated from /design/flow.php */
.flow-reading, article:not(.no-flow) {
  --flow-space: var(--space-md);
  --flow-heading-major-space: var(--space-xl);
  --flow-heading-minor-space: var(--space-lg);
}
.flow-documentation, .style-section, .chapter-divider, .style-guide-hero, .flow {
  --flow-space: var(--space-sm);
  --flow-heading-major-space: var(--space-lg);
  --flow-heading-minor-space: var(--space-md);
}
.flow-form, .form-grid {
  --flow-space: var(--space-md);
  --flow-heading-major-space: var(--space-lg);
  --flow-heading-minor-space: var(--space-md);
  --flow-field-space: var(--space-xs);
}
.flow-card, .card-body {
  --flow-space: var(--space-sm);
  --flow-heading-major-space: var(--space-lg);
  --flow-heading-minor-space: var(--space-md);
}
.flow-dashboard {
  --flow-space: var(--space-sm);
  --flow-heading-major-space: var(--space-lg);
  --flow-heading-minor-space: var(--space-md);
}
@media (min-width: 48rem) {
  .flow-reading, article:not(.no-flow) {
    --flow-space: var(--space-lg);
    --flow-heading-major-space: var(--space-2xl);
    --flow-heading-minor-space: var(--space-xl);
  }
  .flow-documentation, .style-section, .chapter-divider, .style-guide-hero, .flow {
    --flow-space: var(--space-md);
    --flow-heading-major-space: var(--space-xl);
    --flow-heading-minor-space: var(--space-lg);
  }
  .flow-form, .form-grid {
    --flow-space: var(--space-md);
    --flow-heading-major-space: var(--space-lg);
    --flow-heading-minor-space: var(--space-md);
  }
  .flow-card, .card-body {
    --flow-space: var(--space-md);
    --flow-heading-major-space: var(--space-lg);
    --flow-heading-minor-space: var(--space-md);
  }
  .flow-dashboard {
    --flow-space: var(--space-sm);
    --flow-heading-major-space: var(--space-lg);
    --flow-heading-minor-space: var(--space-md);
  }
}
@media (min-width: 64rem) {
  .flow-reading, article:not(.no-flow) {
    --flow-space: var(--space-lg);
    --flow-heading-major-space: var(--space-2xl);
    --flow-heading-minor-space: var(--space-xl);
  }
  .flow-documentation, .style-section, .chapter-divider, .style-guide-hero, .flow {
    --flow-space: var(--space-md);
    --flow-heading-major-space: var(--space-xl);
    --flow-heading-minor-space: var(--space-lg);
  }
  .flow-form, .form-grid {
    --flow-space: var(--space-md);
    --flow-heading-major-space: var(--space-lg);
    --flow-heading-minor-space: var(--space-md);
  }
  .flow-card, .card-body {
    --flow-space: var(--space-md);
    --flow-heading-major-space: var(--space-lg);
    --flow-heading-minor-space: var(--space-md);
  }
  .flow-dashboard {
    --flow-space: var(--space-md);
    --flow-heading-major-space: var(--space-lg);
    --flow-heading-minor-space: var(--space-md);
  }
}