/* Reuse the homepage's black, white and orange card treatment. */
.quiz-card .quiz-intro {font-size:14px;line-height:1.5;margin:0 0 18px;color:#ddd}
.quote-quiz {display:flex;flex-direction:column;gap:14px}
.quote-quiz fieldset {border:0;padding:0;margin:0;min-width:0}
.quote-quiz legend {font-size:21px;font-weight:700;line-height:1.3;margin-bottom:18px;width:100%}
.quote-quiz legend[tabindex="-1"]:focus,.quiz-done[tabindex="-1"]:focus {outline:none}
.quiz-progress p {font-size:13px;margin-bottom:7px;color:#ddd}
.quiz-progress progress {display:block;width:100%;height:5px;accent-color:#f94b00;border:0;background:#444}
.quiz-progress progress::-webkit-progress-bar {background:#444;border-radius:4px}
.quiz-progress progress::-webkit-progress-value {background:#f94b00;border-radius:4px}
.quiz-stage {flex:1}
.quiz-choices {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.quiz-choice {position:relative;display:flex;align-items:center;gap:9px;min-height:68px;padding:12px 23px 12px 11px;border:1px solid #777;border-radius:5px;background:#181818;color:#fff;text-align:left;font-size:14px;font-weight:600;line-height:1.3}
.quiz-choice svg {width:22px;height:22px;flex-shrink:0;fill:none;stroke:#ff681e;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.quiz-choice[aria-pressed="true"] {border:2px solid #ff681e;background:#342018;padding-left:10px}
.quiz-choice[aria-pressed="true"]::after {content:'✓';position:absolute;right:7px;top:6px;color:#fff;font-weight:700}
.quiz-choice:focus-visible,.quiz-back:focus-visible,.quiz-call:focus-visible {outline:3px solid #fff;outline-offset:3px}
.quiz-back {align-self:flex-start;min-height:44px;padding:8px 16px;border:1px solid #999;border-radius:4px;font-weight:700}
.quiz-back[hidden] {display:block;visibility:hidden}
.quote-quiz .quiz-timing legend {font-size:14px;margin-bottom:9px}
.quiz-timing {margin-bottom:14px!important}
.quiz-timing .quiz-choice {min-height:44px;font-size:13px}
.quiz-stage>fieldset>div:not(.quiz-choices),.quiz-stage>fieldset>label {margin-bottom:12px}
.quote-quiz input:not([type="checkbox"]):not([name="company"]),.quote-quiz textarea {font-size:16px}
.quote-quiz textarea {padding:8px 12px}
.quote-quiz .quiz-error {font-size:13px;line-height:1.4;color:#ffb89b;margin:10px 0}
.quote-quiz .quiz-error:empty {display:none}
.quote-quiz button:disabled {opacity:.65;cursor:wait}
.quiz-done {display:flex;flex-direction:column;justify-content:center;gap:24px;font-size:24px;line-height:1.4}
.quiz-call {display:block;background:#f94b00;color:white;padding:16px;border-radius:5px;font-size:18px;font-weight:700;text-align:center}


/* R22: one rhythm for progress, questions, choices and navigation. */
.quiz-card {scroll-margin-top:8px}
.quiz-card>h2 {margin-bottom:12px}
.quiz-card .quiz-intro {margin-bottom:16px}
.quote-quiz {gap:16px}
.quiz-progress p {margin:0 0 8px}
.quote-quiz legend {margin-bottom:12px;text-wrap:balance}
.quiz-choice {justify-content:center;text-align:center;gap:8px;padding:12px;min-height:68px}
.quiz-choice span {min-width:0;overflow-wrap:normal}
.quiz-choice[aria-pressed="true"] {padding:11px}
.quiz-choices {gap:12px}
.quiz-back {position:static;min-height:44px;padding:8px 16px}
.quote-quiz .quote-names {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.quiz-stage {display:flex;flex-direction:column}
.quiz-stage>fieldset {flex:1;display:flex;flex-direction:column}
.quiz-stage>fieldset>.quiz-choices {flex:1}
.quiz-contact .quiz-stage>fieldset {display:block}
.quiz-done {align-items:center;text-align:center}
.quiz-check {width:40px;height:40px;fill:none;stroke:#f94b00;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.quote-quiz .quiz-timing legend {margin-bottom:12px}
.quiz-timing {margin-bottom:16px!important}
.quiz-timing .quiz-choice {min-height:48px;font-size:13px}
.quiz-stage>fieldset>div:not(.quiz-choices),.quiz-stage>fieldset>label {margin-bottom:16px}
.quiz-contact-details {display:grid;gap:16px}
.quiz-contact-details>div {min-width:0}
.quiz-contact label[for] {margin-bottom:8px}
.quiz-contact textarea {display:block}
.quiz-contact button[type="submit"] {display:block;width:100%;margin-top:16px}
.quiz-card>.hero-google-badge {margin-top:16px}
@media (min-width:1024px) {
  .quiz-card.quiz-contact {padding:16px 24px;max-width:520px}
  .quiz-contact>img {height:40px;margin-bottom:8px}
  .quiz-contact-details {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .quiz-contact input:not([type="checkbox"]),.quiz-contact textarea {padding-top:8px;padding-bottom:8px}
  .quiz-contact textarea {height:auto;min-height:0}
  .quiz-contact .quiz-timing .quiz-choices {grid-template-columns:repeat(4,minmax(0,1fr))}
  .quiz-contact .quiz-timing .quiz-choice {padding:8px 6px;font-size:13px}
}
@media (max-width:600px) {
  .quiz-choice {flex-direction:column;padding:12px 8px}
  .quiz-choice[aria-pressed="true"] {padding:11px 7px}
}
@media (min-width:1024px) {
  .quiz-card.quiz-contact {max-width:600px;padding:12px 24px}
  .quiz-contact>img {height:32px}
  .quiz-contact>h2 {margin-bottom:8px}
  .quiz-contact .quiz-intro {margin-bottom:12px}
  .quiz-contact .quiz-stage>fieldset>div:not(.quiz-choices),.quiz-contact .quiz-stage>fieldset>label {margin-bottom:14px}
  .quiz-contact button[type="submit"] {padding-top:10px;padding-bottom:10px;min-height:48px}
  .quiz-contact>.hero-google-badge {margin-top:8px}
}
@media (min-width:1024px) {
  .quiz-contact>img {float:left;width:72px;height:auto;margin:0 12px 0 0}
  .quiz-contact>h2 {margin-left:84px}
  .quiz-contact .quiz-intro {clear:both}
}

/* R23: retain the contact fieldset name without a visible heading or gap. */
.quote-quiz .quiz-contact-legend {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}