.quiz{width:min(90%,680px);margin:clamp(34px,7vh,80px) auto 64px}
@font-face{font-family:"Quiz Helvetica Neue";src:url("assets/HelveticaNeue-Bold.ttf") format("truetype");font-weight:700;font-display:swap}
.quiz h1{font:700 clamp(32px,3.6vw,48px)/1.12 "Quiz Helvetica Neue","Helvetica Neue",Arial,sans-serif;letter-spacing:-.025em;margin:14px 0 28px;text-wrap:balance}
#title:focus{outline:none}
.quiz p,.quiz label,.quiz textarea{font-size:20px}
.quiz textarea{width:100%;min-height:120px;box-sizing:border-box;padding:16px;border:1px solid;border-radius:8px;background:transparent;font-family:inherit;color:inherit}
.quiz label.choice{display:flex;gap:12px;align-items:center;border:1px solid #a7a9a8;padding:12px 16px;margin:10px 0;border-radius:8px;cursor:pointer}
.choice:has(:checked){background:#eae7db;outline:1px solid #122948}
.choice input{accent-color:#122948}
.actions{display:flex;align-items:center;justify-content:space-between;margin-top:20px}
.quiz button{color:inherit;cursor:pointer;background:transparent;font:inherit;border:0;text-decoration:underline}
.quiz button.pill{font:700 18px "Quiz Helvetica Neue","Helvetica Neue",Arial,sans-serif;border:1px solid;margin:0;text-decoration:none}
#next{margin-left:auto}
#progress{font-size:16px}
#error{font-size:16px}
header a{color:inherit}
.quiz h2{font:700 30px/1.15 "Quiz Helvetica Neue","Helvetica Neue",Arial,sans-serif;letter-spacing:-.025em;margin:30px 0 8px}
.question-art{width:100%;height:100%;object-fit:contain}
@media(min-width:900px){
  .quiz:has(.question-art:not([hidden])){display:grid;width:min(89%,1100px);grid-template-columns:minmax(0,650px) minmax(0,1fr);column-gap:clamp(40px,6vw,96px);align-items:start}
  .question-art{grid-column:2;grid-row:1/4;align-self:center;height:clamp(180px,21vw,270px)}
  .quiz #progress,.quiz #title,.quiz form{grid-column:1}
}
@media(max-width:899px){
  .question-art{float:right;width:110px;height:80px;object-position:right bottom;margin:0 0 12px 16px}
  .quiz #progress{min-height:80px;display:flex;align-items:end;padding-bottom:8px;margin:0}
  .quiz #title{clear:both}
}
.result-actions{display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px;margin-top:32px}
.result-actions details{flex:1;min-width:min(100%,255px)}
.result-cta{display:inline-block;font:700 17px/1.25 "Bizwolf Bold",sans-serif;color:inherit;border:1.5px solid;border-radius:32px;padding:12px 18px;text-decoration:none;cursor:pointer;list-style:none}
a.result-cta{color:#fcf7ed;background:#122948;border-color:#122948}
a.result-cta.secondary{color:#122948;background:transparent}
summary.result-cta::-webkit-details-marker{display:none}
.service-list dt{font-family:"Quiz Helvetica Neue",sans-serif;font-weight:700;margin-top:16px}
.service-list dd{margin:4px 0}
.identity-field{display:grid;gap:4px;margin:0 0 12px}
.identity-field input{font:inherit;color:inherit;background:transparent;padding:9px 12px;border:1px solid #939996;border-radius:8px}