/* Choice “pill” buttons */
.pill-group { display: flex; flex-wrap: wrap; gap: .5rem; }
.pill {
  display: inline-block; padding: .45rem .8rem; border-radius: 9999px;
  border: 1px solid #e5e7eb; background: #f3f4f6; color: #111827;
  font-size: .9rem; cursor: pointer; user-select: none;
  transition: background .15s, border-color .15s, color .15s;
}
.pill input { display: none; }
.pill.selected { 
  background: #ede9fe;                 /* light purple */
  border-color: #c4b5fd; 
  color: #4c1d95;                       /* deep purple text */
}
/* Onboarding tabs */
.ob-steps { display:flex; gap:.5rem; margin: .5rem 0 1.25rem; flex-wrap:wrap; }
.ob-step {
  padding:.5rem .9rem; border-radius:9999px; border:1px solid #e5e7eb;
  background:#f9fafb; color:#374151; font-weight:500; text-decoration:none;
}
.ob-step--active {
  background:#ede9fe; border-color:#c4b5fd; color:#4c1d95;
}

/* Section headers / helper text layout */
.section-head { display:flex; gap:1rem; justify-content:space-between; align-items:flex-end; flex-wrap:wrap; }
.section-head h3 { margin:0; }
.section-help { font-size:.82rem; color:#6b7280;  text-align:right; }
@media (max-width: 640px){
  .section-help { text-align:left; max-width:none; }
}


/* tabs + helper layout (venvu.css) */
.ob-steps { display:flex; gap:.5rem; margin:.5rem 0 1.25rem; flex-wrap:wrap; }
.ob-step { padding:.5rem .9rem; border-radius:9999px; border:1px solid #e5e7eb; background:#f9fafb; color:#374151; font-weight:500; text-decoration:none; }
.ob-step--active { background:#ede9fe; border-color:#c4b5fd; color:#4c1d95; }

.section-head { display:flex; gap:1rem; justify-content:space-between; align-items:flex-end; flex-wrap:wrap; }
.section-head h3 { margin:0; }
.section-help { font-size:.82rem; color:#6b7280;  text-align: left; }
@media (max-width:640px){ .section-help{ text-align:left; max-width:none; } }

/* pill controls (if not already present) */
.pill-group { display:flex; flex-wrap:wrap; gap:.5rem; }
.pill { display:inline-flex; align-items:center; padding:.45rem .85rem; border-radius:9999px; border:1px solid #e5e7eb; background:#f3f4f6; color:#111827; font-size:.9rem; line-height:1; cursor:pointer; user-select:none; transition:background .15s,border-color .15s,color .15s; }
.pill input { display:none; }
.pill.selected { background:#ede9fe; border-color:#c4b5fd; color:#4c1d95; }