/* Quiz components share the landing page's blue, peach and soft borders. */
.quiz-lp-theme :is(.btn-primary, .btn-cta) {
  max-width: 100%;
  min-width: 0;
  gap: 18px;
  padding: 15px 26px;
  border: 1px solid #e27d59;
  border-radius: 14px;
  background: #ff916d;
  box-shadow: 0 3px 0 #d76c49;
  color: #14254a;
  font: 650 18px/1.3 'Source Sans 3', sans-serif;
  letter-spacing: 0;
  text-transform: none;
  text-decoration: none;
  white-space: normal;
  text-align: center;
}

.quiz-lp-theme .btn-primary::after {
  content: none;
}

.quiz-lp-theme :is(.btn-primary, .btn-cta):hover {
  background: #ffa380;
  color: #14254a;
  box-shadow: 0 5px 0 #d76c49;
  filter: none;
  transform: translateY(-2px);
}

.quiz-lp-theme :is(.btn-primary, .btn-cta):active {
  box-shadow: 0 1px 0 #d76c49;
  transform: translateY(2px);
}

.quiz-lp-theme .btn[disabled] {
  opacity: 1;
  background: #e4ebf2;
  border-color: #d3dfe9;
  color: #687c91;
  box-shadow: none;
  transform: none;
}

.quiz-lp-theme :is(.btn-primary, .btn-cta) iconify-icon {
  flex: none;
}

.quiz-lp-theme .btn-cta iconify-icon[data-bouncy] {
  animation: none;
}

.quiz-lp-theme :is(button, a, input):focus-visible {
  outline: 3px solid #2e79ac;
  outline-offset: 4px;
}

.quiz-lp-theme .opts {
  gap: 11px;
}

.quiz-lp-theme .opt {
  min-width: 0;
  border: 1px solid #dce6f0;
  border-radius: 14px;
  background: #fcfdff;
  color: #14254a;
  box-shadow: 0 4px 9px #14254a04;
  font-size: 17px;
  line-height: 1.4;
}

.quiz-lp-theme .opt > span:not(.k):not(.box) {
  min-width: 0;
  overflow-wrap: anywhere;
}

.quiz-lp-theme .opt:hover {
  border-color: #80acd0;
  background: #f4f9fd;
  box-shadow: 0 6px 12px -9px #14254a30;
  transform: translateY(-1px);
}

.quiz-lp-theme .opt.is-picked {
  border-color: #2e79ac;
  background: #eef6fc;
  box-shadow: 0 0 0 1px #2e79ac;
}

.quiz-lp-theme .opt .k {
  border-radius: 9px;
  background: #e9f1fa;
  color: #2e79ac;
  font: 650 13px/1 'Source Sans 3', sans-serif;
}

.quiz-lp-theme .opt .box {
  border-color: #b9cddd;
  background: #fff;
  border-radius: 7px;
}

.quiz-lp-theme .opt.is-picked :is(.k, .box) {
  background: #2e79ac;
  border-color: #2e79ac;
  color: #fff;
}

.quiz-lp-theme .hint {
  font: 500 13px/1.5 'Source Sans 3', sans-serif;
  letter-spacing: 0;
  text-transform: none;
  color: #637b92;
}

.quiz-lp-theme .genders {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.quiz-lp-theme .gender {
  min-width: 0;
  border: 1px solid #dce6f0;
  border-radius: 18px;
  background: #eef6fc;
  box-shadow: 0 8px 18px -14px #14254a40;
}

.quiz-lp-theme .gender span {
  gap: 8px;
  border-top: 1px solid #dce6f0;
  background: #eef6fc;
  color: #14254a;
  font-weight: 650;
}

.quiz-lp-theme .gender span iconify-icon {
  flex: none;
  color: #2e79ac;
}

.quiz-lp-theme .gender:hover {
  border-color: #80acd0;
  transform: translateY(-2px);
  box-shadow: 0 10px 20px -13px #14254a35;
}

.quiz-lp-theme .gender.is-picked {
  border-color: #2e79ac;
  box-shadow: 0 0 0 1px #2e79ac;
}

.quiz-lp-theme .gender.is-picked span {
  border-color: #2e79ac;
  background: #2e79ac;
  color: #fff;
}

.quiz-lp-theme .gender.is-picked span iconify-icon {
  color: #fff;
}

.quiz-lp-theme .trust {
  gap: 9px 18px;
  font-size: 15px;
  color: #52617a;
}

.quiz-lp-theme .trust iconify-icon {
  color: #2e79ac;
  flex: none;
}

.quiz-lp-theme .trust .trust-gift {
  display: block;
  flex: none;
  color: #2e79ac;
}

.quiz-lp-theme .field {
  max-width: 100%;
  border: 1px solid #ccddeb;
  border-radius: 14px;
  background: #f8fbfe;
  color: #14254a;
  font: 400 17px/1.4 'Source Sans 3', sans-serif;
}

.quiz-lp-theme .field::placeholder {
  color: #687b92;
  opacity: 1;
}

.quiz-lp-theme .field:focus {
  background: #fff;
  border-color: #2e79ac;
  box-shadow: 0 0 0 3px #2e79ac18;
}

.quiz-lp-theme .field.is-error {
  border-color: #bd5936;
  background: #fff5ef;
}

.quiz-lp-theme .field.is-error:focus {
  border-color: #bd5936;
  box-shadow: 0 0 0 3px #bd593618;
}

.quiz-lp-theme .err {
  color: #a74f32;
}

.quiz-lp-theme .small {
  color: #63758c;
}

.quiz-lp-theme .small a {
  color: #2e79ac;
  text-underline-offset: 3px;
}

.quiz-lp-theme .app-email .email-skip-option {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  min-width: 0;
  margin-top: 17px;
  text-align: center;
}

.quiz-lp-theme .app-email .email-skip-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
  min-height: 46px;
  margin: 0;
  padding: 11px 22px;
  border: 1px solid #b8d1e4;
  border-radius: 12px;
  background: #f4f9fd;
  box-shadow: none;
  color: #24577f;
  font: 600 16px/1.4 'Source Sans 3', sans-serif;
  letter-spacing: 0;
  text-align: center;
  text-transform: none;
  white-space: normal;
  overflow-wrap: break-word;
  cursor: pointer;
}

/* Na tela de e-mail, o botão secundário tem o mesmo tamanho do "Continuar". */
.quiz-lp-theme .app-email .cta-row :is(.btn, .btn-cta),
.quiz-lp-theme .app-email .email-skip-button {
  width: 100%;
  max-width: 340px;
  min-height: 56px;
  padding: 15px 26px;
  border-radius: 14px;
  font-size: 18px;
  line-height: 1.3;
}

.quiz-lp-theme .app-email .email-skip-button:hover {
  border-color: #2e79ac;
  background: #eaf4fb;
  color: #14254a;
}

.quiz-lp-theme .app-email .email-skip-button:active {
  background: #e2eff8;
}

.quiz-lp-theme .app-email .email-skip-button:focus-visible {
  outline: 3px solid #2e79ac;
  outline-offset: 4px;
}

.quiz-lp-theme .app-email .email-skip-note {
  min-width: 0;
  width: 100%;
  max-width: 100%;
  margin: 0;
  color: #586b83;
  font: 400 14px/1.45 'Source Sans 3', sans-serif;
  text-align: center;
  overflow-wrap: break-word;
}

.quiz-lp-theme .progress {
  height: 7px;
  background: #e2ecf5;
}

.quiz-lp-theme .progress i {
  background: #2e79ac;
}

.quiz-lp-theme .proc-ring {
  border-color: #e4eff8;
  border-top-color: #2e79ac;
  border-right-color: #ffb89b;
}

.quiz-lp-theme .proc-bar .meta {
  color: #586b83;
}

.quiz-lp-theme .proc-bar .meta b {
  font-family: 'Source Sans 3', sans-serif;
  font-weight: 650;
  color: #14254a;
}

.quiz-lp-theme .proc-list li {
  color: #63758c;
}

.quiz-lp-theme .proc-list li i {
  background: #dce6f0;
}

.quiz-lp-theme .proc-list li.is-done i {
  background: var(--success);
}

.quiz-lp-theme .proc-list li.is-now {
  color: #14254a;
  font-weight: 650;
}

.quiz-lp-theme .proc-list li.is-now i {
  background: #2e79ac;
}

.quiz-lp-theme .proc-list li.is-next {
  opacity: .7;
}

.quiz-lp-theme .meter-track {
  background: linear-gradient(90deg, #c6e2f3 0%, #2e79ac 38%, #24577f 72%, #14254a 100%);
}

.quiz-lp-theme .meter-rest {
  background: #e3ecf4;
}

.quiz-lp-theme .meter-pin {
  border-color: #14254a;
  box-shadow: 0 5px 12px #14254a20;
}

.quiz-lp-theme .meter-tip {
  border-radius: 9px;
  background: #14254a;
  font-weight: 600;
}

.quiz-lp-theme .meter-labels {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  color: #63758c;
}

.quiz-lp-theme .meter-labels span.is-on {
  color: #14254a;
  font-weight: 650;
}

.quiz-lp-theme .level-name {
  font: 650 26px/1.2 'Source Sans 3', sans-serif;
  color: #14254a;
}

.quiz-lp-theme .note {
  border: 1px solid #deebf5;
  border-radius: 14px;
  background: #eef6fc;
  color: #455b73;
}

.quiz-lp-theme .note b {
  color: #14254a;
  font-weight: 650;
}

.quiz-lp-theme :is(.ind, .focus, .sp) {
  min-width: 0;
  border-color: #dce6f0;
  border-radius: 14px;
  background: #fcfdff;
  box-shadow: 0 4px 9px #14254a04;
}

.quiz-lp-theme .ind-top > div:first-child {
  min-width: 0;
}

.quiz-lp-theme :is(.ind h3, .focus h3, .content-item h4) {
  font-family: 'Source Sans 3', sans-serif;
  font-weight: 650;
  color: #14254a;
}

.quiz-lp-theme .ind-val {
  flex: none;
  font-family: 'Source Sans 3', sans-serif;
  font-weight: 700;
  color: #14254a;
}

.quiz-lp-theme .ind-bar {
  background: #e2ecf5;
}

.quiz-lp-theme .ind-bar i {
  background: #2e79ac;
}

.quiz-lp-theme .ind-bar.is-low i {
  background: linear-gradient(90deg, #a9bfd4, #4d6f91);
}

.quiz-lp-theme .bars {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border-color: #dce6f0;
}

.quiz-lp-theme .bars i {
  background: #c9dfef;
}

.quiz-lp-theme .bars .is-goal i {
  background: #2e79ac;
}

.quiz-lp-theme .bars .goal-tag {
  background: #ff916d;
  color: #14254a;
  font-weight: 650;
}

.quiz-lp-theme .bars .today-tag {
  background: #14254a;
  color: #fff;
}

.quiz-lp-theme .bars .is-today i {
  background: #8bb9d6;
}

.quiz-lp-theme .bars-x {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  padding-inline: 6px;
  text-align: center;
  font-family: 'Source Sans 3', sans-serif;
  letter-spacing: 0;
  color: #63758c;
}

.quiz-lp-theme .bars-x time {
  min-width: 0;
}

.quiz-lp-theme .bars-x :is(.is-current, .is-target) {
  color: #14254a;
  font-weight: 650;
}

.quiz-lp-theme .bars-x .month-short {
  display: none;
}

.quiz-lp-theme .chart-heading-mascot {
  display: none;
}

/* The wide title already has room on the right; the image stays out of flow. */
@media (min-width: 1100px) {
  .quiz-lp-theme .result-month-chart > h1.t {
    position: relative;
  }

  .quiz-lp-theme .result-month-chart .chart-heading-mascot {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 180px;
    height: 180px;
    object-fit: contain;
    transform: translateY(-50%);
    mix-blend-mode: multiply;
    pointer-events: none;
  }
}

.quiz-lp-theme :is(.disc, .legal) {
  color: #63758c;
}

.quiz-lp-theme .curve text {
  font-family: 'Source Sans 3', sans-serif;
  font-weight: 600;
}

.quiz-lp-theme .curve #gl stop:first-child {
  stop-color: #a9bfd4;
}

.quiz-lp-theme .curve #gl stop:nth-child(2) {
  stop-color: #2e79ac;
}

.quiz-lp-theme .curve #gl stop:last-child {
  stop-color: #14254a;
}

.quiz-lp-theme .curve #ga stop {
  stop-color: #2e79ac;
}

.quiz-lp-theme .curve .cv-pulse {
  stroke: #2e79ac;
}

.quiz-lp-theme .curve .cv-dot {
  fill: #2e79ac;
}

.quiz-lp-theme .curve .cv-pulse + .cv-dot {
  fill: #a9bfd4;
}

.quiz-lp-theme .curve .cv-dot:last-of-type {
  fill: #14254a;
}

.quiz-lp-theme .curve.anim .cv-face {
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .45s ease var(--d), transform .45s ease var(--d);
}

.quiz-lp-theme .curve.anim.go .cv-face {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .quiz-lp-theme .curve.anim .cv-face {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

.quiz-lp-theme :is(.cmp, .ind2, .content-grid) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.quiz-lp-theme .cmp-col {
  min-width: 0;
  border-color: #dce6f0;
  border-radius: 16px;
  background: #fff;
}

.quiz-lp-theme .cmp-col h3 {
  font: 650 15px/1.3 'Source Sans 3', sans-serif;
}

.quiz-lp-theme .cmp > .cmp-col > h3 {
  font-size: 22px;
  font-weight: 750;
  line-height: 1.2;
}

.quiz-lp-theme .cmp > .cmp-col > h3 > span {
  min-width: 0;
  overflow-wrap: break-word;
}

.quiz-lp-theme .cmp-col h3 iconify-icon {
  flex: none;
}

.quiz-lp-theme .cmp-col.is-before h3 {
  background: #f3f6fa;
  color: #586b83;
}

.quiz-lp-theme .cmp-col.is-after h3 {
  background: #eef6fc;
  color: #14254a;
}

.quiz-lp-theme .cmp-col.is-after li iconify-icon {
  color: #2e79ac;
}

.quiz-lp-theme .cmp-col li > span {
  min-width: 0;
  hyphens: auto;
  overflow-wrap: anywhere;
}

.quiz-lp-theme .comparison-intro {
  margin: -5px 0 18px;
  color: #63758c;
  font-size: 15px;
  line-height: 1.45;
  text-align: center;
  text-wrap: balance;
}

body.quiz-lp-theme .qcard.result-comparison {
  margin-top: -8px;
  padding: 20px 28px 22px;
}

body.quiz-lp-theme .result-comparison > .t {
  margin: 0 0 9px;
}

body.quiz-lp-theme .result-comparison > .comparison-intro {
  margin: 0 0 13px;
}

body.quiz-lp-theme .result-comparison .cmp-col img.mascot-state {
  width: 100%;
  height: 230px;
  aspect-ratio: auto;
  object-fit: contain;
  object-position: center;
  padding: 8px 6px 0;
}

body.quiz-lp-theme .result-comparison .cmp-col ul {
  gap: 7px;
  padding: 10px 12px 12px;
}

body.quiz-lp-theme .result-comparison > .quote {
  margin-top: 12px;
}

body.quiz-lp-theme .result-comparison > .cta-row {
  margin-top: 14px;
}

@media (max-width: 640px) {
  body.quiz-lp-theme .qcard.result-comparison {
    margin-top: -4px;
    padding: 18px 14px 20px;
  }

  body.quiz-lp-theme .result-comparison .cmp-col img.mascot-state {
    height: 168px;
    padding-top: 6px;
  }

  body.quiz-lp-theme .result-comparison .cmp-col ul {
    gap: 7px;
    padding: 9px 9px 12px;
  }
}

.quiz-lp-theme .quote {
  font: 600 20px/1.4 'Source Sans 3', sans-serif;
  color: #14254a;
}

.quiz-lp-theme .plan-hdr > div,
.quiz-lp-theme .focus > div,
.quiz-lp-theme .content-item {
  min-width: 0;
}

.quiz-lp-theme .chip {
  max-width: 100%;
  border: 1px solid #deebf5;
  border-radius: 999px;
  background: #eef6fc;
  color: #355a7a;
  font-weight: 600;
}

.quiz-lp-theme .chip iconify-icon {
  color: #2e79ac;
  flex: none;
}

.quiz-lp-theme .focus .n {
  background: #e9f1fa;
  color: #2e79ac;
  font-family: 'Source Sans 3', sans-serif;
  font-weight: 700;
}

.quiz-lp-theme .sub {
  font: 650 22px/1.3 'Source Sans 3', sans-serif;
  color: #14254a;
}

.quiz-lp-theme .content-item .phone-mock {
  border: 1px solid #8197b0;
  border-radius: 23px;
  background: #1a2944;
  box-shadow: 0 12px 20px -15px #14254a55;
}

.quiz-lp-theme .sp b {
  font-family: 'Source Sans 3', sans-serif;
  font-weight: 700;
  color: #2e79ac;
}

.quiz-lp-theme .logos {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.quiz-lp-theme .logos img {
  border-color: #dce6f0;
  border-radius: 12px;
}

.quiz-lp-theme .invite-img {
  border-radius: 18px;
}

.quiz-lp-theme .mini-row .top {
  gap: 6px;
  color: #586b83;
}

.quiz-lp-theme .mini-row .top span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.quiz-lp-theme .mini-row .top b {
  flex: none;
  font-family: 'Source Sans 3', sans-serif;
  font-weight: 650;
  color: #14254a;
}

.quiz-lp-theme .promo {
  border-radius: 14px;
  background: #14254a;
}

.quiz-lp-theme .promo p b {
  color: #ffb89b;
  font-weight: 650;
}

.quiz-lp-theme .promo .off {
  border-radius: 9px;
  background: #ff916d;
  color: #14254a;
  font: 650 14px/1.3 'Source Sans 3', sans-serif;
  letter-spacing: .02em;
}

.quiz-lp-theme .timer {
  flex-wrap: wrap;
  color: #586b83;
}

.quiz-lp-theme .timer iconify-icon {
  color: #2e79ac;
}

.quiz-lp-theme .timer b {
  color: #14254a;
  font-family: 'Source Sans 3', sans-serif;
  font-weight: 650;
}

.quiz-lp-theme .plans {
  gap: 15px;
  padding-top: 6px;
}

.quiz-lp-theme .plan {
  min-width: 0;
  border-color: #dce6f0;
  border-radius: 16px;
  background: #fcfdff;
}

.quiz-lp-theme .plan:hover {
  border-color: #80acd0;
}

.quiz-lp-theme .plan.is-picked {
  background: #eef6fc;
  border-color: #2e79ac;
  box-shadow: 0 8px 18px -14px #2e79ac55;
}

.quiz-lp-theme .plan .radio {
  border-color: #b9cddd;
  background: #fff;
}

.quiz-lp-theme .plan.is-picked .radio {
  border-color: #2e79ac;
}

.quiz-lp-theme .plan.is-picked .radio::after {
  background: #2e79ac;
}

.quiz-lp-theme .plan .l,
.quiz-lp-theme .plan .l > span:last-child {
  min-width: 0;
}

.quiz-lp-theme .plan .l {
  gap: 12px;
}

.quiz-lp-theme .plan h3 {
  font: 650 14px/1.3 'Source Sans 3', sans-serif;
  letter-spacing: .04em;
  color: #14254a;
}

.quiz-lp-theme .plan .old {
  color: #63758c;
}

.quiz-lp-theme .plan .now {
  color: #14254a;
  font-size: 17px;
  font-weight: 650;
}

.quiz-lp-theme .plan .day b {
  color: #14254a;
  font-family: 'Source Sans 3', sans-serif;
  font-weight: 750;
  font-size: 26px;
}

.quiz-lp-theme .plan .day span {
  color: #63758c;
}

.quiz-lp-theme .plan .tag {
  max-width: calc(100% - 32px);
  border-radius: 8px;
  background: #ff916d;
  color: #14254a;
  font: 650 12px/1.3 'Source Sans 3', sans-serif;
  letter-spacing: .035em;
  white-space: normal;
}

.quiz-lp-theme .goals li iconify-icon {
  color: #2e79ac;
}

.quiz-lp-theme .cfg-warn {
  border-color: #f3c6b5;
  border-radius: 12px;
  background: #fff0e7;
  color: #a74f32;
}

.quiz-lp-theme .brainfx .brain-head {
  clip-path: ellipse(21% 29% at 31.56% 49.3%);
}

.quiz-lp-theme .brainfx .brain-labels {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.quiz-lp-theme .brainfx .brain-labels text {
  font-family: var(--font-body);
  font-weight: 600;
}

.quiz-lp-theme .payment-proof {
  max-width: 300px;
  margin: 20px auto 0;
  text-align: center;
}

.quiz-lp-theme .payment-safe {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 18px;
  border: 1px solid #dce6f0;
  border-radius: 30px;
  background: #eef6fc;
  color: #24577f;
  font-size: 15px;
  font-weight: 600;
}

.quiz-lp-theme .payment-logos {
  margin-top: 12px;
  overflow: hidden;
  aspect-ratio: 926 / 132;
  position: relative;
}

.quiz-lp-theme .payment-logos img {
  position: absolute;
  width: 100%;
  height: auto;
  bottom: 0;
  left: 0;
}

.quiz-lp-theme .wide-img {
  border-radius: 14px;
}

@media (max-width: 640px) {
  .quiz-lp-theme .app-email .email-skip-button {
    width: 100%;
    padding: 11px 14px;
  }

  .quiz-lp-theme .cta-row :is(.btn, .btn-cta) {
    width: 100%;
    min-width: 0;
    padding: 15px 16px;
    gap: 12px;
    font-size: 16px;
  }

  .quiz-lp-theme .opt {
    padding: 15px 14px;
    font-size: 16px;
    gap: 12px;
  }

  .quiz-lp-theme .logos {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .quiz-lp-theme .cmp-col h3 {
    padding: 11px 10px;
    gap: 6px;
    font-size: 14px;
  }

  .quiz-lp-theme .cmp > .cmp-col > h3 {
    display: block;
    font-size: 18px;
  }

  .quiz-lp-theme .cmp > .cmp-col > h3 > span {
    display: inline;
  }

  .quiz-lp-theme .cmp > .cmp-col > h3 > iconify-icon {
    display: inline-block;
    margin-right: 6px;
    vertical-align: -2px;
  }

  .quiz-lp-theme .cmp-col ul {
    padding: 12px 10px 14px;
  }

  .quiz-lp-theme .cmp-col li {
    gap: 6px;
    font-size: 14px;
  }

  .quiz-lp-theme .mini {
    padding: 10px;
  }

  .quiz-lp-theme .sp {
    padding: 14px;
    gap: 12px;
  }
}

@media (max-width: 480px) {
  .quiz-lp-theme .genders {
    gap: 10px;
  }

  .quiz-lp-theme .gender span {
    padding: 12px 10px;
    font-size: 15px;
  }

  .quiz-lp-theme .trust {
    gap: 9px 12px;
    font-size: 14px;
  }

  .quiz-lp-theme .plan {
    flex-direction: column;
    align-items: stretch;
    padding: 22px 16px 16px;
    gap: 12px;
  }

  .quiz-lp-theme .plan .day {
    display: flex;
    align-items: baseline;
    gap: 8px;
    padding-left: 34px;
    text-align: left;
  }

  .quiz-lp-theme .plan .tag {
    left: 16px;
  }

  .quiz-lp-theme :is(.bars, .bars-x) {
    gap: 9px;
  }

  .quiz-lp-theme .bars .goal-tag {
    max-width: 100%;
    padding: 4px 5px;
    font-size: 11px;
    line-height: 1.2;
  }

  .quiz-lp-theme .bars-x .month-full {
    display: none;
  }

  .quiz-lp-theme .bars-x .month-short {
    display: inline;
  }

  .quiz-lp-theme .focus {
    padding: 14px 12px;
    gap: 11px;
  }

  .quiz-lp-theme .ind {
    padding: 15px 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .quiz-lp-theme :is(.btn-primary, .btn-cta, .opt, .gender) {
    transition: none;
  }

  .quiz-lp-theme :is(.btn-primary, .btn-cta, .opt, .gender):hover {
    transform: none;
  }
}

/* The optional answer stays centered on its own row beneath the cards. */
.quiz-lp-theme .gender.gender-skip {
  grid-column: 1 / -1;
  justify-self: center;
  width: auto;
  min-width: min(210px, 100%);
  max-width: 100%;
  min-height: 42px;
  border-radius: 12px;
  border-color: #dce6f0;
  background: #eef6fc;
  box-shadow: none;
}

.quiz-lp-theme .gender.gender-skip > span {
  width: 100%;
  min-height: 40px;
  padding: 9px 14px;
  border-top: 0;
  justify-content: center;
  font-size: 14px;
  gap: 8px;
  white-space: nowrap;
}

.quiz-lp-theme .gender.gender-skip:hover {
  border-color: #80acd0;
}

.quiz-lp-theme .gender.gender-skip.is-picked {
  border-color: #2e79ac;
  box-shadow: 0 0 0 1px #2e79ac;
}

.quiz-lp-theme .gender.gender-skip.is-picked > span {
  background: #2e79ac;
  color: #fff;
}