/* The embedded quiz loses a little width to its host at compact desktop sizes.
   Stack the result before the fixed 320px columns can collide. */
@media (max-width:700px){
  .showing-result .quest-content{padding:14px 17px 8px}
  .result-showcase{display:flex;flex-direction:column;gap:22px;padding-top:8px}
  .card-dock{width:min(100%,318px);max-width:318px}
  .result-info{width:100%}
  .personality-code{font-size:42px;text-align:center;letter-spacing:.08em}
  .result-info>.personality-kicker{text-align:center}
  .result-info .preference-tags{justify-content:center}
  .personality-summary{font-size:14px;margin-bottom:13px}
  .result-info .call-button{min-height:70px}
}

/* Bigger, calmer answer targets without changing the campaign's visual language. */
#question-panel .options .option{min-height:74px;padding:13px 14px}
#question-panel .option strong{font-size:clamp(18px,1.65vw,20px);line-height:1.4}
@media (max-width:620px){
  #question-panel .options .option{min-height:68px;padding:11px 12px}
  #question-panel .option strong{font-size:17.5px}
}