/* Homepage #give band — left matches Eric gold reference; full two-col must
   keep full-line wraps (no orphan last words). Verified on #give with donate
   box visible — not left crop alone.

   FULL-LINE WRAP RULE: chips AND text — full lines only. EN + ES. */

#give.section--tint {
  background:
    linear-gradient(90deg, #E8F0F7 0%, #E8F0F7 48%, #F3E6DA 78%, #F7DCC8 100%);
}

/* Prefer left width so gold one-line rhythm holds beside the card */
#give .give-relocate {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 320px);
  gap: clamp(1.5rem, 1rem + 1.2vw, 2.25rem);
  align-items: start;
}
#give .give-relocate-copy {
  container-type: inline-size;
  container-name: give-copy;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  /* Use the full grid track — do not cap below what one-line copy needs */
  max-width: none;
}

#give .give-relocate-copy .eyebrow {
  margin: 0 0 1.55rem;
  color: #7a8490;
  letter-spacing: .12em;
  font-size: .68rem;
  font-weight: 500;
  text-transform: uppercase;
}
#give .give-relocate-copy h2 {
  margin: 0 0 1.55rem;
  max-width: none;
  line-height: 1.14;
  /* Slightly tighter than before so full two-col keeps one line at ~1024+ */
  font-size: clamp(1.65rem, 1.35rem + 1.05vw, 2.2rem);
  white-space: nowrap;
}

/* ES: longer strings may multi-line; nbsp + balance; never orphan last word */
html[lang="es"] #give .give-relocate-copy h2,
html[lang="es"] #give .give-leads .lead,
html[lang="es"] #give .give-funds-lead,
html[lang="es"] #give .give-trust {
  white-space: normal;
  text-wrap: pretty;
}
#give .give-trust-end {
  white-space: nowrap;
}
#give .give-relocate-copy p {
  max-width: none;
}

#give .give-leads {
  display: flex;
  flex-direction: column;
  gap: .7rem;
  margin: 0 0 1.7rem;
}
#give .give-leads .lead {
  margin: 0;
  max-width: none;
  white-space: nowrap;
  color: #3c4858;
  font-size: clamp(0.95rem, 0.9rem + 0.22vw, 1.1rem);
  font-weight: 400;
  line-height: 1.45;
}

#give .give-funds-lead {
  margin: 0 0 1.35rem;
  font-family: var(--f-body);
  font-weight: 600;
  font-size: clamp(0.84rem, 0.78rem + 0.18vw, 0.95rem);
  color: var(--navy, #1C355E);
  white-space: nowrap;
  line-height: 1.4;
}

#give .give-fund-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: nowrap;
  gap: .5rem .85rem;
  justify-content: flex-start;
  max-width: 100%;
}
#give .give-fund-list li {
  font-family: var(--f-body);
  font-weight: 600;
  font-size: .65rem;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--navy, #1C355E);
  background: #fff;
  border: 1px solid rgba(28, 53, 94, .2);
  border-radius: 999px;
  padding: .32rem .75rem;
  white-space: nowrap;
  box-sizing: border-box;
  flex: 0 0 auto;
}

/* Trust row, then START HERE below (ref); no stretch void */
#give .give-copy-foot {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1.5rem;
  margin-top: 1.65rem;
  padding-top: 0;
}
#give .give-trust {
  margin: 0;
  font-size: .7rem;
  line-height: 1.4;
  color: #7a8490;
  white-space: nowrap;
}
#give .give-trust b {
  color: #5a6570;
  font-weight: 700;
}
#give .give-start-cue {
  margin: 0;
  align-self: flex-end;
  font-family: var(--f-body);
  font-weight: 700;
  font-size: .78rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #E86A1A;
  white-space: nowrap;
}

#give .give-card {
  border: 2px solid rgba(194, 65, 12, .45);
  border-top: 4px solid #C2410C;
  border-radius: 14px;
  box-shadow: 0 14px 36px rgba(28, 53, 94, .14);
  background: #fff;
  width: 100%;
  max-width: 320px;
  margin-left: auto;
  align-self: start;
}
#give .give-amts button {
  border-color: rgba(28, 53, 94, .3);
}
#give .give-btn.is-disabled {
  opacity: 1;
  pointer-events: none;
  background: #C2410C;
  color: #fff;
  border: 1.5px solid #C2410C;
  box-shadow: 0 2px 0 rgba(120, 55, 12, .25);
}
#give .give-btn:not(.is-disabled) {
  background: #C2410C;
  color: #fff;
  box-shadow: 0 2px 0 rgba(120, 55, 12, .25), 0 8px 18px rgba(28, 53, 94, .12);
}
#give .give-fineprint { color: #5a6570; }

/*
  Keep EN nowrap through typical two-col widths.
  Only soft-wrap when the copy column is truly narrow (tablet-ish).
  nbsp in HTML guards orphan last words when wrap does happen.
*/
@container give-copy (max-width: 38rem) {
  /* H2 first — longest EN string */
  #give .give-relocate-copy h2 {
    white-space: normal;
    text-wrap: pretty;
  }
}
@container give-copy (max-width: 32rem) {
  #give .give-leads .lead,
  #give .give-funds-lead,
  #give .give-trust {
    white-space: normal;
    text-wrap: pretty;
  }
  #give .give-fund-list {
    flex-wrap: wrap;
  }
}
@container give-copy (max-width: 26rem) {
  #give .give-fund-list {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    flex-wrap: unset;
  }
}

/* Mid desktop: shave type a hair so one-line EN holds beside card */
@media (max-width: 1100px) and (min-width: 861px) {
  #give .give-relocate {
    grid-template-columns: minmax(0, 1fr) minmax(250px, 300px);
    gap: 1.35rem;
  }
  #give .give-relocate-copy h2 {
    font-size: clamp(1.5rem, 1.15rem + 1.4vw, 1.9rem);
  }
  #give .give-leads .lead {
    font-size: 0.98rem;
  }
  #give .give-funds-lead {
    font-size: 0.86rem;
  }
  #give .give-card {
    max-width: 300px;
  }
}

@media (max-width: 860px) {
  #give.section--tint {
    background: linear-gradient(180deg, #E8F0F7 0%, #F7DCC8 100%);
  }
  #give .give-relocate {
    grid-template-columns: 1fr;
    gap: 1.75rem;
  }
  #give .give-card {
    max-width: none;
    margin-left: 0;
  }
  #give .give-relocate-copy h2,
  #give .give-leads .lead,
  #give .give-funds-lead,
  #give .give-trust {
    white-space: normal;
    text-wrap: pretty;
  }
  #give .give-fund-list {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    flex-wrap: unset;
  }
  #give .give-copy-foot {
    margin-top: 1.5rem;
    gap: 1.1rem;
  }
  #give .give-start-cue {
    align-self: flex-start;
  }
}