/* Who fixes it? Phone first. Deck Builder quiz panel: paper, white card, two choices, flip. */
.quiz{margin:0 5%;color:#092c46;max-width:none}
.quiz,.quiz *{box-sizing:border-box;min-width:0}
.quiz [hidden]{display:none!important}
.quiz-safety{margin:0 0 16px;font-size:16px;line-height:1.45;overflow-wrap:anywhere}
.quiz-progress{margin:0 0 8px;font-size:13px;line-height:1.35;letter-spacing:.04em;font-weight:700;color:#53636a}
.quiz-card{width:100%;max-width:640px;margin:0;padding:20px 16px 24px;background:#fff;border-radius:28px;overflow:hidden}
.quiz-card h1{margin:0 0 16px;font-size:28px;line-height:1.2;font-weight:700;overflow-wrap:anywhere}
.quiz-choices,.quiz-flip{display:grid;gap:12px;max-width:100%}
.quiz-choice,.quiz-next,.quiz-card-link a{display:flex;align-items:center;width:100%;max-width:100%;min-height:44px;padding:14px 16px;border-radius:18px;font:400 18px/1.35 "Atkinson Hyperlegible Next","Helvetica Neue",Arial,sans-serif;text-align:left;overflow-wrap:anywhere}
.quiz-choice,.quiz-next{border:2px solid #092c46;background:#fff;color:#092c46;cursor:pointer}
.quiz-choice:hover,.quiz-next:hover{background:#092c46;border-color:#c70043;color:#fff}
.quiz-choice.is-selected,.quiz-choice[aria-pressed="true"]{background:#c70043;border-color:#c70043;color:#fff;cursor:default}
.quiz-choice:focus-visible,.quiz-next:focus-visible,.quiz-card-link a:focus-visible,.quiz-result:focus{outline:3px solid #c70043;outline-offset:3px}
.quiz-result,.quiz-tip{margin:0;font-size:18px;line-height:1.45;overflow-wrap:anywhere}
.quiz-tip{color:#53636a}
.quiz-card-link,.quiz-picked{margin:0}
.quiz-card-link a{justify-content:center;background:#092c46;color:#fff;text-decoration:none;font-weight:700}
.quiz-score{display:none;margin:16px 0 0;font-size:18px;line-height:1.4;font-weight:700}
@media (max-width:650px){
  .quiz{margin-left:6%;margin-right:6%}
}
@media (max-width:850px){
  .quiz-score:not([hidden]){display:block}
}
@media (min-width:720px){
  .quiz-card{padding:32px 28px}
  .quiz-card h1{font-size:36px}
}