html{color-scheme:light!important}

/* Desktop slider questions: reset the inherited five-column answer grid. */
.answers-slider{grid-template-columns:minmax(0,1fr)!important;width:100%}
.question[data-format="slider"]{padding:34px 38px 30px}
.question[data-format="slider"] h2{max-width:920px;margin:14px 0 24px;font-size:clamp(27px,2.8vw,38px);line-height:1.55}
.question[data-format="slider"] .answers{width:100%}
.question[data-format="slider"] .slider-answer{
  width:100%;
  display:grid;
  grid-template-columns:160px minmax(0,1fr);
  grid-template-areas:
    "value track"
    "value labels"
    "value hint";
  column-gap:30px;
  row-gap:8px;
  align-items:center;
  padding:25px 30px;
  border:1px solid #eadde1;
  border-radius:20px;
  background:linear-gradient(135deg,#fff8fa 0%,#fff 58%,#fffafb 100%);
  box-shadow:0 12px 34px rgba(120,83,92,.055);
}
.question[data-format="slider"] .slider-answer.untouched{border-style:solid;border-color:#eadde1}
.question[data-format="slider"] .slider-value{
  grid-area:value;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:5px;
  min-height:132px;
  margin:0;
  padding-right:28px;
  border-right:1px solid #efe2e5;
}
.question[data-format="slider"] .slider-value strong{font-size:62px;line-height:.95;letter-spacing:-.035em}
.question[data-format="slider"] .slider-value span{font-size:12px}
.question[data-format="slider"] input[type="range"]{
  grid-area:track;
  width:100%;
  height:34px;
  margin:0;
  appearance:none;
  -webkit-appearance:none;
  background:transparent;
  cursor:pointer;
  accent-color:var(--pink2);
}
.question[data-format="slider"] input[type="range"]::-webkit-slider-runnable-track{
  height:8px;
  border-radius:999px;
  background:linear-gradient(to right,var(--pink2) 0 var(--slider-progress,50%),#f0e2e6 var(--slider-progress,50%) 100%);
  box-shadow:inset 0 0 0 1px rgba(214,111,133,.05);
}
.question[data-format="slider"] input[type="range"]::-webkit-slider-thumb{
  width:26px;
  height:26px;
  margin-top:-9px;
  appearance:none;
  -webkit-appearance:none;
  border:5px solid #fff;
  border-radius:50%;
  background:var(--pink2);
  box-shadow:0 3px 12px rgba(120,83,92,.25);
}
.question[data-format="slider"] input[type="range"]::-moz-range-track{
  height:8px;
  border:0;
  border-radius:999px;
  background:#f0e2e6;
}
.question[data-format="slider"] input[type="range"]::-moz-range-progress{
  height:8px;
  border-radius:999px;
  background:var(--pink2);
}
.question[data-format="slider"] input[type="range"]::-moz-range-thumb{
  width:18px;
  height:18px;
  border:5px solid #fff;
  border-radius:50%;
  background:var(--pink2);
  box-shadow:0 3px 12px rgba(120,83,92,.25);
}
.question[data-format="slider"] input[type="range"]:focus-visible{outline:3px solid rgba(214,111,133,.18);outline-offset:5px;border-radius:999px}
.question[data-format="slider"] .slider-labels{grid-area:labels;margin:0;font-size:13px;color:#6f6266}
.question[data-format="slider"] .slider-labels span{max-width:44%;line-height:1.6}
.question[data-format="slider"] .slider-labels span:last-child{text-align:right}
.question[data-format="slider"] .slider-answer>p{grid-area:hint;margin:2px 0 0;font-size:12px;line-height:1.7;color:#9a8d91}

@media(max-width:760px){
  .question[data-format="slider"]{padding:25px 18px}
  .question[data-format="slider"] h2{font-size:24px;line-height:1.65;margin-bottom:22px}
  .question[data-format="slider"] .slider-answer{display:block;padding:23px 18px}
  .question[data-format="slider"] .slider-value{min-height:0;margin:0 0 18px;padding:0;border-right:0;display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-start}
  .question[data-format="slider"] .slider-value strong{font-size:46px}
  .question[data-format="slider"] .slider-labels{margin-top:10px;font-size:12px}
  .question[data-format="slider"] .slider-answer>p{margin-top:14px}
}