.quiz-page .quiz-draft{padding:10px 24px;text-align:center;background:var(--mist);font-size:13px;color:var(--muted)}
.quiz-layout{display:grid;grid-template-columns:1fr 1fr;max-width:1600px;margin:auto;align-items:start}.quiz-panel{padding:38px clamp(24px,4vw,64px);scroll-margin-top:110px}.quiz-top{display:flex;justify-content:space-between;gap:20px;font-size:14px;color:var(--muted)}.quiz-page .progress{height:3px;background:var(--line);margin:15px 0 30px}.quiz-page .progress i{display:block;height:100%;width:16.67%;background:var(--ink)}.quiz-page h1{font-size:clamp(32px,3.2vw,47px);line-height:1.12;margin-bottom:18px}.quiz-page .intro{color:var(--muted);margin-bottom:24px;max-width:55ch}.quiz-page .options{display:grid;gap:12px}.quiz-page button,.quiz-page input,.quiz-page textarea{font:inherit}.quiz-page button{cursor:pointer}.quiz-page .option{position:relative;min-height:66px;border:1px solid #8da3aa;background:white;border-radius:3px;color:var(--ink);padding:17px 42px 17px 18px;text-align:left;font-size:18px;line-height:1.35}.quiz-page .option::after{content:'';position:absolute;right:16px;top:23px;width:17px;height:17px;border:1px solid #68848d;border-radius:50%}.quiz-page .option span{display:block;font-size:14px;line-height:1.4;color:var(--muted);margin-top:7px}.quiz-page .option:hover{background:var(--mist)}.quiz-page .option[aria-pressed=true]{background:#e6f0f2;border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.quiz-page .option[aria-pressed=true]::after{background:var(--ink);box-shadow:inset 0 0 0 4px #e6f0f2}.quiz-page .home-choices{grid-template-columns:1fr 1fr}.quiz-page .home-choices .option{padding:0 16px 18px;overflow:hidden;font-size:22px}.quiz-page .home-choices .option:after{top:auto;bottom:22px;right:14px}.quiz-page .choice-image{width:calc(100% + 32px);max-width:none;height:146px;object-fit:cover;margin:0 -16px 16px}.quiz-page .home-choices .option span{padding-right:18px}.quiz-page .home-choices .option:last-child{grid-column:1/-1;padding:16px 45px 16px 18px;font-size:18px}.quiz-page .grid-two{grid-template-columns:1fr 1fr}.quiz-page .grid-two .option{font-size:16px;padding-right:38px}.quiz-page .actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:26px 0 30px}.quiz-page .primary{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;background:var(--orange);color:var(--ink);border:1px solid transparent;border-radius:3px;min-height:54px;padding:14px 22px;font-weight:500}.quiz-page .primary:hover{background:var(--orange-hover)}.quiz-page .primary:disabled{opacity:.5;cursor:not-allowed}.quiz-page .back,.quiz-page .text-button{display:inline-flex;align-items:center;gap:8px;min-height:44px;border:0;background:none;color:var(--muted);padding:9px 0;text-decoration:underline;text-underline-offset:4px;font-size:15px}.quiz-page .back svg{transform:rotate(180deg)}.quiz-page .quiz-footer{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:13px}.quiz-page .quiz-footer a{min-height:44px}.quiz-page .field{display:grid;gap:8px;margin-top:18px;font-size:15px}.quiz-page .field input,.quiz-page .field textarea{background:white;color:var(--ink);border:1px solid #68848d;border-radius:3px;padding:12px;min-height:48px;width:100%;font-size:16px;caret-color:var(--ink)}.quiz-page .field textarea{resize:vertical;min-height:90px}.quiz-page .hint{font-size:14px;color:var(--muted);margin-top:14px}.quiz-page .search-brief{margin:26px 0 30px;border-top:1px solid var(--line)}.quiz-page .brief-row{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:12px 0;font-size:15px}.quiz-page .brief-row dt{color:var(--muted)}.quiz-page .brief-row dd{margin:0;max-width:65%;text-align:right}.quiz-page .brief-row button{color:var(--ink);border:0;background:none;text-align:right;text-decoration:underline;text-underline-offset:4px;min-height:44px}.quiz-page .advice h2,.quiz-page .email-box h2,.quiz-page .success h2{font-size:30px;margin-bottom:18px}.quiz-page .advice p{color:var(--muted)}.quiz-page .email-box,.quiz-page .success{background:var(--mist);padding:26px;margin-top:26px;border-radius:3px}.quiz-page .email-box>p{font-size:15px;color:var(--muted)}.quiz-page .email-box .primary{width:100%;justify-content:space-between}.quiz-page .consent{display:flex;align-items:start;gap:12px;font-size:14px;margin:22px 0}.quiz-page .consent input{width:20px;height:20px;flex:none;accent-color:var(--ink);margin-top:3px}.quiz-noscript{padding-block:40px}.quiz-page .preview-success-note{font-size:14px;color:var(--muted);margin-top:20px}
@media(max-width:1050px){.quiz-layout{grid-template-columns:1fr 1fr}.quiz-page .choice-image{height:115px}.quiz-page .home-choices .option{font-size:20px}}
@media(max-width:800px){.quiz-layout{display:block}.quiz-page .quiz-draft{font-size:12px;padding:9px 16px}.quiz-page .quiz-panel{padding:26px 24px 30px;scroll-margin-top:90px}.quiz-page h1{font-size:34px}.quiz-page .progress{margin-bottom:25px}.quiz-page .intro{font-size:16px}.quiz-page .choice-image{height:114px}.quiz-page .home-choices .option{font-size:20px;padding-inline:12px}.quiz-page .choice-image{width:calc(100% + 24px);margin-inline:-12px}.quiz-page .option span{font-size:13px}.quiz-page .home-choices .option:last-child{font-size:17px}.quiz-page .quiz-footer{font-size:12px;gap:12px}.quiz-page .actions{margin-top:18px}.quiz-page .grid-two .option{font-size:15px}.quiz-page .email-box{padding:20px}.quiz-page .primary{font-size:16px;padding-inline:18px}.quiz-page .whatsapp-float{bottom:14px}}
@media(max-width:359px){.quiz-page h1{font-size:31px}.quiz-page .home-choices .option{font-size:18px}.quiz-page .home-choices .option span{font-size:12px}.quiz-page .quiz-top{font-size:13px}.quiz-page .grid-two{grid-template-columns:1fr}}

.quiz-header-whatsapp{display:none}
@media(max-width:1000px){.quiz-page .whatsapp-float{display:none}.quiz-page .site-header{gap:10px}.quiz-header-whatsapp{display:grid;place-items:center;color:#147647;min-width:44px;height:48px;margin-left:auto}.quiz-header-whatsapp svg{width:27px;height:27px}.menu-open .quiz-header-whatsapp{display:none}.quiz-page .menu-button{padding-left:4px}}
@media(max-width:359px){.quiz-page .menu-word{display:none}.quiz-page .menu-button{min-width:36px;justify-content:center}}

/* On the quiz, WhatsApp lives in the header so it never covers an answer or preview. */
.quiz-page .whatsapp-float{display:none}.quiz-header-whatsapp{display:grid;place-items:center;color:#147647;min-width:44px;height:48px;margin-left:auto}.quiz-header-whatsapp svg{width:27px;height:27px}.menu-open .quiz-header-whatsapp{display:none}

.quiz-page h1:focus{outline:none}
.quiz-page .inspiration-panel{position:sticky;top:106px;background:var(--ink);color:white;height:calc(100svh - 106px);min-height:620px;overflow:hidden}
#inspiration-content{position:relative;height:100%}
#inspiration-content>img{width:100%;height:100%;object-fit:cover}
.inspiration-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(5,24,29,.35) 55%,rgba(5,24,29,.92) 100%)}
.inspiration-copy{position:absolute;bottom:0;left:0;right:0;padding:42px clamp(30px,4vw,58px)}
.inspiration-copy h2{font-size:clamp(34px,3.7vw,54px);line-height:1.08;max-width:14ch;margin-bottom:18px}
.inspiration-copy p{font-size:18px;max-width:34ch;color:white}
.inspiration-copy small{display:block;font-size:13px;color:#e2ecef;margin-top:26px}
.quiz-page .choice-caption{font-size:12px;color:var(--muted);margin:12px 0 0}
.quiz-page .question-scene{display:none;margin:0 0 22px}
.quiz-page .question-scene img{height:142px;width:100%;object-fit:cover;border-radius:3px}
.quiz-page .question-scene figcaption{font-size:12px;color:var(--muted);margin-top:6px}
@media(max-width:1050px){.quiz-page .quiz-panel{padding-inline:24px}}
@media(max-width:800px){.quiz-page .inspiration-panel{display:none}.quiz-page .question-scene{display:block}.quiz-page .email-box .primary{gap:12px;font-size:15px;padding-inline:14px}}
@media(max-width:359px){.quiz-page .quiz-panel{padding-inline:20px}.quiz-page .email-box .primary{font-size:14px}}