
/* Dedicated quiz route: editorial presentation, original questions and scoring. */
body.socionics-quiz-route{background:#0b101b;color:#dce3eb;}
body.socionics-quiz-route #quiz-page{background:radial-gradient(ellipse at 90% 12%,#45326340,transparent 55%),radial-gradient(ellipse at 5% 60%,#243b7025,transparent 60%);min-height:100vh;}
body.socionics-quiz-route .quiz-section{padding:3rem clamp(1.25rem,5vw,5rem) 5rem;}
body.socionics-quiz-route .sec-inner{max-width:1200px;width:100%;margin:auto;}
body.socionics-quiz-route .quiz-page-back{position:static!important;display:flex;margin:2rem clamp(1.25rem,5vw,5rem) 0;padding:0!important;border:0!important;background:none!important;font-size:11px;letter-spacing:.12em;}
body.socionics-quiz-route .sec-label{font:12px 'Share Tech Mono',monospace;letter-spacing:.2em;color:#aab5d6;margin-bottom:2rem;}
body.socionics-quiz-route .sec-heading{font:400 clamp(3.4rem,7vw,6.5rem)/.98 'Cormorant Garamond',serif;text-transform:none;letter-spacing:-.025em;max-width:950px;margin:0 0 3rem;text-align:left;}
body.socionics-quiz-route .sec-heading .accent{color:#8dd1e0;font-style:italic;}
body.socionics-quiz-route .quiz-context{display:grid;grid-template-columns:1fr 1fr;gap:2rem 4rem;width:100%;max-width:none;margin:0 0 4rem;}
body.socionics-quiz-route .quiz-context-panel{background:none;border:0;border-top:1px solid #a9c4d429;padding:1.5rem 0;box-shadow:none;}
body.socionics-quiz-route .quiz-context-panel.main{grid-column:1/-1;max-width:850px;border:0;padding:0 0 1rem;}
body.socionics-quiz-route .quiz-context-title{font:400 2rem/1.2 'Cormorant Garamond',serif;color:#e0e5ed;margin:.9rem 0;}
body.socionics-quiz-route .quiz-context-kicker{font:11px 'Share Tech Mono',monospace;letter-spacing:.15em;color:#a99dde;}
body.socionics-quiz-route :is(.quiz-context-copy,.quiz-faq-copy){font:400 19px/1.65 'Source Sans 3',sans-serif;color:#c0cad6;max-width:70ch;}
body.socionics-quiz-route :is(.quiz-start-btn,.hq-btn,.hq-view-type){background:#8dd1e0;color:#09131b;border:1px solid #8dd1e0;font:13px 'Share Tech Mono',monospace;letter-spacing:.08em;min-height:48px;cursor:pointer;}
body.socionics-quiz-route .quiz-faq{max-width:none;width:100%;padding-top:2rem;border-top:1px solid #a9c4d429;}
body.socionics-quiz-route .quiz-faq-title{font:400 2.6rem 'Cormorant Garamond',serif;color:#e0e5ed;letter-spacing:0;}
body.socionics-quiz-route .quiz-faq summary{font:400 1.6rem 'Cormorant Garamond',serif;padding:1.4rem 0;color:#dce3eb;cursor:pointer;}
body.socionics-quiz-route .quiz-faq details{background:none;border:0;border-bottom:1px solid #a9c4d429;}
body.socionics-quiz-route a{color:#8dd1e0;}
body.socionics-quiz-route #quiz-page.quiz-mode-active .quiz-section{padding-top:2rem;}
body.socionics-quiz-route #quiz-page .hero-quiz-shell{background:linear-gradient(135deg,#13223155,#24213b44);border:1px solid #a9c4d429;border-radius:4px;box-shadow:none;}
body.socionics-quiz-route #quiz-page .hero-quiz-shell::after{opacity:.25;}
body.socionics-quiz-route .hq-progress{padding:1.5rem 2rem;background:transparent;border-color:#a9c4d429;}
body.socionics-quiz-route :is(.hq-prog-label,.hq-prog-num,.hq-q-num){font-size:11px;letter-spacing:.12em;color:#afbdd2;}
body.socionics-quiz-route #quiz-page .hq-q-text{font-size:22px!important;line-height:1.55;color:#e0e6ee;}
body.socionics-quiz-route #quiz-page .hq-opt{padding:1rem 1.2rem;min-height:52px;border:1px solid #a9c4d429;border-radius:2px;background:#12202c44;cursor:pointer;}
body.socionics-quiz-route #quiz-page .hq-opt-text{font:400 19px/1.45 'Source Sans 3',sans-serif;color:#ced8e4;}
body.socionics-quiz-route #quiz-page .hq-opt.selected{background:#74cce218;border-color:#8dd1e0;box-shadow:inset 3px 0 #8dd1e0;}
body.socionics-quiz-route :is(button,.hq-opt,a,summary):focus-visible{outline:2px solid #8dd1e0;outline-offset:4px;}
body.socionics-quiz-route .hq-scene{background:none!important;border:0;}
body.socionics-quiz-route .hq-scene-frame{border:0;background:radial-gradient(ellipse,#8a73cf18,transparent 70%);box-shadow:none;}
body.socionics-quiz-route .hq-scene-frame::before,body.socionics-quiz-route .hq-scene-frame::after,body.socionics-quiz-route .hq-scene-orbital{display:none;}
body.socionics-quiz-route .hq-footer{background:none;padding:1.5rem 2rem;}
body.socionics-quiz-route .hq-btn.ghost{background:none;color:#bbc9d6;border:1px solid #a9c4d440;}
body.socionics-quiz-route .hq-btn:disabled{opacity:.3;cursor:not-allowed;}
body.socionics-quiz-route #quiz-page.quiz-has-result :is(.hq-scene,.hq-ritual){display:none!important;}
body.socionics-quiz-route #quiz-page.quiz-has-result .hq-result-inner{padding:3rem clamp(1.25rem,5vw,4rem);}
body.socionics-quiz-route .hq-result-code{font:400 clamp(5rem,12vw,8rem)/1 'Cormorant Garamond',serif;letter-spacing:.05em;}
body.socionics-quiz-route .hq-result-name{font:italic 400 2.5rem 'Cormorant Garamond',serif;letter-spacing:0;}
body.socionics-quiz-route :is(.hq-result-desc,.hq-breakdown-copy,.hq-warning,.result-panel-text,.result-dichotomy-copy){font:400 19px/1.65 'Source Sans 3',sans-serif;color:#c1cbd8;}
body.socionics-quiz-route .hq-result-desc{max-width:65ch;margin:1.5rem auto;}
body.socionics-quiz-route :is(.hq-result-breakdown,.hq-confidence,.hq-alternatives){background:none;border:0;border-top:1px solid #a9c4d429;padding:1.4rem 0;margin-top:1.2rem;}
body.socionics-quiz-route .hq-rf{font-size:14px;padding:.6rem .8rem;}
body.socionics-quiz-route .hq-rf.dim{opacity:.85;}
body.socionics-quiz-route :is(.hq-retake,.hq-book){font-size:12px;min-height:48px;padding:1rem;border:1px solid #a9c4d440;}
body.socionics-quiz-route .hq-warning{font-size:17px;max-width:65ch;margin:1.5rem auto;background:transparent;}
@media(max-width:700px){body.socionics-quiz-route .quiz-context{grid-template-columns:1fr;gap:1rem;}body.socionics-quiz-route .hq-progress{padding:1rem;gap:.6rem;flex-wrap:wrap;}body.socionics-quiz-route .hq-prog-num{width:auto;}body.socionics-quiz-route #quiz-page .hq-body{display:block;padding:1.25rem;}body.socionics-quiz-route #quiz-page .hq-q-text{margin-bottom:1.5rem;}body.socionics-quiz-route .hq-result-actions{display:flex;flex-direction:column;}body.socionics-quiz-route .hq-footer{padding:1rem;}}
@media(prefers-reduced-motion:reduce){body.socionics-quiz-route .hero-quiz *{animation:none!important;transition:none!important;}body.socionics-quiz-route .rc-letter{opacity:1!important;transform:none!important;}}

body.socionics-quiz-route .quiz-context{background:none;border:0;box-shadow:none;}
body.socionics-quiz-route #quiz-page :is(.hq-confidence,.hq-alternatives,.hq-result-actions){display:flex!important;}
body.socionics-quiz-route #quiz-page .hq-warning{display:block!important;}
body.socionics-quiz-route :is(.result-signal-panel,.result-dichotomy-panel,.result-life-panel,.result-relationship-panel,.result-dual-panel,.result-next-steps,.result-action-hub,.result-share-panel){background:none;border:0;border-top:1px solid #a9c4d429;box-shadow:none;}
body.socionics-quiz-route .result-panel-title{font:400 2.3rem/1.2 'Cormorant Garamond',serif;color:#dce3eb;}
body.socionics-quiz-route :is(.result-signal-copy,.result-life-copy,.result-bullet-list,.result-dual-copy){font:400 18px/1.6 'Source Sans 3',sans-serif;color:#becbd8;}
body.socionics-quiz-route :is(.result-signal-card,.result-life-card,.result-relation-box,.result-dichotomy-card){background:#10202a33;border-color:#a9c4d429;box-shadow:none;}
body.socionics-quiz-route :is(.result-action-btn,.result-next-pill,.result-share-btn){font-size:12px;min-height:44px;cursor:pointer;}
@media(prefers-reduced-motion:reduce){body.socionics-quiz-route .hq-result-inner>*{opacity:1!important;animation:none!important;}}

body.socionics-quiz-route :is(.hq-confidence,.hq-alternatives){font-size:12px;color:#bdc9d8;}
body.socionics-quiz-route .hq-result-name{text-transform:none;color:var(--result-color,#8dd1e0);}
body.socionics-quiz-route .hq-alternatives a{color:#c4d7e6;}
body.socionics-quiz-route :is(.result-action-grid,.result-next-grid) a{display:flex;align-items:center;justify-content:center;text-decoration:none;}

/* Spacious introduction and integrated FAQ. */
body.socionics-quiz-route #quiz-page:not(.quiz-mode-active) .quiz-section{padding-top:clamp(2.5rem,5vw,4.5rem);}
body.socionics-quiz-route .sec-heading{margin-bottom:2.5rem;}
body.socionics-quiz-route .quiz-context{gap:3rem 4rem;margin-bottom:0;overflow:visible;}
body.socionics-quiz-route .quiz-context::before{content:none;}
body.socionics-quiz-route .quiz-context-panel.main{grid-row:auto;padding-bottom:1.5rem;max-width:780px;}
body.socionics-quiz-route .quiz-context-panel.main .quiz-start{margin:2rem 0 0;}
body.socionics-quiz-route .quiz-context-panel:not(.main){padding:1.75rem 0 0;}
body.socionics-quiz-route .quiz-faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);column-gap:clamp(2rem,5vw,5rem);align-items:start;margin:clamp(3.5rem,7vw,6rem) 0 0;padding:clamp(2.5rem,5vw,4rem) 0 0;border:0;border-top:1px solid #a9c4d429;background:none;box-shadow:none;}
body.socionics-quiz-route .quiz-faq-title{grid-column:1;grid-row:1 / span 4;font:400 clamp(2.2rem,3.6vw,3.2rem)/1.08 'Cormorant Garamond',serif;text-transform:none;letter-spacing:-.02em;padding:0;border:0;margin:0;max-width:13ch;}
body.socionics-quiz-route .quiz-faq details{grid-column:2;min-width:0;margin:0;padding:0;border:0;border-bottom:1px solid #a9c4d429;border-radius:0;background:none;}
body.socionics-quiz-route .quiz-faq summary{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.5rem 0;list-style:none;font:400 clamp(1.3rem,2vw,1.6rem)/1.35 'Cormorant Garamond',serif;}
body.socionics-quiz-route .quiz-faq summary::after{position:static;transform:none;flex:0 0 24px;text-align:center;font:20px 'Share Tech Mono',monospace;color:#a99dde;}
body.socionics-quiz-route .quiz-faq details[open] summary{color:#8dd1e0;}
body.socionics-quiz-route .quiz-faq-copy{padding:0 2.5rem 1.75rem 0;margin:0;max-width:65ch;font:400 19px/1.65 'Source Sans 3',sans-serif;color:#bdc9d6;}
body.socionics-quiz-route .quiz-faq-copy a{text-decoration:underline;text-underline-offset:4px;}
@media(max-width:700px){body.socionics-quiz-route .quiz-faq{grid-template-columns:1fr;gap:0;margin-top:3rem;padding-top:2rem;}body.socionics-quiz-route .quiz-faq-title{grid-column:1;grid-row:auto;max-width:18ch;margin-bottom:1.5rem;}body.socionics-quiz-route .quiz-faq details{grid-column:1;}body.socionics-quiz-route .quiz-context{gap:2rem;}body.socionics-quiz-route .quiz-faq-copy{padding-right:.5rem;}body.socionics-quiz-route .quiz-faq summary{padding:1.25rem 0;}body.socionics-quiz-route .quiz-context-panel.main{padding-bottom:.5rem;}}

/* Stable quiz stage: only the question pane scrolls, controls remain in place. */
body.socionics-quiz-route #quiz-page.quiz-mode-active:not(.quiz-has-result) .hero-quiz-shell{height:clamp(560px,calc(100svh - 135px),900px);display:flex;flex-direction:column;}
body.socionics-quiz-route #quiz-page.quiz-mode-active:not(.quiz-has-result) .hq-progress{flex:0 0 auto;padding:1rem 1.5rem;}
body.socionics-quiz-route #quiz-page.quiz-mode-active:not(.quiz-has-result) .hq-scene{flex:0 0 150px;padding:0;}
body.socionics-quiz-route #quiz-page.quiz-mode-active:not(.quiz-has-result) .hq-ritual{display:none!important;}
body.socionics-quiz-route #hq-questions{display:flex;flex-direction:column;flex:1;min-height:0;}
body.socionics-quiz-route #hq-q-inner{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8dd1e055 transparent;min-height:0;flex:1;}
body.socionics-quiz-route #quiz-page .hq-footer{flex:0 0 auto;display:flex;flex-direction:row;justify-content:space-between;gap:1rem;margin:0;padding:1rem 1.5rem;border-top:1px solid #a9c4d429;background:#101b29f0;z-index:2;}
body.socionics-quiz-route .hq-footer button{min-width:120px;}
body.socionics-quiz-route #quiz-page .hq-scene-landscape{width:min(580px,100%);height:150px;margin:0 auto;border-radius:0;background:none;overflow:hidden;}
body.socionics-quiz-route #quiz-page .hq-scene-landscape svg{width:100%;height:150px;filter:drop-shadow(0 0 5px #8dd1e035);}
.hq-landscape-lines{fill:none;stroke:#9bbbd5;stroke-width:.7;opacity:.32;}
.hq-fireflies{fill:#c3b4fa;animation:quiz-fireflies 7s ease-in-out infinite alternate;}
.hq-mist{fill:none;stroke:#9bbbd5;stroke-width:.6;opacity:.25;animation:quiz-mist 10s ease-in-out infinite alternate;}
@keyframes quiz-fireflies{from{opacity:.3;transform:translateY(2px)}to{opacity:.85;transform:translateY(-4px)}}
@keyframes quiz-mist{from{transform:translateX(-6px)}to{transform:translateX(6px)}}


@media(max-width:700px){body.socionics-quiz-route #quiz-page.quiz-mode-active:not(.quiz-has-result) .hero-quiz-shell{height:calc(100svh - 110px);min-height:390px;}body.socionics-quiz-route #quiz-page.quiz-mode-active:not(.quiz-has-result) .hq-scene{flex-basis:105px;}body.socionics-quiz-route #quiz-page :is(.hq-scene-landscape,.hq-scene-landscape svg){height:105px;}body.socionics-quiz-route #quiz-page .hq-footer{padding:.75rem 1rem;}body.socionics-quiz-route #quiz-page .hq-body{padding:1rem;}body.socionics-quiz-route #quiz-page .hq-q-text{font-size:19px!important;}}
body.socionics-quiz-route #quiz-page.quiz-mode-active:not(.quiz-has-result) #hq-questions{display:flex!important;}

/* Keep the question label and prompt together, independently of answer height. */
body.socionics-quiz-route #quiz-page.quiz-mode-active .hq-body{align-items:start;grid-template-rows:auto;}
body.socionics-quiz-route #quiz-page .hq-prompt{grid-column:1;grid-row:1;align-self:start;min-width:0;}
body.socionics-quiz-route #quiz-page .hq-prompt .hq-q-num{margin:0 0 1rem;}
body.socionics-quiz-route #quiz-page .hq-prompt .hq-q-text{margin:0;}
body.socionics-quiz-route #quiz-page.quiz-mode-active .hq-options{grid-column:2;grid-row:1;align-self:start;}
@media(max-width:700px){body.socionics-quiz-route #quiz-page .hq-prompt{margin-bottom:1.5rem;}}

/* A concise, answer-based results report. */
body.socionics-quiz-route #quiz-page :is(.hq-confidence,.hq-alternatives,.hq-warning,.hq-result-actions,.hq-result-funcs){display:none!important;}
body.socionics-quiz-route #quiz-page .hq-result-inner{padding-bottom:1rem;}
.qe-result-report{padding:0 clamp(1.25rem,5vw,4rem) 3rem;text-align:left;}
.qe-result-report section{border-top:1px solid #a9c4d429;margin-top:2rem;padding-top:2rem;}
.qe-result-report h2{font:400 clamp(2rem,4vw,3rem)/1.15 'Cormorant Garamond',serif;color:#e0e5ed;margin:.8rem 0 1rem;}
.qe-result-report p{font:400 19px/1.65 'Source Sans 3',sans-serif;color:#bccad8;max-width:70ch;margin:0 0 1.5rem;}
.qe-eyebrow,.qe-rank-order{font:11px 'Share Tech Mono',monospace;letter-spacing:.14em;color:#a99dde;}
.qe-rank{display:grid;grid-template-columns:30px 1fr auto 95px;gap:1rem;align-items:center;padding:1.3rem 0;border-bottom:1px solid #a9c4d429;}
.qe-rank a{font:400 21px 'Source Sans 3',sans-serif;text-decoration:none;}
.qe-rank small{display:block;font:14px 'Source Sans 3',sans-serif;color:#a9b8cc;margin-top:.3rem;}
.qe-rank strong{font:400 23px 'Source Sans 3',sans-serif;text-align:right;color:#d7e0eb;}
.qe-rank a.qe-compare{font:12px 'Share Tech Mono',monospace;text-align:right;}
.qe-result-report summary{cursor:pointer;list-style:none;font:16px/1.5 'Source Sans 3',sans-serif;padding:1rem 0;color:#c5b9ec;}
.qe-result-report summary span{display:block;color:#d0dae4;font-size:18px;}
.qe-result-report details{border-bottom:1px solid #a9c4d429;}
.qe-result-report details p{font-size:17px;margin:1rem 0;}
.qe-answer-disclosure>summary{display:flex;justify-content:space-between;align-items:center;font:21px 'Source Sans 3',sans-serif;}
.qe-result-next>a,.qe-result-next>button{display:inline-block;font:13px 'Share Tech Mono',monospace;padding:1rem 1.25rem;margin:0 1rem 1rem 0;border:1px solid #8dd1e055;background:none;color:#8dd1e0;text-decoration:none;cursor:pointer;}
.qe-scene-motif{animation:quiz-motif-breathe 7s ease-in-out infinite;transform-origin:50px 50px;}
.qe-water{animation:quiz-water-drift 6s ease-in-out infinite alternate;}
.qe-ink{stroke-dasharray:90;animation:quiz-ink-reveal 8s ease-in-out infinite;}
@keyframes quiz-motif-breathe{0%,100%{opacity:.75;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}
@keyframes quiz-water-drift{from{transform:translateX(-3px)}to{transform:translateX(3px)}}
@keyframes quiz-ink-reveal{0%,100%{stroke-dashoffset:15;opacity:.45}50%{stroke-dashoffset:0;opacity:.85}}
@media(max-width:700px){.qe-rank{grid-template-columns:22px 1fr auto;gap:.6rem;}.qe-rank .qe-compare{grid-column:2;text-align:left!important;}.qe-rank a{font-size:18px;}.qe-result-report p{font-size:18px;}}

/* Original answer-driven storytelling, with lighter lines and focused highlights. */
body.socionics-quiz-route .hq-scene-landscape{color:#9dd8ea;}
body.socionics-quiz-route .hq-scene-path{stroke-width:1.5;}
body.socionics-quiz-route .hq-scene-path.thin{stroke-width:.8;}
body.socionics-quiz-route .hq-scene-path.wide{stroke-width:2.5;}
body.socionics-quiz-route .hq-scene-dot{fill:#d0c0ff;filter:drop-shadow(0 0 3px #ae98ef);}
body.socionics-quiz-route .hq-scene-orbit{stroke:#b4a1ed;stroke-width:.8;}
body.socionics-quiz-route .hq-scene-night{fill:#0b101b;}
body.socionics-quiz-route .hq-landscape-lines{opacity:.2;}

/* Align the back link with the content in each quiz state. */
body.socionics-quiz-route #quiz-page .quiz-page-back {
  position:static!important; width:calc(100% - 4rem); max-width:1200px;
  margin:1.75rem auto 0!important; padding:.5rem 0!important;
  min-height:32px; gap:.75rem; align-items:center; line-height:1.5;
}
body.socionics-quiz-route #quiz-page.quiz-mode-active .quiz-page-back{max-width:1180px;}
body.socionics-quiz-route #quiz-page.quiz-has-result .quiz-page-back{max-width:980px;}
@media(max-width:700px){body.socionics-quiz-route #quiz-page .quiz-page-back{width:calc(100% - 2rem);margin-top:1.25rem!important;}}

body.socionics-quiz-route #quiz-page .hq-result-orb{width:210px;height:230px;margin:0 auto 2rem;animation:none;opacity:1;overflow:visible;background:radial-gradient(ellipse,rgba(var(--result-rgb),.18),transparent 70%);border:0;box-shadow:none;}
body.socionics-quiz-route .hq-result-orb svg{width:210px;height:210px;overflow:visible;filter:drop-shadow(0 0 12px rgba(var(--result-rgb),.7));}
body.socionics-quiz-route .hq-result-orb .sigil-line{fill:none;stroke:var(--result-color);stroke-width:1.5;}
body.socionics-quiz-route .hq-result-orb .sigil-fill{fill:var(--result-color);stroke:none;}
.qe-sigil-toggle{display:block;margin:.5rem auto;border:0;background:none;color:#aebed1;font:11px 'Share Tech Mono',monospace;cursor:pointer;}
.qe-share-buttons{display:flex;flex-wrap:wrap;gap:.75rem;}
.qe-share-buttons button{padding:1rem 1.25rem;background:#92cfe415;border:1px solid #92cfe450;color:#a4dcec;font:13px 'Share Tech Mono',monospace;cursor:pointer;}
.qe-share-buttons button:first-child{background:#8dd1e0;color:#08121b;}
.qe-share-status{min-height:1.5em;margin-top:1rem!important;font-size:15px!important;overflow-wrap:anywhere;}
body.socionics-quiz-route .quiz-start{flex-wrap:wrap;gap:1rem;}
#qe-saved-result{background:transparent;color:#8dd1e0;}
body.socionics-quiz-route .hq-result-code{font-size:clamp(5rem,11vw,7rem);}

body.socionics-quiz-route .hq-result-orb .sigil-line{stroke:var(--result-color)!important;fill:none!important;}
body.socionics-quiz-route .hq-result-orb .sigil-fill{fill:var(--result-color)!important;stroke:none!important;}

/* Type-first result composition with the shared cool editorial atmosphere. */
body.socionics-quiz-route #quiz-page.quiz-has-result .hero-quiz-shell{background:radial-gradient(ellipse at 85% 15%,#65479c24,transparent 55%),radial-gradient(ellipse at 0% 45%,#267d8020,transparent 60%),#0d142080;border-color:#b3bbd522;}
body.socionics-quiz-route #quiz-page.quiz-has-result .hero-quiz-shell::after{opacity:.08;}
body.socionics-quiz-route #quiz-page .hq-result-top{display:none;}
body.socionics-quiz-route #quiz-page.quiz-has-result .hq-result-inner{display:flex;flex-direction:column;align-items:center;padding-top:2.5rem;}
body.socionics-quiz-route #quiz-page .hq-result-orb{order:3;width:112px!important;height:145px!important;margin:1.25rem auto!important;background:none;flex:none;}
body.socionics-quiz-route #quiz-page .hq-result-orb svg{width:112px!important;height:112px!important;filter:drop-shadow(0 0 7px rgba(var(--result-rgb),.5));}
body.socionics-quiz-route .hq-result-orb::before,body.socionics-quiz-route .hq-result-orb::after{content:none!important;}
body.socionics-quiz-route #quiz-page .hq-result-inner>.hq-q-num{order:0;margin:0 0 1rem!important;}
body.socionics-quiz-route #quiz-page .hq-result-code{order:1;font-size:clamp(6rem,13vw,9rem);line-height:1;}
body.socionics-quiz-route #quiz-page .hq-result-code .rc-letter{text-shadow:0 0 30px rgba(var(--result-rgb),.15);}
body.socionics-quiz-route #quiz-page .hq-result-name{order:2;margin:.6rem 0 0;font-size:2.4rem;}
body.socionics-quiz-route #quiz-page .hq-result-desc{order:4;margin:1rem auto 0;font-size:19px;max-width:58ch;}
body.socionics-quiz-route #quiz-page .hq-result-glow{display:none;}
.qe-social-links{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;margin:1.3rem 0;}
.qe-social-links a{font:13px 'Share Tech Mono',monospace;text-decoration:none;color:#b1c8df;}

/* Let the page atmosphere show through the result, without another tinted panel. */
body.socionics-quiz-route #quiz-page.quiz-has-result .hero-quiz-shell{background:transparent!important;border:0;box-shadow:none;border-radius:0;}
body.socionics-quiz-route #quiz-page.quiz-has-result .hero-quiz-shell::before,
body.socionics-quiz-route #quiz-page.quiz-has-result .hero-quiz-shell::after{content:none;}
body.socionics-quiz-route #quiz-page.quiz-has-result :is(.hq-result,.hq-result-inner,.hq-progress,.qe-result-report){background:transparent;box-shadow:none;}
.qe-result-report section.qe-share{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1.25rem;border:0;margin-top:1.25rem;padding:0;}
.qe-share-label{font:14px 'Share Tech Mono',monospace;color:#c8d5e3;background:none;border:0;padding:.6rem 0;cursor:pointer;}
.qe-share .qe-social-links{margin:0;gap:.25rem;}
.qe-share .qe-social-links a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:#b4c5d9;}
.qe-share .qe-social-links svg{width:20px;height:20px;}
.qe-share .qe-social-links a:hover{color:#8dd1e0;}
.qe-share .qe-share-buttons{gap:1rem;margin-left:auto;}
.qe-share .qe-share-buttons button,.qe-share .qe-share-buttons button:first-child{background:none;border:0;color:#adc7d9;min-height:44px;padding:.5rem 0;font-size:12px;}
.qe-share .qe-share-status{flex-basis:100%;min-height:0;margin:0!important;}
.qe-share .qe-share-status:empty{display:none;}
@media(max-width:700px){.qe-share .qe-share-buttons{margin-left:0;}.qe-share-label{flex-basis:100%;}}

/* Compact luminous emblem above the result, on a continuous night gradient. */
body.socionics-quiz-route #quiz-page.quiz-has-result{background:radial-gradient(ellipse at 85% 12%,#39265330,transparent 55%),radial-gradient(ellipse at 8% 55%,#24346820,transparent 65%),#080d16;position:relative;isolation:isolate;}
body.socionics-quiz-route #quiz-page.quiz-has-result::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(circle at 25% 20%,#abc9e666 0 .7px,transparent 1.3px),radial-gradient(circle at 75% 65%,#b2a0da55 0 .6px,transparent 1.2px);background-size:269px 311px,397px 367px;opacity:.45;}
body.socionics-quiz-route #quiz-page .hq-result-orb{order:0;width:132px!important;height:161px!important;margin:0 auto 1.2rem!important;background:radial-gradient(ellipse at 50% 40%,rgba(var(--result-rgb),.13),transparent 70%);}
body.socionics-quiz-route #quiz-page .hq-result-orb svg{width:132px!important;height:132px!important;filter:drop-shadow(0 0 6px rgba(var(--result-rgb),.85)) drop-shadow(0 0 16px rgba(var(--result-rgb),.4));}
body.socionics-quiz-route #quiz-page .hq-result-inner>.hq-q-num{order:-1;font-size:10px;letter-spacing:.16em;}
body.socionics-quiz-route #quiz-page .hq-result-desc{max-width:62ch;}
body.socionics-quiz-route .hq-result-desc p{margin:1.1rem 0;font-style:normal;line-height:1.65;}
body.socionics-quiz-route .hq-result-desc .qe-relate{margin-top:1.6rem;color:#d0dae6;}
.qe-relate span{display:block;color:#a99dde;font:11px 'Share Tech Mono',monospace;letter-spacing:.12em;margin-bottom:.7rem;}

/* A readable type introduction follows the answer review. */
.qe-type-description p{max-width:68ch;line-height:1.75;margin:1.25rem 0;color:#c5cdd8;}

/* Cool night atmosphere, with sparse stars and no teal wash. */
body.socionics-quiz-route #quiz-page.quiz-has-result{background:radial-gradient(ellipse at 83% 10%,#402d642e,transparent 55%),radial-gradient(ellipse at 12% 25%,#243b6a24,transparent 55%),#080911;}
body.socionics-quiz-route #quiz-page.quiz-has-result::before{animation:qe-stars-breathe 7s ease-in-out infinite alternate;}
@keyframes qe-stars-breathe{from{opacity:.2;}to{opacity:.65;}}
body.socionics-quiz-route #quiz-page.qe-motion-paused::before{animation-play-state:paused;}
@media(prefers-reduced-motion:reduce){body.socionics-quiz-route #quiz-page.quiz-has-result::before{animation:none;opacity:.4;}}

/* Landing rhythm: title, introduction, then a separate reading guide. */
body.socionics-quiz-route #quiz-page:not(.quiz-mode-active) .sec-heading{margin-bottom:clamp(3.5rem,6vw,5.5rem);max-width:1050px;}
body.socionics-quiz-route .quiz-context-panel.main{max-width:none;padding-bottom:clamp(2rem,4vw,3.5rem);}
body.socionics-quiz-route .quiz-context-panel.main .quiz-context-title{max-width:23ch;line-height:1.18;margin:1.25rem 0 1.75rem;}
body.socionics-quiz-route .quiz-context-panel.main .quiz-context-copy{max-width:53ch;line-height:1.75;margin:0;}
body.socionics-quiz-route .quiz-context-panel.main .quiz-start{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin:2.5rem 0 0;}
body.socionics-quiz-route .quiz-context-panel.main .quiz-start button{margin:0;min-width:0;padding:1.1rem 1.65rem;}
body.socionics-quiz-route .quiz-context-panel:not(.main){padding-top:2.25rem;}
body.socionics-quiz-route .quiz-context-panel:not(.main) .quiz-context-title{margin:1.25rem 0 1.5rem;line-height:1.2;}
@media(max-width:700px){
 body.socionics-quiz-route #quiz-page:not(.quiz-mode-active) .sec-heading{margin-bottom:3rem;}
 body.socionics-quiz-route .quiz-context-panel.main .quiz-context-title{font-size:2rem;}
 body.socionics-quiz-route .quiz-context-panel.main .quiz-start{gap:.75rem;}
 body.socionics-quiz-route .quiz-context-panel.main .quiz-start button{width:100%;}
}

/* Keep the introduction in one flow, with an intentional title break. */
body.socionics-quiz-route #quiz-page:not(.quiz-mode-active) .sec-heading .accent{display:block;}
body.socionics-quiz-route .quiz-context-panel.main{display:block;max-width:850px;}
body.socionics-quiz-route .quiz-context-panel.main .quiz-context-title{max-width:32ch;}

.qe-result-identity{order:3;display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem 3rem;margin:2rem 0 1rem;}
.qe-result-identity a{display:flex;flex-direction:column;gap:.4rem;text-decoration:none;text-align:center;}
.qe-result-identity span{font:10px 'Share Tech Mono',monospace;letter-spacing:.12em;color:#a8a4bd;}
.qe-result-identity strong{font:400 1.65rem 'Cormorant Garamond',serif;color:#d9d5ec;}
.qe-result-identity small{font-size:14px;color:#aab7ca;}
.qe-result-identity a:hover strong{color:#9bc5f0;}
@media(max-width:500px){.qe-result-identity{gap:1.5rem;}.qe-result-identity small{font-size:12px;}}

/* Result hierarchy: emblem, match label, name, introduction, then theory. */
body.socionics-quiz-route #quiz-page .hq-result-inner>.hq-q-num{order:0;}
body.socionics-quiz-route #quiz-page .hq-result-orb{order:-1;}
body.socionics-quiz-route #quiz-page .hq-result-desc{order:3;}
body.socionics-quiz-route #quiz-page .qe-result-identity{order:4;}
