.yield-choice{
display:flex;
gap:12px;
flex-wrap:wrap;
margin:14px 0 4px;
}

.yield-choice label{
display:flex;
align-items:center;
gap:8px;
background:#f8fbff;
border:1px solid #dceeff;
border-radius:14px;
padding:12px 14px;
font-size:1.05rem;
font-weight:800;
color:#1e3a8a;
cursor:pointer;
}

.yield-choice input{
width:auto;
height:auto;
-webkit-appearance:none;
appearance:none;
font-family:inherit;
line-height:1;
}

.yield-box{
font-size:1.15rem;
line-height:1.75;
font-weight:700;
color:#475467;
}

.yield-title{
font-size:1.4rem;
line-height:1.4;
font-weight:900;
color:#2563eb;
margin-bottom:6px;
}

.yield-main{
font-size:1.7rem;
line-height:1.22;
font-weight:800;
color:#2563eb;
margin:2px 0;
}

.yield-sub{
font-size:1.55rem;
line-height:1.55;
font-weight:700;
color:#667085;
}

.yield-block{
margin-top:24px;
padding-top:20px;
border-top:1px solid #dceeff;
}

/* lock browser text resize */
.yield-box input,
.yield-box select,
.yield-box textarea{
font-family:inherit;
-webkit-text-size-adjust:100%;
text-size-adjust:100%;
line-height:1.2;
}

@media(max-width:768px){

.yield-choice{
display:grid;
grid-template-columns:1fr;
}

.yield-choice label{
font-size:1.08rem;
padding:12px;
}

.yield-title{
font-size:1.28rem;
line-height:1.2;
}

.yield-main{
font-size:1.75rem;
line-height:1.22;
}

.yield-sub{
font-size:1.04rem;
line-height:1.6;
}

}