/* Minimal enhancements to align with pricing styles and indicate selection */
#cs-signup-plan-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 10px;
  margin-bottom: 10px;
}

#cs-signup-plan-cards .cs-pricing__planhead {
  display: grid; /* ensure visible on mobile */
  grid-template-rows: auto auto auto; /* headline, price, summary */
  border: 1px solid rgba(0,0,0,.08);
  border-radius: .6rem;
  padding: .6rem .75rem;
  text-align: left;
  background: #fff;
  cursor: pointer;
}

#cs-signup-plan-cards .cs-pricing__planhead:not(.is-basic) {
  background: linear-gradient(135deg, rgba(137,23,56,.08), rgba(244,119,32,.08));
  border-color: rgba(137,23,56,.28);
}

#cs-signup-plan-cards .cs-pricing__planhead.is-basic {
  background: linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.015));
  border-color: #dee2e6;
}

#cs-signup-plan-cards .cs-pricing__planhead.is-selected {
  outline: 2px solid rgba(137,23,56,.5);
  box-shadow: 0 0 0 3px rgba(137,23,56,.12);
}

/* Match selected background for basic plans to other plans */
#cs-signup-plan-cards .cs-pricing__planhead.is-basic.is-selected {
  background-color: rgba(244, 119, 32, 0.08) !important;
  border-color: #f47720 !important;
  box-shadow: 0 0 0 2px rgba(244, 119, 32, 0.12) inset !important;
}

#cs-signup-plan-cards .cs-signup-plan-headline { display: flex; align-items: baseline; gap: .35rem; }
#cs-signup-plan-cards .cs-pricing__planhead .cs-pricing__title { font-weight: 500; font-size: 1.1rem; letter-spacing: .04em;}
#cs-signup-plan-cards .cs-pricing__price { margin-top: .2rem; }
#cs-signup-plan-cards .cs-pricing__price,
#cs-signup-plan-cards .cs-pricing__price .cs-pricing__amount { color: #111 !important; }
#cs-signup-plan-cards .cs-pricing__price .cs-pricing__cadence { color: #666 !important; }

/* Keep price text dark even on hover/selected states */
#cs-signup-plan-cards .cs-pricing__planhead:hover .cs-pricing__price,
#cs-signup-plan-cards .cs-pricing__planhead.is-selected .cs-pricing__price,
#cs-signup-plan-cards .cs-pricing__planhead:hover .cs-pricing__price .cs-pricing__amount,
#cs-signup-plan-cards .cs-pricing__planhead.is-selected .cs-pricing__price .cs-pricing__amount { color: #111 !important; }
#cs-signup-plan-cards .cs-pricing__planhead:hover .cs-pricing__price .cs-pricing__cadence,
#cs-signup-plan-cards .cs-pricing__planhead.is-selected .cs-pricing__price .cs-pricing__cadence { color: #666 !important; }
#cs-signup-plan-cards .cs-pricing__crm { display: inline-block; padding: .12rem .5rem; border-radius: 999px; background: rgba(0,0,0,.06); border: none; color: #6c757d; font-weight: 700; font-size: .75rem; line-height: 1; }

#cs-signup-plan-cards .cs-plan-card__summary {
  order: 3;
  margin-top: .25rem;
  color: #666;
  font-weight: 400;
  font-size: .9rem;
}

/* Darker summary for non-basic cards */
#cs-signup-plan-cards .cs-pricing__planhead:not(.is-basic) .cs-plan-card__summary { color: #444; }

/* (moved fieldset heading styling to css/signup.css) */