.quiz-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start;padding-block:68px 90px}.quiz-intro{padding-top:22px}.quiz-intro h1{font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:clamp(42px,4.4vw,64px);line-height:1.06;margin:25px 0 28px;letter-spacing:-.04em}.quiz-intro>p{color:var(--muted);font-size:16px}.quiz-note{border-top:1px solid var(--gold);margin-top:36px;padding:24px 0;display:flex;align-items:center;gap:24px}.quiz-note>span{font:32px 'Playfair Display',Georgia,serif;color:#80643e;white-space:nowrap}.quiz-note p{font-size:13px;margin:0;max-width:180px}.quiz-intro>.micro{font-size:12px}.quiz-panel{min-width:0;padding:42px;background:var(--paper);border:1px solid var(--line);border-top:2px solid var(--gold)}.quiz-panel h2{font:400 clamp(29px,3vw,42px)/1.2 'Playfair Display',Georgia,serif;margin-bottom:26px}.quiz-panel p{color:var(--muted);line-height:1.8}.quiz-benefits{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:24px 0;margin:28px 0 32px;border-block:1px solid var(--line);list-style:none;font-size:13px}.quiz-benefits li:before{content:'✓ ';color:var(--sage)}.quiz-panel fieldset{border:0;margin:0;padding:0;min-width:0}.quiz-panel legend{font-size:24px;font-weight:500;letter-spacing:-.035em;line-height:1.4;margin-bottom:22px}.quiz-panel progress{display:block;width:100%;height:4px;accent-color:var(--gold);margin-bottom:28px}.quiz-options{display:grid;gap:10px;margin-bottom:26px}.quiz-option{display:flex;gap:14px;align-items:start;padding:16px;border:1px solid var(--line);cursor:pointer;line-height:1.55;font-size:14px}.quiz-option:hover{border-color:var(--gold)}.quiz-option:has(input:checked){border-color:var(--merlot);background:#f3e9dd}.quiz-option input,.quiz-consent input{accent-color:var(--merlot);width:18px;height:18px;flex:0 0 18px;margin:3px 0 0}.quiz-controls{display:flex;flex-wrap:wrap;gap:24px;margin-top:28px;align-items:center;font-size:12px}.quiz-back{border:0;background:none;color:var(--charcoal);padding:8px 0;text-decoration:underline;text-underline-offset:5px;font-size:12px}.quiz-consent{display:flex;gap:12px;align-items:start;font-size:13px;line-height:1.65;margin-block:12px}.quiz-panel .quiz-result-title{font-size:42px}.quiz-panel .quiz-lead{font-size:18px;color:var(--charcoal)}.quiz-style{border-block:1px solid var(--gold);padding-block:22px;margin-block:30px}.quiz-style h3,.quiz-guide h3{font-size:23px;margin-bottom:12px}.quiz-style p{margin:0}.quiz-delivery{font-size:12px}.quiz-delivery p{margin-bottom:12px}.quiz-guide{background:var(--cream);padding:26px;margin-top:28px}.quiz-guide .eyebrow{margin-bottom:12px}.quiz-guide p{font-size:14px}.quiz-alert{padding:16px;background:var(--cream);border-left:3px solid var(--merlot)}.quiz-footer{padding-block:35px;display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--gold)}.quiz-footer>div{display:flex;gap:20px;font-size:12px}.quiz-footer p{margin:0}
@media(max-width:1000px){.quiz-layout{gap:32px}.quiz-panel{padding:28px}.quiz-benefits{grid-template-columns:1fr}.quiz-layout .quiz-intro h1{font-size:48px}}
@media(max-width:680px){.quiz-layout{grid-template-columns:1fr;padding-block:30px 45px;gap:24px}.quiz-intro{padding-top:0}.quiz-layout .quiz-intro h1{font-size:42px;margin-block:16px}.quiz-intro>p{font-size:14px;margin-bottom:14px}.quiz-note{margin-top:20px;padding-block:16px}.quiz-note>span{font-size:27px}.quiz-panel{padding:25px 20px}.quiz-panel h2{font-size:29px}.quiz-panel .quiz-result-title{font-size:34px}.quiz-panel legend{font-size:23px}.quiz-option{padding:14px 12px;font-size:14px}.quiz-benefits{margin-block:22px}.quiz-guide{padding:20px}.quiz-footer{flex-direction:column}.quiz-panel .button{width:100%;font-size:10px}.quiz-consent{font-size:13px}.quiz-panel input[type=email]{width:100%;min-width:0;font-size:16px}}

@media(max-width:680px){.quiz-active .quiz-intro>p,.quiz-active .quiz-note{display:none}.quiz-active .quiz-intro h1{font-size:28px;line-height:1.15;margin:8px 0 0}.quiz-active .quiz-intro h1 br{display:none}.quiz-active .quiz-intro .eyebrow{margin-bottom:8px;font-size:9px}.quiz-active .quiz-layout{gap:20px}}
