/* MARK: Open input text
/* ---------- 1 VAN 3 ---------- */
.s2a-radio {
  display: flex;
  flex-direction: column;

  & label:nth-child(odd) {
    margin-top: 1.5em;

    &:has(input:checked) {
        color: var(--color-text-one);
    }

    &:has(input:not(:checked)) {
        color: var(--color-text-two);
    }
  }

  &:has(.checked-2a1:checked) .extra-2a1,
  &:has(.checked-2a2:checked) .extra-2a2,
  &:has(.checked-2a3:checked) .extra-2a3 {
    display: block;
  }
  
  & label:has(input:not(:checked)) {
    color: var(--color-text-two);
  }
}

.extra-2a1,
.extra-2a2,
.extra-2a3 {
  display: none;
}




/* MARK: BIGGER SCREEN
/* ------ groot scherm media query ----- */
@media screen and (min-width: 48em) {
    form {
        width: clamp(50em, 60vw, 55em);
    }
}