/* Home page: why a self-hosted service instead of a cloud subscription. */

@layer components {
  .reasons {
    display: grid;
    gap: var(--space-4);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
  }

  .reason {
    display: grid;
    gap: var(--space-3);
    align-content: start;
    padding-top: var(--space-4);
    border-top: 2px solid var(--line-strong);
  }

  .reason p { color: var(--ink-muted); }
}