/* Opt-in only. The existing full-width survey keeps its current appearance. */
.bps-survey-column[data-business-phone-survey] {
  width: 100%; max-width: 100%; min-width: 0; margin: 0; z-index: auto;
  container-type: inline-size;
}
.wp-block-column:has(> .wp-block-shortcode .bps-survey-column),
.wp-block-column:has(> .bps-survey-column) { min-width: 0; }
.bps-survey-column .elite-quiz {
  width: 100%; min-width: 0; min-height: 0;
  display: block; max-width: 100%; height: auto; max-height: none;
  overflow: visible; border-radius: 20px;
}
.bps-survey-column .elite-quiz__intro { display: none; }
/* Optional compact blue introduction ABOVE the questions, never alongside. */
.bps-survey-column--intro .elite-quiz__intro {
  display: block; width: 100%; min-width: 0; padding: 22px 24px;
  border-radius: 20px 20px 0 0; text-align: left;
}
.bps-survey-column--intro .elite-quiz__intro-copy { margin: 0; }
.bps-survey-column--intro .elite-quiz__eyebrow { margin: 0 0 9px; font-size: 10px; }
.bps-survey-column--intro .elite-quiz__intro h2 {
  margin: 0 0 10px; max-width: none; font-size: 26px; line-height: 1.18;
  color: #fff; overflow-wrap: anywhere;
}
.bps-survey-column--intro .elite-quiz__intro-copy > p:not(.elite-quiz__eyebrow) {
  margin: 0; font-size: 14px; line-height: 1.5;
}
.bps-survey-column--intro .elite-quiz__intro .elite-quiz__trust-line,
.bps-survey-column--intro .elite-quiz__intro .elite-quiz__benefits { display: none; }
.bps-survey-column--intro .elite-quiz__privacy {
  margin: 12px 0 0; padding: 0; border: 0; font-size: 11px;
}
.bps-survey-column--intro .elite-quiz__panel { border-radius: 0 0 20px 20px; }

/* Three opt-in treatments in the existing navy / blue / cyan palette. */
.bps-survey-variant--navy .elite-quiz__intro {
  background: linear-gradient(145deg, #0b2344, #081a33);
  border-top: 4px solid #30d5e8;
}
.bps-survey-variant--blue .elite-quiz__intro {
  background: linear-gradient(135deg, #0752d6, #0b3f9c);
  border-top: 4px solid #30d5e8;
}
.bps-survey-variant--blue .elite-quiz__intro .elite-quiz__eyebrow,
.bps-survey-variant--blue .elite-quiz__intro .elite-quiz__intro-copy > p,
.bps-survey-variant--blue .elite-quiz__intro .elite-quiz__privacy { color: #fff; }
.bps-survey-variant--light .elite-quiz__intro {
  color: #10233f; background: linear-gradient(135deg, #edf4ff, #e7f8fb);
  border-top: 4px solid #176bff; border-bottom: 1px solid #dfe7f1;
}
.bps-survey-variant--light .elite-quiz__intro h2 { color: #081a33; }
.bps-survey-variant--light .elite-quiz__intro .elite-quiz__eyebrow { color: #0752d6; }
.bps-survey-variant--light .elite-quiz__intro .elite-quiz__intro-copy > p:not(.elite-quiz__eyebrow),
.bps-survey-variant--light .elite-quiz__intro .elite-quiz__privacy { color: #40516a; }
.bps-survey-intro--guided .elite-quiz__intro .elite-quiz__benefits {
  display: grid; gap: 8px; margin: 16px 0 0; padding: 0;
  list-style: none; color: #fff; font-size: 13px;
}
.bps-survey-intro--guided .elite-quiz__intro .elite-quiz__privacy { display: none; }
.bps-survey-intro-start {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 46px; max-width: 100%; margin: 18px 0 0; padding: 12px 20px;
  border: 0; border-radius: 10px; color: #0752d6; background: #fff;
  font: inherit; font-size: 14px; font-weight: 800; white-space: normal;
  cursor: pointer;
}
.bps-survey-intro-start:focus-visible { outline: 3px solid #30d5e8; outline-offset: 4px; }
.bps-survey-variant--light.bps-survey-intro--guided .elite-quiz__intro .elite-quiz__benefits { color: #10233f; }
.bps-survey-column .elite-quiz__panel {
  width: 100%; min-width: 0; min-height: 0; max-width: 100%;
  height: auto; max-height: none; padding: 24px; border-radius: inherit;
}
.bps-survey-column .elite-quiz__form,
.bps-survey-column .elite-quiz__steps,
.bps-survey-column .elite-quiz__step {
  min-width: 0; max-width: 100%; height: auto; max-height: none; overflow: visible;
}
.bps-survey-column .elite-quiz__step legend {
  display: block; float: none; width: 100%; min-width: 0; max-width: 100%;
  font-size: clamp(22px, 2.2vw, 30px); white-space: normal;
  overflow-wrap: anywhere; word-break: normal;
}
.bps-survey-column p,
.bps-survey-column label,
.bps-survey-column .elite-quiz__options span {
  min-width: 0; max-width: 100%; white-space: normal; overflow-wrap: anywhere;
}
.bps-survey-column input,
.bps-survey-column select,
.bps-survey-column textarea { min-width: 0; max-width: 100%; }
.bps-survey-column .elite-quiz__options--grid,
.bps-survey-column .elite-quiz__fields,
.bps-survey-column .elite-quiz__conditional-grid { grid-template-columns: minmax(0, 1fr); }
.bps-survey-column .elite-quiz__field--wide { grid-column: auto; }
.bps-survey-column .elite-quiz__actions { flex-wrap: wrap; }
.bps-survey-column .elite-quiz__button {
  flex: 1 1 140px; min-width: 0; max-width: 100%;
  white-space: normal; overflow-wrap: anywhere; height: auto; min-height: 48px;
  padding: 12px 16px;
}
.bps-survey-column .elite-quiz__button--submit { font-size: 14px; }
@container (max-width: 360px) {
  .bps-survey-column--intro .elite-quiz__intro { padding: 18px; }
  .bps-survey-column--intro .elite-quiz__intro h2 { font-size: 23px; }
  .bps-survey-column .elite-quiz__panel { padding: 18px; }
  .bps-survey-column .elite-quiz__actions { flex-wrap: wrap; }
}

/* Only Gutenberg column groups containing the compact embed are affected. */
.wp-block-columns:has(.bps-survey-column) {
  display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start; gap: 24px; width: 100%; max-width: 100%;
  height: auto; min-height: 0; position: relative; isolation: isolate;
}
.wp-block-columns:has(.bps-survey-column) > .wp-block-column {
  position: relative; inset: auto; float: none; transform: none;
  width: auto !important; min-width: 0; max-width: 100%;
  height: auto; margin: 0; align-self: start; overflow-wrap: anywhere;
}
.wp-block-columns:has(.bps-survey-column) > .wp-block-column > * { max-width: 100%; }
.wp-block-columns:has(.bps-survey-column) > .wp-block-column :is(video, iframe, img) { max-width: 100%; }
@media (max-width: 781px) {
  .wp-block-columns:has(.bps-survey-column) { grid-template-columns: minmax(0, 1fr); }
}