/* Round 8 quiz: "Thread" design. Light paper page while answering; the result page keeps the dark theme. */
body.quiz-q{background:#faf0dd;color:#2a111e;position:relative}
body.quiz-q:before{content:"";position:fixed;inset:0;pointer-events:none;background:url(cinematic/rendered/frame-000.webp) no-repeat 5% 92%/250px,url(cinematic/rendered/frame-000.webp) no-repeat 97% 14%/200px;opacity:.07;z-index:0}
body.quiz-q header{background:transparent;color:#2a111e;border-bottom:0}
body.quiz-q header a,body.quiz-q header .wm{color:#2a111e}
body.quiz-q header .cart-pill{background:#2a111e;color:#faf0dd!important}
body.quiz-q header nav .nav-quiz{border-bottom:2px solid #8a2946}
body.quiz-q main,body.quiz-q footer{position:relative;z-index:1}
body.quiz-q .quiz-intro{text-align:center;padding-top:18px}
body.quiz-q .quiz-intro .eyebrow{color:#8a2946}
body.quiz-q .quiz-intro p{margin:12px auto 0;max-width:640px;color:#6b4455;font-size:16px}
body.quiz-q.q-later .quiz-intro{display:none}
body.quiz-q .quiz{position:relative;max-width:1240px;margin:0 auto;padding:20px 30px 50px;text-align:center;min-height:0;background:none}
.q-thread{display:block;width:100%;max-width:1180px;height:auto;margin:0 auto 18px;overflow:visible}
.q-thread text{font:600 11.5px 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;fill:#8a6a70}
.q-thread text.on{fill:#2a111e}
body.quiz-q .quiz>.eyebrow{color:#8a2946;font-size:14px!important}
body.quiz-q .quiz h1{font:400 clamp(40px,4.4vw,62px)/1.04 'Instrument Serif',Georgia,serif;letter-spacing:-.012em;max-width:980px;margin:20px auto 10px;color:#2a111e}
body.quiz-q .quiz h1 .scr{position:relative;white-space:nowrap}
body.quiz-q .quiz h1 .scr:after{content:"";position:absolute;left:-3%;right:-3%;bottom:-.14em;height:.32em;background:no-repeat center/100% 100% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20' preserveAspectRatio='none'%3E%3Cpath d='M2 12 C30 3 60 18 100 9 S170 5 198 11' fill='none' stroke='%238a2946' stroke-width='3.4' stroke-linecap='round'/%3E%3C/svg%3E")}
.q-sub{font:italic 21px 'Instrument Serif',Georgia,serif;color:#6b4455;margin:0 auto 26px}
body.quiz-q .options.q-grid,body.quiz-q .options{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;text-align:left}
body.quiz-q .options button{display:flex;align-items:center;gap:16px;min-height:64px;padding:15px 24px;border:1.5px solid #d8c3bc;border-radius:60px;background:#fffaf0;box-shadow:none;font:400 17px/1.3 'DM Sans',sans-serif;color:#2a111e;transition:background .25s,color .25s,border-color .25s,box-shadow .25s,transform .25s}
body.quiz-q .options.q-grid button:before{content:"";flex:none;width:18px;height:18px;border-radius:50%;border:2px solid #8a2946;transition:all .25s}
body.quiz-q .options button i{font:italic 1.2em 'Instrument Serif',Georgia,serif}
body.quiz-q .options button:hover{background:#f6e6d6;border-color:#8a2946;transform:translateY(-1px)}
body.quiz-q .options button.selected{background:#2a111e;color:#faf0dd;border:1.5px solid #2a111e;box-shadow:0 14px 28px #2a111e33}
body.quiz-q .options button.selected:before{background:#efce9e;border-color:#efce9e;box-shadow:inset 0 0 0 4px #2a111e}
body.quiz-q .options button.selected:after{display:none}
body.quiz-q .options button:disabled{opacity:1;cursor:default}
body.quiz-q .options button:not(.selected):disabled{opacity:.55}
body.quiz-q .options button strong{font:400 24px 'Instrument Serif',Georgia,serif;display:block}
body.quiz-q .text-button{display:inline-block;margin-top:24px;color:#8a2946!important;font:600 14px 'DM Sans',sans-serif;border:0;border-bottom:1px solid;background:none;padding:0 0 2px}
.q-ink{position:absolute;left:0;top:0;pointer-events:none;overflow:visible;z-index:5}
.q-ink path{fill:none;stroke:#8a2946;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.q-ink path.b{stroke:#8a2946}
@media(max-width:900px){body.quiz-q .options,body.quiz-q .options.q-grid{grid-template-columns:1fr}.q-thread text{display:none}}
body.quiz-q header .cart-pill{display:inline-block;padding:12px 22px;border-radius:40px;line-height:1.2}
body.quiz-q .quiz>.eyebrow,body.quiz-q .quiz-intro .eyebrow{display:table;margin:0 auto}
body.quiz-q:before{opacity:.05}
/* lace stitch inside the chosen answer */
.q-ink{display:none}
.q-lace{position:absolute;left:0;top:0;pointer-events:none;overflow:visible;z-index:3}
.q-lace path{fill:none;stroke:#efce9e;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.q-lace path.stem{stroke-width:1.5}
.q-lace .ring{fill:none;stroke:#efce9e;stroke-width:1.5}
.q-lace .picot{fill:#efce9e}
body.quiz-q .options button.selected{transition-duration:.7s}
/* thread & knot (chosen) */
.q-lace path.thread{fill:none;stroke:#efce9e;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}