/* Shared 16P / MBTI experience. Scoped to the personality application. */
body.test-suite-page{background:#090e13;color:#f4f0e8}
.test-suite-page [data-personality-app] .test-hero{padding:50px 0 0!important}
[data-personality-app] .personality-hero-focus{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr);column-gap:56px;align-items:center;max-width:1160px}
[data-personality-app] .test-title{grid-column:1;grid-row:1;font-size:clamp(38px,4.8vw,70px)!important;line-height:1.06!important;text-align:left;margin:0!important;letter-spacing:-.045em}
[data-personality-app] .test-lead{grid-column:1;grid-row:2;text-align:left;font-size:19px!important;line-height:1.55!important;margin:20px 0 0!important;max-width:42ch}
.test-suite-page [data-personality-app] .personality-intro-scene{grid-column:2;grid-row:1/5;width:100%!important;max-width:500px!important;height:auto!important;margin:0!important}
[data-personality-app] .test-hero-actions{grid-column:1;grid-row:3;display:flex;justify-content:flex-start;margin:36px 0 30px!important}
[data-personality-app] .test-hero-actions .btn{min-height:58px;padding:18px 30px!important;font-size:18px!important;border-radius:999px;max-width:100%;text-align:center}
[data-personality-app] .test-proof{grid-column:1;grid-row:4;text-align:left;font-size:13px!important;line-height:1.6;color:#bdb7ae;max-width:46ch;margin:0!important}
[data-personality-app] .test-how{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:76px 0 20px!important;padding:0!important;list-style:none}
[data-personality-app] .test-how li{min-width:0;background:#141b22;border:1px solid #344049;border-radius:20px;padding:24px;text-align:center}
[data-personality-app] .test-how h2,[data-personality-app] .test-how p{text-align:center!important}
[data-personality-app] .test-how .how-art{height:126px;margin-bottom:18px;mask-image:none;mix-blend-mode:normal}
.personality-ai-choice{grid-column:1/-1;grid-row:5;max-width:730px;margin:24px auto 0;padding:16px 20px;border:1px solid #344049;border-radius:14px;text-align:left}
.personality-ai-choice[hidden]{display:none}.personality-ai-choice label{font-weight:700;display:flex;gap:10px;align-items:center}.personality-ai-choice input{width:20px;height:20px;accent-color:#d8b67b}.personality-ai-choice p{margin:8px 0 0;font-size:12px;line-height:1.6;color:#bdb7ae}
body.test-suite-page.personality-answering .test-shell{max-width:800px;margin:0 auto;padding:16px 20px 60px!important}
body.test-suite-page [data-personality-panel]{padding:0 28px 24px!important;overflow:visible;border:1px solid #35414b;border-radius:24px;background:#111920;scroll-margin-top:84px}
body.test-suite-page .personality-professor-guide{position:sticky;width:100%;max-width:100%;box-sizing:border-box;top:68px;z-index:12;display:flex;align-items:center;justify-content:center;height:118px;margin:0 0 16px!important;padding:8px;background:linear-gradient(#111920 80%,#111920ed);border-radius:24px 24px 0 0;border-bottom:1px solid #344049;pointer-events:none}
body.test-suite-page .personality-professor-guide .rosi-live{width:96px;height:98px;margin:0}
body.test-suite-page .personality-professor-guide .personality-professor{width:96px;height:98px!important}
body.test-suite-page .personality-professor-guide .rosi-live-toggle{display:none!important}
body.test-suite-page [data-personality-panel] .test-progress-copy{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;font-size:12px}
body.test-suite-page [data-personality-panel] .test-progress-copy p{margin:0;font-size:12px}
body.test-suite-page [data-personality-panel] .progress-rail{height:4px;margin:0 0 24px}
body.test-suite-page [data-personality-panel] .question-row{border:0;padding:0!important;margin:0!important;min-width:0;animation:none!important;opacity:1!important;transform:none!important}
body.test-suite-page [data-personality-panel] .question-row legend{float:none;display:block;width:100%;font-size:clamp(23px,3vw,32px)!important;line-height:1.3!important;font-weight:760;letter-spacing:-.025em;text-align:center;margin:0 0 22px;padding:0}
.personality-followup-note{text-align:center;color:#cbb68f;font-size:13px;line-height:1.5;margin:0 0 18px}
.personality-choices{display:grid;gap:9px;width:100%;max-width:560px;margin:0 auto}
.personality-answer{display:block;width:100%;min-height:46px;border:1px solid #3d4b55;border-radius:12px;background:#18222b;color:#f4f0e8;font:600 15px/1.3 inherit;padding:12px 16px;text-align:center;cursor:pointer;transition:background .15s,border-color .15s}
.personality-answer:hover{background:#25323c;border-color:#b89b67}.personality-answer[aria-pressed="true"]{background:#d8b67b;color:#11171c;border-color:#f3d39c}.personality-answer:focus-visible{outline:3px solid #e2fa87;outline-offset:3px}.personality-answer:disabled{opacity:1;cursor:default}
[data-personality-panel] .test-back{display:block;margin:22px auto 0;min-height:44px;padding:8px 18px}[data-personality-panel] .test-back[hidden]{display:none}
[data-personality-panel][aria-busy="true"]:after{content:"…";display:block;text-align:center;color:#d8b67b;font-size:24px}
[data-personality-result]{width:100%;max-width:1120px;margin:auto;padding:clamp(18px,4vw,42px)!important;overflow:visible!important}
[data-personality-result] .type-result-hero{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:12px 36px;text-align:left}
[data-personality-result] .result-character{grid-column:1;grid-row:1/6;width:100%;height:300px;object-fit:contain;mix-blend-mode:normal;mask-image:none}
[data-personality-result] .type-result-hero>:not(.result-character){grid-column:2;margin:0}
[data-personality-result] .type-code{font-size:clamp(40px,6vw,74px)!important;line-height:1.05}
[data-personality-result] .type-hook{font-size:15px;line-height:1.65;color:#c8c3b9}
[data-personality-result] .type-letter-story{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px!important}[data-personality-result] .type-letter-story>div{padding:8px;background:#1c2730;border-radius:9px}
[data-personality-result] .type-result-nav{position:sticky;top:74px;z-index:15;display:flex;flex-wrap:nowrap;overflow:auto;gap:8px;padding:12px;background:#111920f5;border:1px solid #3e4b54;border-radius:16px;margin:26px 0;scrollbar-width:thin}
[data-personality-result] .type-result-nav a{flex:0 0 auto;font-size:13px;padding:9px 12px;border:1px solid #48545d;border-radius:999px;text-decoration:none;color:#ebce9d}
[data-personality-result] .playbook-chapter,[data-personality-result] .result-short,[data-personality-result] .personality-ai-result{scroll-margin-top:150px;margin:24px 0;padding:24px;border:1px solid #35424c;border-radius:20px;background:#131d25}
[data-personality-result] .chapter-scene{float:right;width:min(28%,230px);height:170px;object-fit:contain;margin:0 0 18px 24px;mix-blend-mode:normal;mask-image:none}
[data-personality-result] .playbook-chapter h2{font-size:clamp(25px,3vw,35px);line-height:1.2;margin:0 0 14px}
[data-personality-result] .chapter-statement{max-width:62ch;font-size:18px;line-height:1.55}
[data-personality-result] .insight-cards{clear:both;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}
[data-personality-result] .insight-cards article{background:#1b2832;border:1px solid #364651;border-radius:14px;padding:18px;text-align:center}
[data-personality-result] .insight-cards h3{font-size:16px;line-height:1.3;margin:0 0 12px}[data-personality-result] .insight-cards p{font-size:14px;line-height:1.6;margin:0}
[data-personality-result] .chapter-evidence{display:none} /* Same exact axis values remain in the visual summary, no repeated walls. */
[data-personality-result] .type-dimensions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}[data-personality-result] .type-dimensions>.result-heading{grid-column:1/-1}
[data-personality-result] .type-dimensions article{padding:20px;border:1px solid #35424c;border-radius:16px;background:#141f28}[data-personality-result] .dimension-scene{display:none}
[data-personality-result] .result-short ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;gap:16px}[data-personality-result] .result-short li{padding:18px;border-radius:14px;background:#1c2a34;line-height:1.6}
@media(max-width:760px){
 .test-suite-page [data-personality-app] .test-hero{padding:26px 0 0!important}
 [data-personality-app] .personality-hero-focus{display:flex;flex-direction:column;gap:0;max-width:600px;padding:0 20px;width:100%;box-sizing:border-box}
 [data-personality-app] .test-title{text-align:center;font-size:clamp(30px,7.7vw,45px)!important;line-height:1.1!important;max-width:14ch}
 [data-personality-app] .test-lead{text-align:center;font-size:16px!important;line-height:1.5!important;margin:16px 0 0!important;max-width:32ch}
 .test-suite-page [data-personality-app] .personality-intro-scene{width:min(78%,300px)!important;margin:18px 0 0!important;flex-shrink:0}
 [data-personality-app] .test-hero-actions{margin:32px 0 26px!important;width:100%;justify-content:center}
 [data-personality-app] .test-hero-actions .btn{width:100%;max-width:380px;min-height:56px;padding:16px 20px!important;font-size:16px!important}
 [data-personality-app] .test-proof{text-align:center;font-size:12px!important;max-width:32ch}
 [data-personality-app] .test-how{width:100%;grid-template-columns:1fr;gap:16px;margin:70px 0 0!important;padding-top:20px!important}
 [data-personality-app] .test-how li{padding:24px}[data-personality-app] .test-how .how-art{height:130px}
 body.test-suite-page.personality-answering .test-shell{padding:8px 12px 32px!important}
 body.test-suite-page [data-personality-panel]{padding:0 16px 18px!important;scroll-margin-top:66px}
 body.test-suite-page .personality-professor-guide{top:60px;height:88px;margin:0 0 12px!important;padding:4px}
 body.test-suite-page .personality-professor-guide .rosi-live,body.test-suite-page .personality-professor-guide .personality-professor{width:74px;height:76px!important}
 body.test-suite-page [data-personality-panel] .question-row legend{font-size:23px!important;margin-bottom:20px}
 .personality-choices{gap:8px}.personality-answer{min-height:46px;padding:11px 12px;font-size:14px}
 [data-personality-result] .type-result-hero{display:flex;flex-direction:column;text-align:center}
 [data-personality-result] .result-character{height:230px;max-width:330px;margin:0 auto}
 [data-personality-result] .type-result-title{display:block}[data-personality-result] .type-letter-story{justify-content:center}
 [data-personality-result] .type-result-nav{top:62px;margin:20px -5px;padding:9px}
 [data-personality-result] .type-dimensions,[data-personality-result] .result-short ul,[data-personality-result] .insight-cards{grid-template-columns:1fr}
 [data-personality-result] .chapter-scene{float:none;width:100%;height:170px;margin:0 auto 12px}
 [data-personality-result] .playbook-chapter,[data-personality-result] .result-short{padding:18px}
}
@media(prefers-reduced-motion:reduce){.personality-answer{transition:none}}

/* Override the older fixed-nav compensation now that the unified nav occupies flow. */
body.test-suite-page > .nav + main[data-personality-app] > .test-hero{padding-top:40px!important}
body.test-suite-page [data-personality-app] .test-hero>.wrap{width:min(1160px,calc(100% - 48px))!important;padding:0!important}
body.test-suite-page [data-personality-result] .result-character{background:transparent!important;height:300px!important;width:100%!important;max-width:100%;aspect-ratio:auto;float:none;border:0;border-radius:0}
body.test-suite-page [data-personality-result] .type-result-hero{background:transparent!important;padding:0;border:0}
body.test-suite-page [data-personality-result] .type-hook{font-size:16px!important;line-height:1.6!important;margin:14px 0!important}
body.test-suite-page [data-personality-result] .type-label{font-size:clamp(25px,3vw,38px)!important;line-height:1.15!important}
body.test-suite-page [data-personality-result] .type-sections .insight-cards article{padding:18px!important;border:1px solid #364651!important;background:#1b2832!important;border-radius:14px!important}
body.test-suite-page [data-personality-result] .type-sections .insight-cards p{font-size:14px!important;line-height:1.6!important}
@media(max-width:760px){
 body.test-suite-page > .nav + main[data-personality-app] > .test-hero{padding-top:24px!important}
 body.test-suite-page [data-personality-app] .test-hero>.wrap{width:calc(100% - 36px)!important}
 [data-personality-app] .personality-hero-focus{min-height:calc(100svh - 98px);justify-content:center;box-sizing:border-box;padding:0 0 24px}
 [data-personality-app] .test-how{margin-top:56px!important}
 body.test-suite-page [data-personality-result] .result-character{height:230px!important}
}

/* Preserve the seven-circle Likert interaction and its in-circle check. */
body.test-suite-page [data-personality-panel] .personality-choices{display:flex;align-items:center;justify-content:space-between;gap:7px;max-width:560px;margin:14px auto 0}
body.test-suite-page [data-personality-panel] .personality-answer{flex:0 1 58px;width:58px;min-width:0;min-height:0;height:auto;aspect-ratio:1;border-radius:50%;padding:0;border:2px solid #98856b;background:#17232b;display:grid;place-items:center}
body.test-suite-page [data-personality-panel] .personality-answer:nth-child(2),body.test-suite-page [data-personality-panel] .personality-answer:nth-child(6){flex-basis:50px}
body.test-suite-page [data-personality-panel] .personality-answer:nth-child(3),body.test-suite-page [data-personality-panel] .personality-answer:nth-child(5){flex-basis:44px}
body.test-suite-page [data-personality-panel] .personality-answer:nth-child(4){flex-basis:38px;border-color:#778690}
body.test-suite-page [data-personality-panel] .personality-answer[aria-pressed="true"]{background:#e4c58d;border-color:#f7dcab;color:#101820}
.personality-answer .answer-check{visibility:hidden;font:700 24px/1 sans-serif}.personality-answer[aria-pressed="true"] .answer-check{visibility:visible}
.personality-scale-labels{display:flex;justify-content:space-between;gap:12px;max-width:560px;margin:16px auto 0;color:#d3ccc0;font-size:12px;line-height:1.4}.personality-scale-labels span{flex:1}.personality-scale-labels span:nth-child(2){text-align:center}.personality-scale-labels span:last-child{text-align:right}
body.test-suite-page [data-personality-result] .type-code,body.test-suite-page [data-personality-result] .type-label,body.test-suite-page [data-personality-result] [data-type-code],body.test-suite-page [data-personality-result] [data-type-label]{color:#f4e4c4!important;-webkit-text-fill-color:#f4e4c4!important;background:none!important}
body.test-suite-page [data-personality-result] .type-letter-story,body.test-suite-page [data-personality-result] .type-letter-story *{color:#efe7da!important;-webkit-text-fill-color:#efe7da!important}
body.test-suite-page [data-personality-result] [data-type-subtitle]{color:#d3c9b6!important}
@media(max-width:400px){body.test-suite-page [data-personality-panel] .personality-choices{gap:5px}.personality-answer .answer-check{font-size:19px}.personality-scale-labels{font-size:11px;gap:6px}}
body.test-suite-page [data-personality-result] .type-hook,body.test-suite-page [data-personality-result] [data-type-hook],body.test-suite-page [data-personality-result] .test-kicker{color:#cfc7b9!important;-webkit-text-fill-color:#cfc7b9!important}
body.test-suite-page [data-personality-result] .type-result-hero [data-type-code]{overflow-wrap:anywhere}

/* v103: a larger guide and compact, progressive four-question pages. */
body.test-suite-page .personality-professor-guide{position:relative;top:auto;height:176px;padding:4px;margin-bottom:10px!important}
body.test-suite-page .personality-professor-guide .rosi-live,body.test-suite-page .personality-professor-guide .personality-professor{width:164px;height:168px!important}
body.test-suite-page [data-personality-panel] .test-progress-copy{margin-bottom:5px;font-size:11px}
body.test-suite-page [data-personality-panel] .progress-rail{margin-bottom:16px}
.personality-review{display:block;width:100%;padding:13px 16px;margin:0 0 12px;border:1px solid #43505a;border-radius:12px;background:#17232b;color:#d5e3d1;font:inherit;font-size:14px;line-height:1.45;text-align:left;cursor:pointer}
.personality-review:focus-visible{outline:3px solid #e2fa87;outline-offset:3px}
.personality-idle-hint{margin:20px auto 0;max-width:48ch;color:#b8c4c9;text-align:center;font-size:13px;line-height:1.5}
.personality-couple-return{display:flex;width:fit-content;margin:24px auto;text-align:center}
body.test-suite-page [data-personality-panel] .personality-answer:not([aria-pressed="true"]):hover{background:#24363f;border-color:#b3c5cd}
body.test-suite-page [data-personality-panel] .personality-answer[aria-pressed="true"]{background:#c4e0ca;border-color:#e0f3df;color:#101820}
@media(max-width:760px){body.test-suite-page .personality-professor-guide{height:148px}body.test-suite-page .personality-professor-guide .rosi-live,body.test-suite-page .personality-professor-guide .personality-professor{width:140px;height:144px!important}.personality-review{font-size:13px;padding:11px 13px}}
