.card{

background:var(--sg-card);
border:1px solid var(--sg-border);
border-radius:var(--sg-radius);
padding:20px;

}

/* ------------------------------
PRIMARY ACTION BUTTON
------------------------------ */

button{

padding:10px 16px;
border-radius:6px;

border:1px solid #111;
background:#111;
color:white;
margin-top:16px;
margin-bottom:16px;
font-size:14px;
cursor:pointer;

transition:all .15s ease;

}

button:hover{
background:#333;
border-color:#333;
}


.deal-score{
display:flex;
align-items:center;
gap:20px;
}

.score-number{
font-size:42px;
font-weight:700;
}

.score-rating{
font-size:18px;
color:var(--sg-muted);
}

/* ------------------------------
ANSWER BUTTONS
------------------------------ */

.answer-btn{

padding:8px 12px;
border-radius:6px;

border:1px solid #ddd;

background:white;
color:#111;

cursor:pointer;
font-size:13px;

}

.answer-btn:hover{
border-color:#000;
}

.answer-btn.selected{
background:#111;
color:white;
border-color:#111;
}

#returnDeal{
margin-top:16px;
}

/* ------------------------------
QUESTION BLOCK
------------------------------ */

.question-block{
border:1px solid #eee;
border-radius:10px;
padding:14px;
margin-bottom:14px;
background:#fafafa;
}

.question{
font-weight:600;
margin-bottom:10px;
}

/* ------------------------------
SYSTEM ROW
------------------------------ */

.coverage-row{
display:flex;
justify-content:space-between;
padding:8px 0;
border-bottom:1px solid #eee;
}


.form-error {
  margin-top: 10px;
  color: #c62828;
  font-size: 13px;
  min-height: 18px;
}