/* ============================================================================
   Hecho por CandyFactory — reusable client-site footer credit
   ----------------------------------------------------------------------------
   VENDORED COPY for the SEI site, which serves from its own document root.
   Source of truth: clients/_shared/built-by-candyfactory.css in candyfactory-www.
   Keep the rules below in sync with that file; do not fork the design.

   Self-contained styles for the "built by" footer credit. Every selector is
   scoped under .cf-built-by… so it never collides with a client's own footer
   CSS. No external fonts or images: the mark is inline SVG and the type falls
   back to a system font stack. The signature CandyFactory pink is #ff5fa2.

   Reference this file from a page of THIS site with a ROOT-ANCHORED absolute
   href (never relative):
     <link rel="stylesheet" href="/assets/built-by-candyfactory.css">
   ============================================================================ */

.cf-built-by {
  margin-top: 18px;
  width: 100%;
  display: flex;
  justify-content: center;
  text-align: center;
}

.cf-built-by__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 7px;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.02em;
  color: #8a8a8a;                 /* muted neutral — legible on light or dark */
  text-decoration: none;
  opacity: 0.9;
  transition: color 0.18s ease, opacity 0.18s ease;
}

.cf-built-by__link:hover,
.cf-built-by__link:focus-visible {
  color: #ff5fa2;                 /* signature CandyFactory pink on hover */
  opacity: 1;
}

.cf-built-by__label {
  font-weight: 400;
}

.cf-built-by__mark {
  display: inline-flex;
  flex: 0 0 auto;
  color: #ff5fa2;                 /* signature pink drives the canonical glyph */
}

.cf-built-by__mark svg {
  display: block;
}

.cf-built-by__brand {
  font-weight: 700;
  letter-spacing: 0.01em;
}