/* Focus is drawn within the actual control, never outside its clipping wrapper. */
.shell :is(input,textarea,select):focus-visible,#modal :is(input,textarea,select):focus-visible{outline:none;border-color:#8b65b5;box-shadow:inset 0 0 0 1px #8b65b5}
.shell .search{overflow:hidden;transition:border-color .15s,background-color .15s;transform:none}
.shell .search:focus-within,.shell .discover-tools .search:focus-within{border-color:#8b65b5;box-shadow:inset 0 0 0 1px #8b65b5;background:#fffefb;transform:none}
.shell .search input,.shell .search input:focus,.shell .search input:focus-visible{min-width:0;outline:none;border:0;box-shadow:none;background:transparent;transform:none}
.shell .st-number-control input:focus,.shell .st-number-control input:focus-visible{outline:none;border:0;box-shadow:none}
.shell .template-recommended{display:inline-flex;align-items:center;gap:3px;white-space:nowrap;color:#877394}
.shell .template-recommended svg{width:10px;height:10px;fill:#c6b07b;stroke:#b09a66;stroke-width:.6;flex-shrink:0}
.shell .discover-tools .search input{font-size:16px}
/* Compact footer links remain secondary to each test's main start button. */
.quiz-shell .quiz-container .quiz-home-creation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;max-width:240px;margin:72px auto 0;padding:0 0 12px}
.quiz-shell .quiz-container .quiz-home-creation>a{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:44px;padding:9px 10px;border:1px solid #7851b4;border-radius:7px;background:#7851b4;color:#fff;font-family:inherit;font-size:12px;font-weight:550;line-height:1.5;white-space:nowrap;text-align:center;text-decoration:none;box-shadow:inset 0 1px 0 #ffffff21;transition:background-color .15s,transform .15s;-webkit-tap-highlight-color:transparent}
.quiz-shell .quiz-container .quiz-home-creation>a[data-home-more]{background:#f1eaf8;border-color:#d8c9e7;color:#6a4c88;box-shadow:inset 0 1px 0 #ffffff80}
.quiz-shell .quiz-container .quiz-home-creation>a>span{font-size:14px;line-height:1;flex-shrink:0;color:inherit}
@media(hover:hover) and (pointer:fine){.quiz-shell .quiz-container .quiz-home-creation>a:hover{background:#6941a6;border-color:#6941a6;color:#fff}.quiz-shell .quiz-container .quiz-home-creation>a[data-home-more]:hover{background:#e9def3;border-color:#c1aad9;color:#604270}}
.quiz-shell .quiz-container .quiz-home-creation>a:active{transform:translateY(1px);box-shadow:inset 0 1px 2px #4b325e0c}
.quiz-shell .quiz-container .quiz-home-creation>a:focus-visible{outline:2px solid #b18bd9;outline-offset:3px}
/* The long MBTI landing page keeps the two large stacked purple destinations. */
.quiz-shell.mbti16-layout .quiz-container .quiz-home-creation{grid-template-columns:minmax(0,1fr);gap:12px;max-width:420px;margin-top:28px;padding:12px 0 8px}
.quiz-shell.mbti16-layout .quiz-container .quiz-home-creation>a{gap:18px;min-height:52px;padding:13px 20px;border-color:#6941bb;border-radius:11px;background:#6941bb;color:#fff;font-size:14px;font-weight:650;box-shadow:inset 0 1px 0 #ffffff20,0 3px 0 #4f2c96}
.quiz-shell.mbti16-layout .quiz-container .quiz-home-creation>a>span{font-size:18px}
@media(hover:hover) and (pointer:fine){.quiz-shell.mbti16-layout .quiz-container .quiz-home-creation>a:hover{background:#5b35a6;border-color:#5b35a6;color:#fff}}
.quiz-shell.mbti16-layout .quiz-container .quiz-home-creation>a:active{background:#533097;border-color:#533097;color:#fff;transform:translateY(2px);box-shadow:inset 0 1px 0 #ffffff20,0 1px 0 #4f2c96}
@media(prefers-reduced-motion:reduce){.quiz-shell .quiz-container .quiz-home-creation>a{transition:none}.quiz-shell .quiz-container .quiz-home-creation>a:active,.quiz-shell.mbti16-layout .quiz-container .quiz-home-creation>a:active{transform:none}}
/* Question controls only. The established qzz/danger pages are intentionally outside this scope. */
.quiz-shell:is(.history-layout,.mentalage-layout,.animal-layout,.idealtype-layout,.talent-layout,.desire-layout,.shadow-layout,.scl90-layout,.mbti16-layout,.guided-layout){--answer-ink:#283449;--answer-muted:#596579;--answer-paper:#fff;--answer-line:#8794a7;--answer-accent:#435f88;--answer-on-accent:#fff;--answer-soft:#edf1fa;--answer-shadow:#20324c12}
.quiz-shell:is(.history-layout,.mentalage-layout,.animal-layout,.idealtype-layout,.talent-layout,.desire-layout,.shadow-layout,.scl90-layout,.mbti16-layout,.guided-layout).rose{--answer-ink:#4f2b3b;--answer-muted:#735360;--answer-paper:#fffafb;--answer-line:#ab8495;--answer-accent:#85465f;--answer-soft:#f5e6ed;--answer-shadow:#64344714}
.quiz-shell:is(.history-layout,.mentalage-layout,.animal-layout,.idealtype-layout,.talent-layout,.desire-layout,.shadow-layout,.scl90-layout,.mbti16-layout,.guided-layout).ink{--answer-ink:#254437;--answer-muted:#4b6559;--answer-paper:#fbfdfb;--answer-line:#779583;--answer-accent:#3b6754;--answer-soft:#e6f1e9;--answer-shadow:#274d3614}
.quiz-shell:is(.history-layout,.mentalage-layout,.animal-layout,.idealtype-layout,.talent-layout,.desire-layout,.shadow-layout,.scl90-layout,.mbti16-layout,.guided-layout).noir{--answer-ink:#f4eff9;--answer-muted:#cbc1d7;--answer-paper:#332d42;--answer-line:#847490;--answer-accent:#d4bafb;--answer-on-accent:#282034;--answer-soft:#443451;--answer-shadow:#0b071b45}
.quiz-shell :is(.h-quiz-page,.ma-question-page,.an-question-page,.it-question-page,.ta-question-page,.de-question-page,.sh-question-page,.sc-question-page,.m16-question,.gd-question-page){color:var(--answer-ink)}
.quiz-shell .h-quiz-page{--muted:var(--answer-muted);--text-muted:var(--answer-muted);--accent:var(--answer-accent)}
.quiz-shell .ma-question-page{--ma-muted:var(--answer-muted);--ma-accent:var(--answer-accent)}
.quiz-shell .an-question-page{--an-muted:var(--answer-muted);--an-accent:var(--answer-accent)}
.quiz-shell .it-question-page{--it-muted:var(--answer-muted);--it-accent:var(--answer-accent)}
.quiz-shell .ta-question-page{--ta-muted:var(--answer-muted);--ta-accent:var(--answer-accent)}
.quiz-shell .de-question-page{--de-muted:var(--answer-muted);--de-accent:var(--answer-accent)}
.quiz-shell .sh-question-page{--sh-muted:var(--answer-muted);--sh-accent:var(--answer-accent)}
.quiz-shell .sc-question-page{--sc-muted:var(--answer-muted);--sc-accent:var(--answer-accent)}
.quiz-shell .m16-question{--m16-muted:var(--answer-muted);--m16-accent:var(--answer-accent)}
.quiz-shell .gd-question-page{--gd-muted:var(--answer-muted);--gd-accent:var(--answer-accent)}
.quiz-shell :is(.h-question-text,.ma-question-intro h1,.an-question-intro h1,.it-question-intro h1,.ta-question-intro h1,.de-question-intro h1,.sh-question-intro h1,.sc-question-intro h1,.m16-question-body h1,.gd-question-header h1){color:var(--answer-ink);font-family:inherit;font-size:clamp(23px,5.8vw,28px);font-weight:650;line-height:1.7;letter-spacing:0;overflow-wrap:anywhere}
.quiz-shell :is(.h-question-hint,.ma-question-hint,.an-question-hint,.it-question-hint,.ta-question-hint,.de-question-hint,.sh-question-hint,.sc-question-hint,.m16-question-body>p,.gd-question-hint){color:var(--answer-muted);font-size:12px;line-height:1.8}
.quiz-shell :is(.ma-question-header,.an-question-header,.it-question-header,.ta-question-header,.de-question-header,.sh-question-header,.sc-question-header,.m16-question-top,.gd-question-meta){color:var(--answer-muted);font-size:12px;letter-spacing:.5px}
.quiz-shell :is(.h-options,.ma-options,.an-options,.it-options,.ta-options,.de-options,.sh-options,.sc-options,.gd-options){gap:12px}
.quiz-shell :is(.h-quiz-page,.ma-question-page,.an-question-page,.it-question-page,.ta-question-page,.de-question-page,.sh-question-page,.sc-question-page,.gd-question-page) [data-answer]{min-height:64px;padding:16px;gap:12px;border:1px solid var(--answer-line);border-radius:12px;background:var(--answer-paper);color:var(--answer-ink);box-shadow:0 3px 0 var(--answer-shadow);transition:background-color .16s,border-color .16s,box-shadow .16s,transform .16s;-webkit-tap-highlight-color:transparent}
.quiz-shell :is(.h-option-text,.ma-option-text,.an-option-text,.it-option-text,.ta-option-text,.de-option-text,.sh-option-text,.sc-option-text,.gd-option>span:nth-child(2)){min-width:0;color:var(--answer-ink);font-size:15px;font-weight:500;line-height:1.75;overflow-wrap:anywhere}
.quiz-shell .quiz-container :is(.h-key,.ma-option-key,.an-option-key,.it-option-key,.ta-option-key,.de-option-key,.sh-option-key,.sc-option-key,.gd-option-key){display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border:1px solid var(--answer-line);background:var(--answer-soft);color:var(--answer-muted);font-family:inherit;font-weight:600;font-size:12px;line-height:1}
.quiz-shell :is(.h-quiz-page,.ma-question-page,.an-question-page,.it-question-page,.ta-question-page,.de-question-page,.sh-question-page,.sc-question-page,.gd-question-page) [data-answer][aria-pressed="true"]{border-color:var(--answer-accent);background:var(--answer-soft);box-shadow:inset 3px 0 var(--answer-accent),0 3px 0 var(--answer-shadow)}
.quiz-shell [data-answer][aria-pressed="true"] :is(.h-key,.ma-option-key,.an-option-key,.it-option-key,.ta-option-key,.de-option-key,.sh-option-key,.sc-option-key,.gd-option-key){border-color:var(--answer-accent);background:var(--answer-accent);color:var(--answer-on-accent)}
.quiz-shell .h-quiz-page [data-answer][aria-pressed="true"] .h-key{border-color:var(--answer-accent);background:var(--answer-accent);color:var(--answer-on-accent)}
.quiz-shell :is(.ma-option-check,.an-option-check,.it-option-check,.ta-option-check,.de-option-check,.sh-option-check,.sc-option-check,.gd-option>b){color:var(--answer-accent);font-weight:700}
.quiz-shell .quiz-container :is(.h-next:not(:disabled),.an-final-submit,.it-final-submit,.ta-final-submit,.de-final-submit,.sh-final-submit,.sc-final-submit,.gd-last){background:var(--answer-accent);color:var(--answer-on-accent)}
.quiz-shell .h-quiz-page .h-option::before{background:var(--answer-accent)}
.quiz-shell .h-quiz-page .h-question-card{background:var(--answer-paper);border-color:var(--answer-line);box-shadow:0 3px 0 var(--answer-shadow)}
.quiz-shell .h-quiz-page .h-question-label{color:var(--answer-accent)}
.quiz-shell.mbti16-layout .m16-choice{border:1px solid var(--answer-line);background:var(--answer-paper);color:var(--answer-accent);box-shadow:0 3px 0 var(--answer-shadow);padding-top:8px;gap:12px;transition:background-color .16s,border-color .16s,box-shadow .16s,transform .16s}
.quiz-shell.mbti16-layout .m16-choice-disagree{color:#70508b}
.quiz-shell.mbti16-layout.noir .m16-choice-disagree{color:#d8b9ef}
.quiz-shell.mbti16-layout .m16-choice-neutral{color:var(--answer-muted)}
.quiz-shell.mbti16-layout .m16-choice-label{color:var(--answer-ink);font-size:11px;font-weight:550;line-height:1.6}
.quiz-shell.mbti16-layout .m16-choice[aria-pressed="true"]{background:var(--answer-soft);border-color:currentColor;box-shadow:inset 0 -3px currentColor,0 3px 0 var(--answer-shadow)}
.quiz-shell.mbti16-layout .m16-choice.is-selected .m16-choice-circle>span{color:var(--answer-on-accent)}
.quiz-shell.mbti16-layout .m16-scale-ends{color:var(--answer-ink)}
.quiz-shell.mbti16-layout .m16-scale-ends>b{color:var(--answer-accent)}
.quiz-shell.mbti16-layout .m16-scale-ends>span{color:#70508b}
.quiz-shell.mbti16-layout.noir .m16-scale-ends>span{color:#d8b9ef}
.quiz-shell :is(.h-quiz-page,.ma-question-page,.an-question-page,.it-question-page,.ta-question-page,.de-question-page,.sh-question-page,.sc-question-page,.m16-question,.gd-question-page) [data-answer]:focus-visible{outline:2px solid var(--answer-accent);outline-offset:3px}
.quiz-shell :is(.h-quiz-page,.ma-question-page,.an-question-page,.it-question-page,.ta-question-page,.de-question-page,.sh-question-page,.sc-question-page,.m16-question,.gd-question-page) [data-answer]:active:not(:disabled){transform:translateY(2px) scale(.995);box-shadow:inset 0 1px 2px var(--answer-shadow)}
@media(hover:hover) and (pointer:fine){.quiz-shell :is(.h-quiz-page,.ma-question-page,.an-question-page,.it-question-page,.ta-question-page,.de-question-page,.sh-question-page,.sc-question-page,.m16-question,.gd-question-page) [data-answer]:hover:not(:disabled){background:var(--answer-soft);border-color:var(--answer-accent)}}
@media(max-width:360px){.quiz-shell :is(.h-quiz-page,.ma-question-page,.an-question-page,.it-question-page,.ta-question-page,.de-question-page,.sh-question-page,.sc-question-page,.gd-question-page) [data-answer]{padding:14px 12px;gap:10px}.quiz-shell.mbti16-layout .m16-choice-label{font-size:10px}}
@media(prefers-reduced-motion:reduce){.quiz-shell :is(.h-quiz-page,.ma-question-page,.an-question-page,.it-question-page,.ta-question-page,.de-question-page,.sh-question-page,.sc-question-page,.m16-question,.gd-question-page) [data-answer]{transition:none}.quiz-shell :is(.h-quiz-page,.ma-question-page,.an-question-page,.it-question-page,.ta-question-page,.de-question-page,.sh-question-page,.sc-question-page,.m16-question,.gd-question-page) [data-answer]:active:not(:disabled){transform:none}}
@media(prefers-reduced-motion:reduce){.quiz-shell.mbti16-layout .m16-choice:active .m16-choice-circle{transform:none}}