/* Shared Tempo controls for all online quotation products (steps rail, nav row and next/back buttons live in tempo_form.css). */
.online-quotation .yes-no-group{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap}
.online-quotation .yes-no-btn{flex:1 1 45%;min-height:44px;padding:10px 14px;border:2px solid #d9d9d9;background:#fff;color:#595959;font-weight:bold;border-radius:6px;cursor:pointer;text-align:center;font-size:15px;transition:all .2s ease}
/* Hover keeps dark text on a light tint: the branding "button text" colour is white and was unreadable on the white button. */
.online-quotation .yes-no-btn:hover{border-color:var(--quotation-button,#f5c534);background:#f7f7f7;color:#262626}
.online-quotation .yes-no-btn.selected,.online-quotation .yes-no-btn[aria-checked=true]{background:var(--quotation-button,#f5c534);color:var(--quotation-button-text,#961072);border-color:var(--quotation-button,#f5c534)}
.online-quotation .yes-no-btn.selected:hover,.online-quotation .yes-no-btn[aria-checked=true]:hover{background:var(--quotation-button,#f5c534);color:var(--quotation-button-text,#961072)}
@media(max-width:768px){.online-quotation .form__steps-box h3{font-size:13px}}