.quiz-page{--quiz-card:clamp(70px, 17vw, 132px);--quiz-span:min(100vw - 32px, 900px);color:var(--ink,#0a0a0a);background:var(--paper,#f4f2ea);min-height:70vh;overflow-x:clip}.quiz-page .wrap{max-width:880px;padding-block:48px 80px}.quiz-screen[hidden]{display:none}.quiz-page .eyebrow{color:#7a5a0c}.quiz-page h1{text-transform:uppercase;overflow-wrap:anywhere;max-width:14ch;margin:14px 0 18px;font-size:clamp(42px,8vw,84px);line-height:1}.quiz-page h2{text-transform:uppercase;overflow-wrap:anywhere;font-size:clamp(30px,5vw,48px);line-height:1.05}.quiz-page :is(h1,h2,legend):focus{outline:none}.quiz-lead{color:#2b2823;max-width:52ch;font-size:clamp(17px,2.4vw,20px);line-height:1.55}.quiz-actions{margin:28px 0 0}.quiz-actions .button,.quiz-review .button,.quiz-share .button{min-height:48px}.quiz-page .button:disabled{color:#6e685f;cursor:not-allowed;background:#d8d3c6}.quiz-page .button:disabled:hover{color:#6e685f;background:#d8d3c6}.quiz-page :is(button,a,input):focus-visible{outline-offset:3px;outline:3px solid #f04b23}.quiz-credit{color:#6e685f;margin-top:14px;font-size:14px}.quiz-stack{--step:calc((var(--quiz-span) - var(--quiz-card)) / 15);width:var(--quiz-span);max-width:100%;height:calc(var(--quiz-card) * 2.1);margin:30px 0 10px;position:relative;left:50%;translate:-50%}.quiz-stack__card{left:calc(50% - var(--quiz-card) / 2);top:calc(var(--quiz-card) * .22);width:var(--quiz-card);aspect-ratio:1;translate:calc(var(--o) * var(--step)) calc(var(--o) * var(--o) * var(--quiz-card) * .0105);rotate:calc(var(--o) * 3.4deg);z-index:var(--i);background:#fff;border:2px solid #0a0a0a;position:absolute;box-shadow:3px 3px #0a0a0a38}.quiz-stack__card img{object-fit:cover;width:100%;height:100%;display:block}@media (prefers-reduced-motion:no-preference){.quiz-stack.is-armed:not(.is-fanned) .quiz-stack__card{translate:calc((var(--i) - 7.5) * .8px) calc((var(--i) - 7.5) * -.7px);rotate:calc((var(--i) - 7.5) * .5deg)}.quiz-stack.is-armed .quiz-stack__card{transition:translate .7s cubic-bezier(.2,.8,.2,1),rotate .7s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i) * 28ms)}}.quiz-progress-text{font:600 .78rem/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px}.quiz-progress{background:#ddd7c8;height:6px;margin-bottom:30px}.quiz-progress span{background:#d9a321;width:0;height:100%;display:block}@media (prefers-reduced-motion:no-preference){.quiz-progress span{transition:width .3s ease-out}}.quiz-fieldset{border:0;min-width:0;margin:0;padding:0}.quiz-fieldset legend{font:780 clamp(28px, 5.4vw, 46px)/1.1 var(--heading);overflow-wrap:anywhere;margin-bottom:22px;padding:0}.quiz-options{gap:10px;display:grid}.quiz-option{background:var(--white,#faf9f5);cursor:pointer;border:2px solid #0a0a0a;align-items:flex-start;gap:14px;min-height:56px;padding:14px 16px;font:17px/1.45 Arial,sans-serif;display:flex;position:relative}.quiz-option input{accent-color:#0a0a0a;flex:0 0 22px;width:22px;height:22px;margin:1px 0 0}.quiz-option:hover{background:#eee9dd}.quiz-option:has(input:checked){background:#f6e3a8;box-shadow:4px 4px #0a0a0a}.quiz-option:has(input:focus-visible){outline-offset:3px;outline:3px solid #f04b23}@media (prefers-reduced-motion:no-preference){.quiz-option{transition:background .12s,box-shadow .12s}}.quiz-lead-form{max-width:520px;margin-top:26px}.quiz-field{margin-bottom:18px}.quiz-field>label:not(.quiz-consent){margin-bottom:8px;font:700 .9rem/1.3 Arial,sans-serif;display:block}.quiz-field input[type=tel]{color:#0a0a0a;background:#faf8f0;border:2px solid #0a0a0a;border-radius:0;width:100%;min-height:54px;padding:12px 14px;font-size:20px}.quiz-field input[aria-invalid=true]{background:#fff3ef;border-color:#c4300f}.quiz-consent{cursor:pointer;align-items:flex-start;gap:12px;font:16px/1.5 Arial,sans-serif;display:flex}.quiz-consent input{accent-color:#0a0a0a;flex:0 0 22px;width:22px;height:22px;margin-top:2px}.quiz-consent a{text-underline-offset:3px;text-decoration:underline}.quiz-error{color:#b02a0b;margin:8px 0 0;font:600 15px/1.4 Arial,sans-serif}.quiz-error:empty{display:none}.quiz-fine{color:#6e685f;margin-top:14px;font-size:14px}.quiz-accepted{background:#eee9dd;border-left:4px solid #d9a321;margin:0 0 22px;padding:10px 14px;font:600 16px/1.4 Arial,sans-serif}.quiz-result__grid{grid-template-columns:minmax(0,280px) minmax(0,1fr);align-items:start;gap:28px;display:grid}.quiz-result__card{background:#fff;border:3px solid #0a0a0a;margin:0;box-shadow:6px 6px #d9a321}.quiz-result__card img{aspect-ratio:1;width:100%;height:auto;display:block}.quiz-result__empty{aspect-ratio:1;color:#78550b;font:700 14px/1.4 var(--mono);text-align:center;text-transform:uppercase;background:#eee9dd;border:2px dashed #a9780b;place-items:center;padding:18px;display:grid}.quiz-result__en{color:#6e685f;font:600 15px/1.4 var(--mono);margin:8px 0 0}.quiz-result__meta{font:700 .78rem/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#7a5a0c;margin:10px 0 0}.quiz-result__diagnosis{margin-top:18px;font-size:19px;line-height:1.6}.quiz-memo{background:var(--white,#faf9f5);border:2px solid #0a0a0a;margin-top:38px;padding:24px}.quiz-memo[hidden],.quiz-memo__tail[hidden],.quiz-result__en[hidden]{display:none}.quiz-memo h3{text-transform:uppercase;margin:0 0 6px;font-size:clamp(24px,3.6vw,32px)}.quiz-memo__title{font:700 .8rem/1.4 var(--mono);color:#7a5a0c;text-transform:uppercase;letter-spacing:.06em;margin:0 0 14px}.quiz-memo ol{gap:10px;margin:0;padding-left:1.3em;font-size:17px;line-height:1.55;display:grid}.quiz-review{margin-top:24px}.quiz-memo__tail{max-width:56ch;margin:0 0 14px;font-weight:700}.quiz-status{color:#2b2823;overflow-wrap:anywhere;margin:10px 0 0;font:15px/1.5 Arial,sans-serif}.quiz-status:empty{display:none}.quiz-share{border-top:1px solid #cec7b9;justify-items:start;gap:4px;margin-top:34px;padding-top:26px;display:grid}.quiz-subscribe-note{max-width:52ch;margin:22px 0 0}.quiz-share .quiz-actions{margin-top:12px}.quiz-architect{background:#eee9dd;border-left:4px solid #f04b23;margin-top:30px;padding:16px 18px}.quiz-architect a{text-underline-offset:3px;font-weight:700;text-decoration:underline}@media (width<=650px){.quiz-page .wrap{width:calc(100% - 32px);padding-block:30px 56px}.quiz-result__grid{grid-template-columns:minmax(0,1fr)}.quiz-result__card{max-width:280px}.quiz-actions .button,.quiz-review .button,.quiz-share .button{justify-content:space-between;width:100%}.quiz-memo{padding:18px}}
