/* Local comparison styles; every option uses the existing real quiz. */
.oct-quiz-option .oct-quiz-styles{position:relative;z-index:2;display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:0 auto 42px}
.oct-quiz-styles a{color:#e5d4ed!important;border:1px solid #a383b75c;padding:12px 16px;font:12px/1.5 'DM Sans',Arial,sans-serif;text-decoration:none;min-height:44px}
.oct-quiz-styles a[aria-current]{background:#ddc9e9;color:#24132e!important;border-color:#ddc9e9}
.oct-quiz-option .oct-quiz-ornament{position:relative;z-index:1;text-align:center;color:#ccb0df;font:32px/1.2 Georgia,serif;margin:0 auto 24px}
.oct-quiz-option .vm{max-width:1100px;margin:auto;border:0;padding:0}
.oct-quiz-option .vm-intro h2{font-family:OctCormorant,Georgia,serif;font-weight:600}
.oct-quiz-option .vm-intro>p:last-child{font-size:14px;line-height:1.7;margin-top:20px;max-width:42ch}
.oct-quiz-option .vm [data-stage]>h3{margin:14px 0 26px;line-height:1.15}
.oct-quiz-option .vm-choice{min-height:60px;transition:background .18s,border-color .18s,transform .18s}
.oct-quiz-option .vm-choice:focus-visible{outline:3px solid #e7c9fc;outline-offset:4px}
.oct-quiz-option--1 .vm{grid-template-columns:.8fr 1.2fr;align-items:center;gap:60px}
.oct-quiz-option--1 .vm [data-stage]{position:relative;padding:44px 36px;background:linear-gradient(145deg,#34203f,#120b1d);border:1px solid #a988be;outline:1px solid #a988be45;outline-offset:9px;border-radius:110px 110px 8px 8px;box-shadow:0 28px 65px #0005}
.oct-quiz-option--1 .vm [data-stage]>.vm-kicker{text-align:center;margin-top:12px}
.oct-quiz-option--1 .vm [data-stage]>h3{text-align:center;font-size:36px}
.oct-quiz-option--1 .vm-choice{border-color:#9576aa77;background:#21142e;padding:16px 20px}
.oct-quiz-option--1 .vm-choice:hover{background:#493155;transform:translateY(-2px)}
.oct-quiz-option--2 .oct-quiz-ornament{font:10px/1.6 'DM Sans',Arial,sans-serif;letter-spacing:3px;color:#d1b3d8}
.oct-quiz-option--2 .vm{grid-template-columns:.75fr 1.25fr;gap:0;border:1px solid #a792b155;background:#100b17}
.oct-quiz-option--2 .vm-intro{padding:42px 30px;align-self:center}
.oct-quiz-option--2 .vm [data-stage]{background:#e9e0ed;padding:38px;color:#25172b;box-shadow:7px 7px 0 #73558740;transform:rotate(-.6deg)}
.oct-quiz-option--2 .vm [data-stage] h3,.oct-quiz-option--2 .vm [data-stage] p{color:#302039!important}
.oct-quiz-option--2 .vm [data-stage]>.vm-kicker{font-family:monospace;letter-spacing:2px;border-bottom:1px solid #90769966;padding-bottom:13px}
.oct-quiz-option--2 .vm-choices{gap:0;counter-reset:choice}
.oct-quiz-option--2 .vm-choice{counter-increment:choice;border:0;border-bottom:1px solid #927c9c66;border-radius:0;background:transparent;color:#302039;display:flex;gap:14px;align-items:center;padding:20px 2px}
.oct-quiz-option--2 .vm-choice:before{content:counter(choice,upper-alpha);font:18px/1 Georgia,serif;border:1px solid #886a97;width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:50%}
.oct-quiz-option--2 .vm-choice:hover{background:#d7c6df}
.oct-quiz-option--2 .vm-link{color:#613b73!important;border-color:#79558a}
.oct-quiz-option--2 .vm-choice:focus-visible{outline-color:#633b78;outline-offset:0}
.oct-quiz-option--3{background:radial-gradient(ellipse at center,#49255b55,transparent 65%)}
.oct-quiz-option--3 .vm{display:block;text-align:center;max-width:880px}
.oct-quiz-option--3 .vm-intro h2{font-size:clamp(44px,6vw,78px);max-width:650px;margin:15px auto}
.oct-quiz-option--3 .vm-intro>p:last-child{margin:20px auto 38px;max-width:52ch}
.oct-quiz-option--3 .vm [data-stage]{padding:30px 0;border-top:1px solid #c7a5dd4d}
.oct-quiz-option--3 .vm-choices{grid-template-columns:1fr 1fr;gap:16px;counter-reset:choice}
.oct-quiz-option--3 .vm-choice{counter-increment:choice;min-height:125px;padding:23px;border:1px solid #b597ca77;border-radius:14px;text-align:center;background:linear-gradient(135deg,#55356955,#130e2288);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px}
.oct-quiz-option--3 .vm-choice:before{content:'✦';color:#c4a1dd;font-size:20px}
.oct-quiz-option--3 .vm-choice:hover{background:#543466;border-color:#ead1f9;transform:translateY(-3px)}
.oct-quiz-option--3 .vm-result{text-align:left;max-width:620px;margin:auto}
@media(max-width:700px){.oct-quiz-option .oct-quiz-styles{gap:6px;margin-bottom:30px}.oct-quiz-styles a{font-size:11px;padding:10px}.oct-quiz-option--1 .vm,.oct-quiz-option--2 .vm{grid-template-columns:1fr;gap:30px}.oct-quiz-option .vm-intro h2{font-size:44px}.oct-quiz-option--1 .vm [data-stage]{padding:35px 20px 24px;border-radius:70px 70px 6px 6px;outline-offset:5px}.oct-quiz-option--1 .vm [data-stage]>h3{font-size:30px}.oct-quiz-option--2 .vm{border:0;background:transparent;gap:25px}.oct-quiz-option--2 .vm-intro{padding:0}.oct-quiz-option--2 .vm [data-stage]{padding:25px 20px;transform:none}.oct-quiz-option--3 .vm-choices{grid-template-columns:1fr;gap:12px}.oct-quiz-option--3 .vm-choice{min-height:76px;flex-direction:row;text-align:left;justify-content:flex-start;padding:18px;gap:15px}.oct-quiz-option--3 .vm [data-stage]>h3{font-size:30px}}
@media(prefers-reduced-motion:reduce){.oct-quiz-option .vm-choice{transition:none;transform:none!important}}
/* Option one's reveal is a single portrait card, with one clear primary action. */
.oct-quiz-option--1 .vm:has(.vm-result){display:block;max-width:560px}
.oct-quiz-option--1 .vm:has(.vm-result) .vm-intro{display:none}
.oct-quiz-option--1 .vm [data-stage]:has(.vm-result){display:flex;flex-direction:column;align-items:center;padding:40px 34px 28px;text-align:center;border-radius:100px 100px 10px 10px}
.oct-quiz-option--1 .vm [data-stage]:has(.vm-result)>.vm-kicker{order:0;margin:8px 0 22px;font-size:10px;letter-spacing:2px}
.oct-quiz-option--1 .vm .vm-result{display:contents}
.oct-quiz-option--1 .vm .vm-result>img{order:1;width:170px;height:220px;object-fit:cover;object-position:center top;border-radius:85px 85px 5px 5px;border:1px solid #c6a3dc88;box-shadow:0 12px 28px #0004}
.oct-quiz-option--1 .vm [data-stage]:has(.vm-result)>h3{order:2;font:600 clamp(34px,4vw,48px)/1.08 OctCormorant,Georgia,serif;margin:24px 0 12px;max-width:100%;overflow-wrap:anywhere}
.oct-quiz-option--1 .vm .vm-result>div{order:3;width:100%;max-width:390px;display:flex;flex-direction:column;align-items:center;gap:18px}
.oct-quiz-option--1 .vm .vm-result .vm-book{font-size:12px;line-height:1.6;color:#c9b2d7!important;letter-spacing:.3px}
.oct-quiz-option--1 .vm .vm-result p:not(.vm-book):not(.vm-small){font-size:16px;line-height:1.65;max-width:34ch}
.oct-quiz-option--1 .vm .vm-result .vm-small{display:none}
.oct-quiz-option--1 .vm .vm-result a.vm-button{display:block;width:100%;max-width:320px;margin:8px 0 0;padding:14px 20px;min-height:48px;background:#ddc8e8;color:#25162f!important;border:1px solid #ddc8e8;border-radius:3px;box-shadow:none;text-align:center;font-size:14px}
.oct-quiz-option--1 .vm .vm-result a.vm-button:hover{background:#eee0f5}
.oct-quiz-option--1 .vm .vm-result .vm-link{display:none}
.oct-quiz-option--1 .vm [data-stage]:has(.vm-result)>button{order:4;background:none;border:0;border-top:1px solid #a988be44;border-radius:0;box-shadow:none;width:100%;margin:26px 0 0;padding:18px 0 0;font-size:12px;color:#bda5ce;min-height:44px}
.oct-quiz-option--1 .vm [data-stage]:has(.vm-result)>button:before{content:'';display:inline-block;width:17px;height:17px;margin-right:8px;vertical-align:-4px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10a8 8 0 1 0-2 8M20 4v6h-6'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
@media(max-width:480px){.oct-quiz-option--1 .vm [data-stage]:has(.vm-result){padding:30px 22px 22px;border-radius:80px 80px 8px 8px}.oct-quiz-option--1 .vm .vm-result>img{width:145px;height:190px}.oct-quiz-option--1 .vm .vm-result p:not(.vm-book):not(.vm-small){font-size:15px}}