/* Driver quiz: shared presentation for the existing question steps. */
body.page-quiz { --background: #000; padding-top: 72px; }
.page-quiz .quiz-page { width: 100%; max-width: none; min-height: 0; padding: 40px 24px 100px; }
.page-quiz .quiz { width: 100%; max-width: none; }
.page-quiz .quiz-intro { text-align: center; margin-bottom: 32px; }
.page-quiz .quiz-intro .eyebrow { min-height: 50px; gap: 12px; margin: 0 0 18px; padding-block: 8px; font-size: 14px; line-height: 17px; color: #fff; }
.page-quiz .quiz-intro .eyebrow > span:first-child { flex: 0 0 48px; width: 48px; height: 34px; margin: 0; font-size: 0; line-height: 0; letter-spacing: 0; filter: drop-shadow(0 0 4px #ffffff80); }
.page-quiz .quiz-intro .eyebrow svg { display: block; width: 100%; height: 100%; }
.page-quiz .quiz-intro .display-title { max-width: 580px; margin: 0 auto 16px; font-size: 32px; line-height: 36px; letter-spacing: 0; background-image: linear-gradient(91.23deg, #fff -10.31%, #58739a 109.14%); }
.page-quiz .quiz-intro > p:last-child { margin: 0; color: #fff; font-size: 18px; line-height: 22px; }
.page-quiz .quiz-step { width: 100%; max-width: 560px; min-width: 0; }
.page-quiz .quiz-options { gap: 4px; }
.page-quiz .quiz-option { min-height: 87px; padding: 20px; gap: 14px; border: 0; align-items: flex-start; background: #ffffff1a; color: #fff; transition: box-shadow 180ms ease, background-color 180ms ease, color 180ms ease; }
.page-quiz .quiz-option-copy { flex: 1; min-width: 0; }
.page-quiz .quiz-option strong { font-size: 18px; line-height: 18px; letter-spacing: 0; }
.page-quiz .quiz-option small { margin-top: 8px; padding-top: 8px; border-color: #e1e1e133; font-size: 14px; line-height: 17px; }
.page-quiz .quiz-option input { position: static; appearance: none; flex: 0 0 36px; width: 36px; height: 36px; margin: 0; opacity: 1; border: 0; border-radius: 0; background: url('../images/quiz-choice-frame.svg') center / contain no-repeat; cursor: pointer; }
.page-quiz .quiz-option input:checked { background-image: linear-gradient(#5a76a9, #5a76a9), url('../images/quiz-choice-frame.svg'); background-size: 12px 12px, contain; background-position: center; background-repeat: no-repeat; }
.page-quiz .quiz-option:has(input:checked) { background: #fff; color: #031330; box-shadow: 0 0 12px #ffffffb3; }
.page-quiz .quiz-option .quiz-check { display: none; }
.page-quiz .quiz-option:has(input:checked) .quiz-check { display: grid; place-items: center; flex: 0 0 18px; width: 18px; height: 18px; margin: auto 0 auto 0; padding: 0; border-radius: 4px; background: #031330; color: #fff; font: 12px/1 Inter, sans-serif; }
.page-quiz .quiz-option:has(input:checked) small { border-color: #e1e1e1; }
.page-quiz .quiz-option input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.page-quiz .quiz-option-icon { flex: 0 0 36px; width: 36px; height: 36px; background: center / contain no-repeat; }
.page-quiz .quiz-option input:not(:checked) { filter: brightness(0) invert(1); }
.page-quiz .quiz-actions { justify-content: center; gap: 13px; margin-top: 32px; }
.page-quiz .quiz-actions [data-quiz-next] { width: 147px; min-height: 46px; gap: 12px; padding: 12px 20px; border: 0; background: linear-gradient(89.59deg, #122b58 .71%, #5a76a9 99.29%); color: #fff; font-size: 16px; line-height: 19px; font-weight: 600; }
.page-quiz .quiz-actions [data-quiz-next]:disabled { opacity: .5; }
.page-quiz .quiz-actions [data-quiz-next]:not(:disabled) { opacity: 1; }
.page-quiz .quiz-actions [data-quiz-next] > span { padding: 0; }
.page-quiz .quiz-actions [data-quiz-next] .button-arrow { min-width: 20px; width: 20px; border: 0; font-size: 0; }
.page-quiz .quiz-actions [data-quiz-next] .button-arrow::after, .page-quiz [data-quiz-back]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M3 10h14M11 4l6 6-6 6' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.page-quiz [data-quiz-back] { display: inline-flex; flex: 0 0 111px; align-items: center; justify-content: center; width: 111px; height: 46px; padding: 12px 20px; gap: 10px; border: 1px solid #5a76a9; background: #5a76a933; backdrop-filter: blur(6px); color: #fff; font-size: 16px; line-height: 19px; font-weight: 600; }
.page-quiz [data-quiz-back]::before { content: ""; flex: 0 0 20px; width: 20px; height: 20px; background-position: center; background-size: contain; background-repeat: no-repeat; transform: scaleX(-1); }
@media (max-width: 600px) {
 .page-quiz .quiz-page { padding: 16px 16px 100px; }
 .page-quiz .quiz-intro { text-align: left; margin-bottom: 20px; }
 .page-quiz .quiz-intro .eyebrow { justify-content: start; min-height: 44px; margin-bottom: 8px; font-size: 12px; line-height: 15px; }
 .page-quiz .quiz-intro .eyebrow > span:first-child { flex-basis: 37px; width: 37px; height: 28px; }
 .page-quiz .quiz-intro .display-title { margin-bottom: 12px; font-size: 20px; line-height: 20px; }
 .page-quiz .quiz-intro > p:last-child { font-size: 14px; line-height: 17px; }
 .page-quiz .quiz-option { min-height: 92px; padding: 12px; gap: 20px; }
 .page-quiz .quiz-option-icon { flex-basis: 32px; width: 32px; height: 32px; }
 .page-quiz .quiz-option strong { font-size: 16px; line-height: 18px; }
 .page-quiz .quiz-actions { flex-wrap: nowrap; gap: 13px; margin-top: 24px; }
 .page-quiz .quiz-actions [data-quiz-next] { flex: 1; min-width: 0; width: auto; justify-content: space-between; }
}

.page-quiz [data-career-icon="company"] { background-image: url('../images/quiz-company-static.svg'); }
.page-quiz .quiz-option:has(input:checked) [data-career-icon="company"] { background-image: url('../images/quiz-company-active.svg'); }

.page-quiz [data-career-icon="owner"] { background-image: url('../images/quiz-owner-static.svg'); }
.page-quiz .quiz-option:has(input:checked) [data-career-icon="owner"] { background-image: url('../images/quiz-owner-active.svg'); }

.page-quiz [data-career-icon="team"] { background-image: url('../images/quiz-team-static.svg'); }
.page-quiz .quiz-option:has(input:checked) [data-career-icon="team"] { background-image: url('../images/quiz-team-active.svg'); }

/* Wider question grids, with the same icon and selected-state treatment. */
.page-quiz .quiz-option-icon svg { display: block; width: 100%; height: 100%; }
.page-quiz .quiz-option:has(input:checked) .quiz-option-icon svg { color: #5a76a9; }
.page-quiz .quiz-step--trailer { max-width: 640px; }
.page-quiz .quiz-step--weeks { max-width: 720px; }
.page-quiz :is(.quiz-step--trailer, .quiz-step--weeks) .quiz-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.page-quiz :is(.quiz-step--trailer, .quiz-step--weeks) .quiz-option { min-height: 0; }
.page-quiz .quiz-step--weeks .quiz-option { align-items: center; min-height: 54px; padding: 15px 20px; }
.page-quiz .quiz-step--weeks .quiz-option-icon { flex-basis: 24px; width: 24px; height: 24px; }
@media (max-width: 600px) {
 .page-quiz :is(.quiz-step--trailer, .quiz-step--weeks) .quiz-options { grid-template-columns: 1fr; }
 .page-quiz .quiz-step--trailer .quiz-option { min-height: 75px; }
 .page-quiz .quiz-step--weeks .quiz-option { min-height: 42px; padding: 12px; gap: 14px; }
 .page-quiz .quiz-step--weeks .quiz-option-icon { flex-basis: 18px; width: 18px; height: 18px; }
}

.page-quiz :is(.quiz-step--trailer, .quiz-step--weeks) .quiz-option-icon { display: none; }

/* Contact step retains Fluent Forms validation and submission. */
.page-quiz .quiz-step--contact { max-width: 692px; }
.page-quiz .quiz:has(.quiz-step--contact:not([hidden])) .quiz-intro .display-title { max-width: 692px; }
.page-quiz .quiz:has(.quiz-step--contact:not([hidden])) .quiz-intro > p:last-child { max-width: 692px; margin-inline: auto; }
.page-quiz .quiz-step--contact .fluentform form { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; }
.page-quiz .quiz-step--contact .ff_screen_reader_title { position: absolute; }
.page-quiz .quiz-step--contact .fluentform .ff-el-group:not(.ff_submit_btn_wrapper) { min-height: 68px; padding: 12px 14px; border: 1px solid #031330; background: #fff; color: #031330; }
.page-quiz .quiz-step--contact .fluentform .ff-el-input--label { margin-bottom: 8px; }
.page-quiz .quiz-step--contact .fluentform .ff-el-input--label label { margin: 0; font-size: 14px; line-height: 17px; font-weight: 600; }
.page-quiz .quiz-step--contact .fluentform .ff-el-input--label label::after { display: none; }
.page-quiz .quiz-step--contact .fluentform .ff-el-form-control { height: 17px; min-height: 17px; margin: 0; padding: 0; border: 0; box-shadow: none; color: #031330; font-size: 14px; line-height: 17px; }
.page-quiz .quiz-step--contact .fluentform .ff-el-form-control::placeholder { color: #031330b3; opacity: 1; }
.page-quiz .quiz-step--contact .fluentform .ff_submit_btn_wrapper { display: flex; justify-content: center; align-items: center; grid-column: 1 / -1; min-height: 0; padding: 0; gap: 13px; margin-top: 32px; background: transparent; }
.page-quiz .quiz-step--contact .fluentform .ff-btn-submit { display: inline-flex; align-items: center; justify-content: center; width: 241px; min-height: 46px; padding: 12px 20px; gap: 12px; border: 0; border-radius: 0; background: linear-gradient(89.59deg, #122b58 .71%, #5a76a9 99.29%); color: #fff; font-size: 16px; line-height: 19px; font-weight: 600; white-space: nowrap; }
.page-quiz .quiz-step--contact .fluentform .ff-btn-submit::after { content: ""; display: block; flex: 0 0 20px; width: 20px; height: 20px; padding: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M3 10h14M11 4l6 6-6 6' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; }
@media (max-width: 600px) {
 .page-quiz .quiz-step--contact .fluentform form { grid-template-columns: 1fr; }
 .page-quiz .quiz-step--contact .fluentform .ff-el-group:not(.ff_submit_btn_wrapper) { min-height: 70px; padding: 12px; }
 .page-quiz .quiz-step--contact .fluentform .ff-el-input--label { margin-bottom: 10px; }
 .page-quiz .quiz-step--contact .fluentform .ff_submit_btn_wrapper { justify-content: space-between; margin-top: 24px; }
 .page-quiz .quiz-step--contact [data-quiz-back] { flex-basis: 106px; width: 106px; font-size: 14px; line-height: 17px; }
 .page-quiz .quiz-step--contact .fluentform .ff-btn-submit { flex: 1; min-width: 0; width: auto; padding: 12px 20px; font-size: 14px; line-height: 17px; justify-content: space-between; }
}

.page-quiz .quiz-step--contact .ff_submit_btn_wrapper::before, .page-quiz .quiz-step--contact .ff_submit_btn_wrapper::after { content: none; display: none; }

/* The recommended job uses the site's overlay card presentation. */
.page-quiz .quiz:has(.quiz-result:not([hidden])) .quiz-intro .display-title { max-width: 780px; }
.page-quiz .quiz:has(.quiz-result:not([hidden])) .quiz-intro > p:last-child { max-width: 640px; margin-inline: auto; }
.page-quiz .quiz-result { width: 100%; max-width: 413px; }
.page-quiz .quiz-result .card { min-height: 0; border: 1px solid #031330; background: #fff; color: #031330; }
.page-quiz .quiz-result .card-media { position: relative; inset: auto; flex: 0 0 205px; height: 205px; }
.page-quiz .quiz-result .card-media > * { width: 100%; height: 100%; object-fit: cover; }
.page-quiz .quiz-result .card-media::after { background: linear-gradient(180deg, #03133066, #0313301a); }
.page-quiz .quiz-result .card-body { position: static; padding: 0; }
.page-quiz .quiz-result .card h2 { position: absolute; z-index: 1; top: 20px; left: 20px; right: 20px; max-width: 260px; margin: 0; color: #fff; font-size: 24px; line-height: 19px; letter-spacing: 0; text-shadow: 0 0 4px #ffffffb3; }
.page-quiz .quiz-result .card-copy { position: static; margin: 0; padding: 20px; background: #fff; color: #031330cc; font-size: 14px; line-height: 17px; }
.page-quiz .quiz-result .card-copy strong { display: block; margin-bottom: 8px; color: #031330; font: 500 20px/16px var(--heading-font); }
.page-quiz .quiz-result .card-copy p { margin: 0; }
.page-quiz .quiz-result .card-copy ul { display: grid; gap: 8px; margin: 12px 0 0; padding: 12px 0 0; border-top: 1px dashed #e1e1e1; list-style: none; }
.page-quiz .quiz-result .card-copy li { position: relative; padding-left: 20px; }
.page-quiz .quiz-result .card-copy li::before { content: ""; position: absolute; top: 2.5px; left: 0; width: 12px; height: 12px; border: 1px solid #003943; background: linear-gradient(#003943, #003943) center / 6px 6px no-repeat; }
.page-quiz .quiz-result .card-link { min-height: 41px; padding: 12px 20px; border-top: 1px solid #031330; background: linear-gradient(89.59deg, #122b58 .71%, #5a76a9 99.29%); color: #fff; font-size: 14px; line-height: 17px; font-weight: 600; }
.page-quiz .quiz-result .card-link > span[aria-hidden] { flex: 0 0 20px; width: 20px; height: 20px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 15L15 5M15 12.5V5H7.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; }
.page-quiz .quiz-result .card-link:hover { filter: brightness(1.15); }
@media (max-width: 600px) {
 .page-quiz .quiz-result { max-width: none; }
 .page-quiz .quiz-result .card-media { flex-basis: 154px; height: 154px; }
 .page-quiz .quiz-result .card h2 { top: 14px; left: 14px; right: 14px; font-size: 16px; line-height: 18px; }
 .page-quiz .quiz-result .card-copy { padding: 14px; }
 .page-quiz .quiz-result .card-copy strong { font-size: 18px; line-height: 18px; }
 .page-quiz .quiz-result .card-link { padding-inline: 14px; }
}

.page-quiz .quiz-result:focus { outline: none; }
.page-quiz .quiz:has(.quiz-result:not([hidden])) [data-quiz-progress] { text-transform: uppercase; }

.page-quiz .quiz-result .card-copy strong + br { display: none; }