.gender-field{grid-column:1/-1;border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.gender-field legend{grid-column:1/-1;font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--navy);margin-bottom:9px}
.gender-field label{position:relative}
.gender-field input{position:absolute;opacity:0}
.gender-field span{display:grid;place-items:center;min-height:52px;border:1px solid #cfd3d2;background:#fff;color:var(--navy);font-weight:700;cursor:pointer}
.gender-field input:checked+span{border-color:var(--amber);box-shadow:inset 0 0 0 2px var(--amber);background:#fff8e8}
.gender-field input:focus-visible+span{outline:3px solid rgba(198,139,26,.22);outline-offset:2px}