/* MBTI scenario cards: quiet reading area, clear choices, visible result provenance. */
.mq-levels .u-level{position:relative;overflow:hidden;display:flex;flex-direction:column;background:radial-gradient(ellipse at 100% 0,#8c69a82a,transparent 65%),linear-gradient(145deg,#171d32ed,#0d1323f5)}
.mq-levels .u-level:before{content:'';position:absolute;width:140px;height:140px;border:1px solid #c6abd025;border-radius:50%;right:-75px;top:-55px;box-shadow:0 0 0 22px #c6abd008,0 0 0 44px #c6abd005}
.mq-levels .mq-level-no{font:11px/1.6 ui-monospace,monospace;letter-spacing:.14em;color:#c4b1d7;margin-bottom:14px}
.mq-levels .u-level h3{margin:0 0 18px}.mq-levels .u-level strong{font-size:15px;font-weight:500;color:#e2d4ee}.mq-levels .u-level p{font-size:14px;line-height:1.8;min-height:50px;margin:10px 0 20px;color:#bcb6cb}.mq-levels .u-level>.primary{margin-top:20px}.mq-level-note{font-size:13px;color:#bab2cb;text-align:center;margin:16px 0 28px}
.u-quiz.mq-quiz{max-width:880px;padding:28px 40px 25px;background:radial-gradient(ellipse at 50% 20%,#42345c45,transparent 55%),linear-gradient(145deg,#161d30f7,#0d1425f7);position:relative;overflow:hidden}
.mq-stage{display:flex;align-items:center;justify-content:space-between;margin:22px 0 10px;color:#bdb5cc;font-size:13px}.mq-stage b{font-size:22px;font-weight:500;color:#ead8b7}.mq-stage b small{font-size:13px;color:#938fa8}.mq-quiz .progress-line{height:3px;background:#d7bbec15;margin:0}.mq-quiz .progress-line span{background:linear-gradient(90deg,#a88fce,#efd5a1)}
.mq-scene-art{height:120px;width:180px;margin:14px auto 6px;display:grid;place-items:center;position:relative}.mq-scene-art:before{content:'';position:absolute;inset:20px;background:radial-gradient(ellipse,#a58cd635,transparent 70%)}.mq-scene-art i{position:absolute;inset:22px 20px;border:1px solid #c0a3db40;border-radius:50%;transform:rotate(-25deg)}.mq-scene-art i:nth-child(2){inset:36px 4px;transform:rotate(25deg)}.mq-scene-art i:nth-child(3){inset:12px 44px;transform:rotate(40deg);border-color:#dec28d50}.mq-scene-art i:first-child:after{content:'';width:6px;height:6px;border-radius:50%;background:#e4c894;box-shadow:0 0 12px #e4c894;position:absolute;top:5px;left:18px}.mq-scene-art>span{font-size:38px;color:#eddaaf;text-shadow:0 0 30px #c3a4ee;z-index:1}
.mq-overline{display:block;text-align:center;color:#bfb3d0;font-size:12px;letter-spacing:.03em}.mq-quiz h2{font-size:clamp(24px,3vw,32px);line-height:1.45;text-align:center;margin:13px 0!important;color:#f2e7dc;outline:none}.mq-quiz .mq-question{font-size:16px;line-height:1.9;text-align:center;max-width:620px;margin:0 auto 24px;color:#ccc6d8}
.mq-options{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mq-option{border:1px solid #b5a0d339;border-radius:18px;background:linear-gradient(145deg,#d3afe908,#1d243733);padding:22px 22px 18px;display:flex;flex-direction:column;transition:border-color .2s,background .2s,box-shadow .2s}.mq-option:nth-child(2){border-color:#e1c69733;background:linear-gradient(145deg,#ead6ad08,#1d243733)}.mq-option:hover,.mq-option:focus-within,.mq-option.chosen{border-color:#d2b8ee90;background:#c4a0e212;box-shadow:0 8px 36px #06091444}.mq-option:nth-child(2):hover,.mq-option:nth-child(2):focus-within{border-color:#e1c69790;background:#e1c6970d}.mq-option-letter{font:13px ui-monospace,monospace;color:#bba0d9;letter-spacing:.08em}.mq-option:nth-child(2) .mq-option-letter{color:#d8c095}.mq-option p{font-size:17px;line-height:1.85;margin:12px 0 22px;color:#ece5f4;flex:1}.mq-option>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mq-option button{border:1px solid #c7b0e232;border-radius:10px;padding:12px 8px;background:#0c12235c;color:#cfc4de;font:inherit;font-size:13px;cursor:pointer;min-height:46px}.mq-option button:last-child{background:#c4a1ea1c;color:#eedcff;border-color:#c8a3e955}.mq-option:nth-child(2) button:last-child{background:#e5c68b16;border-color:#dfc49250;color:#efddb9}.mq-option button:hover,.mq-option button[aria-pressed=true]{background:#b58fda35;border-color:#d4b3f3}.mq-option button span{margin-left:5px}
.mq-neutral{display:block;min-height:46px;margin:16px auto 9px;padding:10px 22px;border-radius:100px;border:1px solid #bbb0d22c;background:#0e152650;color:#bcb4cd;font:inherit;font-size:13px;cursor:pointer}.mq-neutral span{margin-left:12px;color:#d5c3e4}.mq-neutral:hover,.mq-neutral.selected{color:#f0e7f9;border-color:#c6abd070}.mq-quiz .actions.spread{margin-top:10px}.mq-quiz .text-btn{font-size:13px}.mq-quiz button:focus-visible{outline:2px solid #e9cf9b;outline-offset:4px}
.mq-comparison{padding:30px;margin:24px 0;background:linear-gradient(135deg,#252137e8,#111a2be8)}.mq-comparison header small{color:#b6a9c9}.mq-comparison header h3{font:500 30px/1.4 ui-monospace,monospace;letter-spacing:.08em;margin:10px 0;color:#e8d5b3}.mq-comparison header h3 span{color:#8c829f;margin:0 12px}.mq-comparison header p{font-size:14px;color:#c3b6d1;margin:0 0 20px}.mq-comparison article{padding:18px 0;border-top:1px solid #c1a9dc20}.mq-comparison article h4{display:flex;justify-content:space-between;gap:12px;color:#e1d5ee;margin:0 0 10px;font-size:16px}.mq-comparison article h4 span{color:#d9bd94;white-space:nowrap}.mq-comparison article>p{font-size:14px;line-height:1.8;color:#b8b1c7;margin:0 0 14px}.mq-comparison blockquote{border-left:2px solid #a68bc055;margin:10px 0 0;padding:10px 16px;background:#0d142750;border-radius:0 10px 10px 0;color:#dfd5ea;font-size:14px;line-height:1.8}.mq-comparison blockquote small{display:block;color:#a79db6;font-size:12px;margin-bottom:3px}.mq-comparison footer{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border-top:1px solid #c1a9dc20;padding-top:20px;color:#b7afc3;font-size:13px}.mq-answer-review{padding:16px 0;border-bottom:1px solid #c1a9dc20}.mq-answer-review small{color:#b6a1cf}.mq-answer-review p{margin:7px 0!important}.mq-answer-review>span{color:#e1c89c}.u-mbti-result>header{gap:12px;flex-wrap:wrap}
@media(max-width:640px){.u-quiz.mq-quiz{padding:20px 18px}.mq-stage{margin-top:16px}.mq-scene-art{height:82px;margin:10px auto 3px;transform:scale(.8)}.mq-quiz h2{font-size:24px}.mq-quiz .mq-question{font-size:14px;margin-bottom:18px}.mq-overline{font-size:11px}.mq-options{gap:12px;grid-template-columns:1fr}.mq-option{padding:16px 18px}.mq-option p{font-size:15px;margin:5px 0 13px;line-height:1.7}.mq-option button{padding:10px 7px;min-height:44px}.mq-neutral{margin:14px auto 4px}.mq-comparison{padding:22px 18px}.mq-level-note{line-height:1.8}.mq-stage>span{font-size:12px}.mq-quiz .u-quiz-top{font-size:12px}.mq-quiz .text-btn{font-size:12px}}
@media(prefers-reduced-motion:reduce){.mq-option{transition:none}}

.mq-quiz{scroll-margin-top:100px}

@media(min-width:641px){.u-quiz.mq-quiz{padding:22px 34px 18px}.mq-stage{margin-top:14px}.mq-scene-art{height:78px;margin:6px auto 0}.mq-scene-art i{inset:14px 28px}.mq-scene-art i:nth-child(2){inset:24px 10px}.mq-scene-art i:nth-child(3){inset:6px 48px}.mq-scene-art>span{font-size:30px}.mq-quiz h2{font-size:28px;margin:10px 0!important}.mq-quiz .mq-question{font-size:15px;margin-bottom:18px}.mq-option{padding:18px 20px 15px}.mq-option p{font-size:16px;margin:8px 0 16px}.mq-neutral{margin:12px auto 4px}}