.frq-wrap { max-width: 760px; margin: 2rem auto; padding: 0 1rem; }
.frq-card { border: 1px solid rgba(0,0,0,.08); border-radius: 14px; padding: 1.5rem; background: #fff; }
.frq-header h2 { margin: 0 0 .25rem; }
.frq-sub { margin: 0 0 1rem; opacity: .8; }

.frq-progress { height: 10px; border-radius: 999px; background: rgba(0,0,0,.08); overflow: hidden; }
.frq-progress-bar { height: 10px; width: 0%; background: rgba(0,0,0,.7); transition: width .2s ease; }
.frq-progress-text { margin-top: .5rem; font-size: .95rem; opacity: .8; }

.frq-question { font-size: 1.15rem; font-weight: 700; margin: 1rem 0; }
.frq-options { display: grid; gap: .75rem; margin: 1rem 0 1.5rem; }

.frq-option { display: flex; gap: .75rem; border: 1px solid rgba(0,0,0,.1); padding: .9rem; border-radius: 12px; cursor: pointer; }
.frq-option input { margin-top: .2rem; }
.frq-option:hover { background: rgba(0,0,0,.03); }

.frq-nav { display: flex; justify-content: space-between; gap: .75rem; }
.frq-btn { display: inline-flex; justify-content: center; align-items: center; border-radius: 10px; padding: .75rem 1rem; border: 1px solid rgba(0,0,0,.15); background: #111; color: #fff; text-decoration: none; cursor: pointer; }
.frq-btn:disabled { opacity: .5; cursor: not-allowed; }
.frq-back { background: transparent; color: #111; }

.frq-result { margin-top: 1.25rem; padding-top: 1.25rem; border-top: 1px solid rgba(0,0,0,.08); }
.frq-result-score { margin: .75rem 0; font-size: 1.05rem; }
.frq-result-cta { margin-top: .75rem; }
.frq-result-footnote { margin-top: 1rem; opacity: .75; }

.frq-error { margin-top: 1rem; color: #b00020; font-weight: 600; }
.frq-kicker{
  font-weight: 600;
  margin: .25rem 0 .75rem;
  opacity: .85;
}

.frq-sub{
  margin: 0 0 1rem;
  line-height: 1.7;
  opacity: .85;
  max-width: 52rem;
}

.frq-disclaimer{
  margin: 1rem 0 1.25rem;
  padding: 1rem 1.1rem;
  border-radius: 14px;
  background: rgba(0,0,0,.03);
  border: 1px solid rgba(0,0,0,.06);
  line-height: 1.6;
  opacity: .9;
}