/* Advertiser enquiries use the existing site palette and typography. */
.quiz-card { scroll-margin-top: 105px; padding: 30px; background: #fff; border: 1px solid var(--line); border-radius: 20px; box-shadow: 0 18px 55px rgb(44 35 97 / 8%); }
.quiz-card [hidden] { display: none !important; }
.quiz-heading { margin-bottom: 23px; }
.quiz-kicker { color: var(--primary, #4f46e5); font-size: .71rem; font-weight: 800; letter-spacing: .13em; }
.quiz-heading h2 { margin: 8px 0; font-size: clamp(1.45rem, 2.2vw, 1.85rem); letter-spacing: -.035em; line-height: 1.18; }
.quiz-heading p, .quiz-help { color: var(--muted); font-size: .87rem; line-height: 1.55; margin: 0; }
.quiz-progress { margin: 0 0 26px; }
#quiz-progress-label { font-size: .72rem; font-weight: 700; color: var(--muted); }
.quiz-progress-track { display: block; height: 4px; border-radius: 8px; background: #eeedf7; margin-top: 10px; overflow: hidden; }
#quiz-progress-fill { display: block; width: 25%; height: 100%; background: #4f46e5; transition: width .2s ease; }
.quiz-step { margin: 0; padding: 0; border: 0; min-width: 0; }
.quiz-step legend { font-size: 1.15rem; color: var(--ink); font-weight: 750; letter-spacing: -.025em; line-height: 1.35; padding: 0; margin-bottom: 9px; width: 100%; }
.quiz-step legend:focus { outline: none; }
.quiz-options { display: grid; gap: 9px; margin: 19px 0; }
.quiz-option { display: flex; align-items: center; gap: 12px; padding: 14px; border: 1px solid #dfdfea; border-radius: 10px; cursor: pointer; color: var(--ink); font-size: .86rem; line-height: 1.4; background: #fff; }
.quiz-option:hover { border-color: #a6a0ef; background: #fcfbff; }
.quiz-option:has(input:checked) { border-color: #4f46e5; background: #f4f2ff; box-shadow: inset 0 0 0 1px #4f46e5; }
.quiz-option:has(input:focus-visible) { outline: 3px solid #c7c3ff; outline-offset: 2px; }
.quiz-card input[type=radio], .quiz-card input[type=checkbox] { accent-color: #4f46e5; flex: 0 0 auto; width: 17px; height: 17px; margin: 1px 0 0; }
.quiz-option strong { display: block; font-weight: 650; }
.quiz-option small { display: block; color: var(--muted); margin-top: 3px; font-size: .75rem; }
.quiz-options-grid { grid-template-columns: 1fr 1fr; }
.quiz-options-grid .quiz-option { padding: 13px 10px; font-size: .78rem; gap: 8px; }
.quiz-channels { border-top: 1px solid var(--line); padding-top: 12px; margin-top: 17px; }
.quiz-channels p { font-size: .78rem; font-weight: 650; margin: 0 0 10px; }
.quiz-channels p span { font-weight: 400; color: var(--muted); }
.quiz-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.quiz-chips label { display: flex; align-items: center; gap: 6px; padding: 7px 9px; border-radius: 7px; background: #f6f6fa; font-size: .72rem; cursor: pointer; }
.quiz-fields-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px; }
.quiz-field { display: grid; gap: 7px; margin-top: 17px; color: var(--ink); font-size: .79rem; font-weight: 650; }
.quiz-field span small { color: var(--muted); font-weight: 400; font-size: .76rem; }
.quiz-field input, .quiz-field textarea, .quiz-field select { width: 100%; min-width: 0; box-sizing: border-box; padding: 11px 12px; border: 1px solid #d8d7e4; border-radius: 8px; background: #fff; color: var(--ink); font: inherit; font-size: 16px; font-weight: 400; }
.quiz-field select { padding-right: 25px; }
.quiz-field textarea { resize: vertical; min-height: 100px; }
.quiz-field input:focus, .quiz-field textarea:focus, .quiz-field select:focus { outline: 2px solid #b5aff8; outline-offset: 1px; border-color: #4f46e5; }
.quiz-consent { display: flex; align-items: flex-start; gap: 9px; margin: 19px 0 0; color: var(--muted); font-size: .73rem; line-height: 1.5; }
.quiz-consent small { display: block; margin-top: 3px; font-size: .71rem; }
.quiz-privacy { color: var(--muted); font-size: .71rem; line-height: 1.6; margin: 15px 0 0; }
.quiz-privacy a, .quiz-success a { color: #4f46e5; text-decoration: underline; text-underline-offset: 3px; }
.quiz-actions { display: flex; justify-content: flex-end; align-items: center; gap: 15px; margin-top: 24px; }
.quiz-actions .button { min-height: 46px; font-size: .86rem; padding: 11px 20px; border: 0; cursor: pointer; }
.quiz-actions button:disabled { opacity: .65; cursor: wait; }
.quiz-back { margin-right: auto; background: transparent; border: 0; font: inherit; color: var(--muted); font-size: .82rem; cursor: pointer; padding: 10px 0; }
.quiz-error { border-radius: 8px; padding: 11px 13px; background: #fff2f2; color: #a32121; font-size: .8rem; line-height: 1.5; margin-top: 16px; }
.quiz-error a { text-decoration: underline; }
.quiz-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.quiz-success { padding: 17px 0; }
.quiz-success-mark { display: grid; place-items: center; width: 48px; height: 48px; color: #26704e; background: #e9f7ef; border-radius: 50%; font-size: 1.4rem; margin-bottom: 20px; }
.quiz-success h3 { color: var(--ink); font-size: 1.5rem; line-height: 1.25; letter-spacing: -.025em; margin: 0 0 13px; }
.quiz-success p { font-size: .92rem; line-height: 1.7; color: var(--muted); }
.quiz-success a { display: inline-block; margin-top: 10px; font-size: .86rem; }
.quiz-noscript { font-size: .9rem; }
@media (max-width: 760px) { .quiz-card { padding: 23px 20px; scroll-margin-top: 85px; } .quiz-fields-grid { grid-template-columns: 1fr; } .quiz-options-grid { gap: 8px; } .quiz-options-grid .quiz-option { font-size: .76rem; } }
@media (prefers-reduced-motion: reduce) { #quiz-progress-fill { transition: none; } }

.conversion-page .mobile-signup[hidden] { display: none !important; }