/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 08 2026 | 22:54:33 */
/* =============================================================
   BrightLeaf Giving — CSF Name Generator page
   Page:  /name-your-program/ (post 11066)
   Scope: page-locked via .page-id-11066 body class.
   Rule loaded site-wide ("all" scope in SCCJ Pro) — selectors only
   match on this one page. Avoids Pro's URL-conditional matching
   machinery entirely.
   ============================================================= */

.page-id-11066 .csf-namer {
  --csfn-pad-y: clamp(2rem, 5vw, 3.5rem);
  --csfn-pad-x: clamp(1rem, 4vw, 1.5rem);
  --csfn-r-sm: 10px;

  max-width: 760px;
  margin: 0 auto;
  padding: var(--csfn-pad-y) var(--csfn-pad-x);
  font-family: 'Nunito Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  color: var(--bl-ink, #1F2A26);
}

/* ---------- Hero ---------- */

.page-id-11066 .csf-namer__hero {
  text-align: center;
  margin: 0 0 clamp(1.5rem, 4vw, 2.25rem);
}

.page-id-11066 .csf-namer__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  margin: 0 0 1.125rem;
  padding: .4rem .95rem;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--bl-green, #2F7E4B);
  background: rgba(47, 126, 75, .08);
  border: 1px solid rgba(47, 126, 75, .18);
  border-radius: 999px;
}

.page-id-11066 .csf-namer__eyebrow-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--bl-accent, #A8C64A);
  box-shadow: 0 0 0 4px rgba(168, 198, 74, .22);
  animation: csfn-pulse 2.4s ease-in-out infinite;
}

@keyframes csfn-pulse {
  0%, 100% { box-shadow: 0 0 0 4px rgba(168, 198, 74, .22); }
  50%      { box-shadow: 0 0 0 7px rgba(168, 198, 74, .03); }
}

@media (prefers-reduced-motion: reduce) {
  .page-id-11066 .csf-namer__eyebrow-dot { animation: none; }
}

.page-id-11066 .csf-namer__h1 {
  margin: 0 0 .875rem;
  font-family: 'RM Neue', 'Nunito Sans', sans-serif;
  font-weight: 700;
  font-size: clamp(2rem, 5.5vw, 3.125rem);
  line-height: 1.08;
  letter-spacing: -.015em;
  color: var(--bl-navy, #0b2a4a);
  text-wrap: balance;
}

.page-id-11066 .csf-namer__h1-accent {
  display: inline-block;
  background: linear-gradient(180deg, transparent 62%, rgba(168, 198, 74, .55) 62%);
  padding: 0 .15em;
  color: var(--bl-green-dark, #2F5F3C);
}

.page-id-11066 .csf-namer__lede {
  margin: 0 auto;
  max-width: 34rem;
  font-size: clamp(1rem, 1.5vw, 1.1rem);
  line-height: 1.55;
  color: var(--bl-muted, #56645F);
}

/* ---------- Form card wrapper ----------
   The form itself (#gform_wrapper_193) has its own background, padding,
   border-radius, and shadow from Code Chest CSS. This wrapper is a
   no-op container — kept for structural clarity and future overrides. */

.page-id-11066 .csf-namer__form-card {
  margin: 0;
}

/* ---------- Footer reassurance ---------- */

.page-id-11066 .csf-namer__footer {
  margin: clamp(1.25rem, 3vw, 1.75rem) auto 0;
  max-width: 640px;
  padding: 1rem 1.25rem;
  background: var(--bl-surface, #F7F9F6);
  border: 1px solid var(--bl-border-soft, #E8EDE9);
  border-radius: var(--csfn-r-sm);
  text-align: center;
  font-size: .87rem;
  line-height: 1.6;
  color: var(--bl-muted, #56645F);
}

.page-id-11066 .csf-namer__footer strong {
  color: var(--bl-ink, #1F2A26);
  font-weight: 700;
}

.page-id-11066 .csf-namer__footer a {
  color: var(--bl-green, #2F7E4B);
  font-weight: 700;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  white-space: nowrap;
}

.page-id-11066 .csf-namer__footer a:hover {
  color: var(--bl-green-hover, #25663D);
}

/* ---------- Mobile ---------- */

@media (max-width: 540px) {
  .page-id-11066 .csf-namer__h1 {
    font-size: clamp(1.75rem, 8vw, 2.4rem);
  }
}