Ocultar/mostrar CSS puro con botón de radio: ¿un problema de padre/descendiente?

Estoy tratando de hacer un cssMostrar/Ocultar puro con el radiobotón.
Como se ve en el fragmento a continuación, funciona a las mil maravillas.

.refusal,
.acceptance {
 display: none;
}
input#refusal:checked~.refusal {
 display: block;
}
input#acceptance:checked~.acceptance {
 display: block;
}

This example works!</br>
<input type="radio" id="refusal" name="status" value="declined">
<label for="refusal">NO</label>
<input type="radio" id="acceptance" name="status" value="accepted">
<label for="acceptance">YES</label>
<form class="refusal">Something for REFUSAL</form>
<form class="acceptance">Something for ACCEPTANCE</form>

Solución del problema

Cuando coloca la entrada dentro de un elemento de etiqueta, cambia el nivel en el que reside, por lo que el selector de tilde (~) no funciona. Si realmente necesita que la entrada esté dentro de un elemento de etiqueta, debe usar js.