/* ─────────────────────────────────────────────────────────────────────────
   SITES — the shared "welcome" start-page layout (web/app/sites.py), plus
   .lede, a small shared component that landed here alongside it.

   .lede was metis_apps/metis/static/crm/css/styleguide.css's page-local
   .sg-lede — a muted intro paragraph, max-width 60ch — until the welcome
   page needed the identical pattern. Two consumers is the "extract a shared
   piece" trigger (CLAUDE.md), so it graduated here rather than staying
   duplicated under two names; the styleguide templates were repointed to it.

   One template (web/app/templates/sites/welcome.html) renders every site
   whose start_page type is "welcome". Its link row lives here rather than as
   inline styles, so the second site to use this page (issue #322) inherits
   the layout instead of copying it.
   ───────────────────────────────────────────────────────────────────────── */

@layer components {
  /* Unchanged from the original .sg-lede so the styleguide pages that already
     used it render identically after the rename. */
  .lede {
    max-width: 60ch;
    margin-top: var(--space-2);
    color: var(--color-text-muted);
    font-size: var(--text-base);
  }

  .welcome-links {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
    margin-top: var(--space-6);
  }
}