/* MBTI pages share one accent; the site header keeps the brand color. */
main.library-active{--accent:var(--library-color)}
main.library-active .primary{background:var(--library-color)}
main.library-active .primary:disabled{background:#dadddf}
main.library-active .breadcrumb a:last-child,main.library-active .text-link,main.library-active .library-source-page a{color:var(--library-color)}
main.mbti-active{--mbti-ink:#203d44;--mbti-muted:#62777b;--mbti-tint:#eaf2f2;--mbti-line:#d5e2e2}
.mbti-active .breadcrumb{padding:24px 0;color:var(--mbti-muted)}
.mbti-intro{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:64px;align-items:center;padding:32px 0 48px}
.mbti-kicker{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--library-color);margin-bottom:24px}
.mbti-kicker>span{width:24px;height:3px;background:var(--library-color)}
.mbti-intro h1{font-size:48px;line-height:1.3;letter-spacing:-1.5px;color:var(--mbti-ink);margin:0 0 24px}
.mbti-question-count{display:inline-block;white-space:nowrap;font-size:.58em;letter-spacing:0;color:var(--mbti-muted)}
.mbti-lead{font-size:18px;line-height:1.8;color:var(--mbti-muted);margin:0 0 24px}
.mbti-facts{display:flex;flex-wrap:wrap;gap:8px 24px;list-style:none;padding:0;margin:0 0 32px;font-size:14px;color:var(--mbti-muted)}
.mbti-facts b{font-size:20px;font-weight:600;color:var(--library-color)}
.mbti-launch{margin:0 0 24px}.mbti-launch .primary{min-width:264px;min-height:56px;border-radius:16px}
.mbti-launch p,.mbti-intro-benefit{font-size:13px;color:var(--mbti-muted);line-height:1.8;margin:8px 0 0}.mbti-intro-benefit{max-width:400px}
.mbti-preview{margin:0;background:#fff;border:1px solid var(--mbti-line);border-radius:24px;padding:32px;box-shadow:0 16px 48px #203d4406}
.mbti-preview figcaption>span{color:var(--library-color);font-size:13px}.mbti-preview h2{font-size:25px;margin:8px 0;color:var(--mbti-ink);letter-spacing:-.5px}
.mbti-preview figcaption>p,.mbti-preview-note{font-size:12px;color:var(--mbti-muted);margin:8px 0 24px}.mbti-preview-note{margin:16px 0 0}
.mbti-sliders{display:grid;gap:24px}.mbti-dimension-label{font-size:12px;color:var(--mbti-muted);margin-bottom:8px}
.mbti-pair-labels{display:flex;justify-content:space-between;gap:16px;color:var(--mbti-ink);font-size:15px;line-height:1.5;margin-bottom:8px}
.mbti-pair-labels b{font-weight:650;color:var(--library-color)}.mbti-pair-labels small{font-size:12px;color:var(--mbti-muted)}
.mbti-slider{height:8px;background:var(--mbti-tint);border-radius:8px;position:relative;margin:0 8px}
.mbti-slider-center{width:2px;height:16px;background:#acc1c3;position:absolute;left:50%;top:-4px}
.mbti-slider-marker{position:absolute;top:50%;width:16px;height:16px;background:var(--library-color);border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px var(--library-color);transform:translate(-50%,-50%)}
.mbti-type-tags{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin-top:32px}
.mbti-type-tags span{padding:8px 0;background:var(--mbti-tint);border-radius:8px;text-align:center;color:var(--library-color);font-size:11px;font-weight:500}
.mbti-information{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:24px 0 32px}
.mbti-information article{position:relative;border-top:1px solid var(--mbti-line);padding:24px 0 0}.mbti-information article>span{color:#829b9e;font-size:12px}
.mbti-information h2{font-size:16px;line-height:1.5;margin:8px 0;color:var(--mbti-ink);letter-spacing:0}.mbti-information p{font-size:13px;line-height:1.8;margin:0;color:var(--mbti-muted)}
.mbti-source{border-top:1px solid var(--mbti-line);border-bottom:1px solid var(--mbti-line);margin:8px 0 48px;color:var(--mbti-muted)}
.mbti-source summary{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;padding:24px 0;cursor:pointer;list-style:none;color:var(--library-color);font-size:14px}.mbti-source summary::-webkit-details-marker{display:none}
.mbti-source summary:after{content:'＋';margin-left:auto}.mbti-source[open] summary:after{content:'−'}.mbti-source-version{font-size:12px;color:var(--mbti-muted)}
.mbti-source ul{padding:0 0 0 24px;margin:0 0 16px;font-size:14px;line-height:1.9}.mbti-source li{padding:0 0 8px}
.mbti-source>a{display:inline-block;font-size:14px;color:var(--library-color);margin-bottom:24px}
.mbti-quiz{max-width:960px;margin:0 auto 48px;padding-top:24px}.mbti-quiz .quiz-top{padding:8px 0 24px;font-size:13px;align-items:center}.mbti-quiz .quiz-top a{color:var(--library-color)}
.mbti-progress{max-width:800px;margin:auto}.mbti-quiz .progress-info{margin:8px 0 16px;align-items:center;gap:24px}
.mbti-step b{font-size:40px;line-height:1;color:var(--library-color);font-weight:650}.mbti-step>span{font-size:14px;color:var(--mbti-muted)}
.mbti-part{font-size:14px;line-height:1.6;color:var(--mbti-ink);text-align:right}.mbti-part>span{display:block;font-size:12px;color:var(--mbti-muted)}
.mbti-progress-segments{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mbti-progress-segments>span{height:8px;border-radius:8px;overflow:hidden;background:var(--mbti-line)}
.mbti-progress-segments>span.is-current{outline:1px solid var(--library-color);outline-offset:3px}.mbti-progress-segments i{display:block;height:100%;background:var(--library-color);transition:width .2s}
.mbti-milestone{min-height:24px;margin:16px 0 8px;font-size:13px;color:var(--library-color);line-height:1.8}
.mbti-question{padding:24px 0 0}.mbti-quiz .question-overline{font-size:13px;margin:0 0 16px;color:var(--mbti-muted)}
.mbti-quiz .question-text{font-size:32px;line-height:1.5;min-height:0;margin:0 0 32px;color:var(--mbti-ink);font-weight:650}
.mbti-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.mbti-quiz .mbti-choice{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-height:184px;padding:24px;border:1px solid var(--mbti-line);border-radius:16px;background:#fff;gap:24px;font-size:18px;line-height:1.8;color:var(--mbti-ink)}
.mbti-quiz .mbti-choice:hover{border-color:var(--library-color);background:color-mix(in srgb,var(--library-color) 3%,white)}
.mbti-quiz .mbti-choice.selected{border:2px solid var(--library-color);padding:23px;background:color-mix(in srgb,var(--library-color) 8%,white)}
.mbti-quiz .mbti-choice:focus-visible{outline:3px solid var(--library-color);outline-offset:4px}
.mbti-quiz .mbti-choice .answer-number{width:32px;height:32px;flex:0 0 32px;background:var(--mbti-tint);border:0;border-radius:8px;color:var(--library-color);font-size:14px;font-weight:650}
.mbti-quiz .mbti-choice .answer-check{position:absolute;right:24px;top:24px;font-size:20px;color:var(--library-color)}
.mbti-answer-meta{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-top:24px;color:var(--mbti-muted);font-size:12px;line-height:1.8}.mbti-answer-meta p{margin:0}
.mbti-shortcuts{white-space:nowrap}.mbti-shortcuts kbd{display:inline-block;background:#fff;border:1px solid var(--mbti-line);border-radius:4px;padding:0 8px;font:inherit}
.mbti-quiz .library-message{min-height:0;margin:8px 0}.mbti-quiz .library-message:empty{display:none}
.mbti-navigation{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0}.mbti-navigation .primary{border-radius:16px}.mbti-quiz .back-button{color:var(--library-color);padding:8px 0;min-height:48px;font-size:14px}
.mbti-quiz .save-status{font-size:12px;color:var(--mbti-muted);text-align:center;margin:24px 0}
.mbti-active .library-result{gap:48px}.mbti-active .library-result-card{min-height:416px}.mbti-active .library-result-top{flex-wrap:wrap;gap:8px}
.mbti-active .library-result-identity h1.letter-result{display:flex;flex-wrap:wrap;gap:0;font-size:80px;letter-spacing:-2px}.mbti-active .library-result-identity h1.is-tied{font-size:48px}.letter-result>span{white-space:nowrap}
.mbti-active .result-summary .mbti-sliders{margin-bottom:24px}.mbti-active .library-report .mbti-source{margin:24px 0}
@media(max-width:1000px){.mbti-intro{gap:32px}.mbti-intro h1{font-size:40px}.mbti-preview{padding:24px}.mbti-type-tags{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:680px){
 main.mbti-active{padding-left:24px;padding-right:24px}main.mbti-intro-active{padding-bottom:112px}
 .mbti-active .breadcrumb{font-size:12px;padding:24px 0;gap:16px}
 .mbti-intro{grid-template-columns:1fr;gap:32px;padding:8px 0 24px}.mbti-kicker{font-size:12px;margin-bottom:16px}
 .mbti-intro h1{font-size:28px;margin-bottom:16px;letter-spacing:-.5px}.mbti-question-count{font-size:16px}
 .mbti-lead{font-size:16px;margin-bottom:24px;line-height:1.75}.mbti-facts{font-size:12px;gap:8px 16px;margin-bottom:16px}.mbti-facts b{font-size:16px}
 .mbti-launch{position:fixed;left:0;right:0;bottom:0;z-index:30;margin:0;padding:16px 24px max(8px,env(safe-area-inset-bottom));background:#f7faf9f5;border-top:1px solid var(--mbti-line);box-shadow:0 -8px 24px #203d4408;backdrop-filter:blur(12px)}
 .mbti-launch .primary{width:100%;min-width:0;min-height:56px;font-size:16px}.mbti-launch p{text-align:center;font-size:12px;line-height:1.5;margin:8px 0 0}
 .mbti-intro-benefit{font-size:12px;margin-top:0}.mbti-preview{padding:24px;border-radius:24px}.mbti-preview figcaption>span,.mbti-preview figcaption>p,.mbti-preview-note{font-size:12px}.mbti-preview h2{font-size:16px;letter-spacing:0;margin:8px 0}
 .mbti-sliders{gap:24px}.mbti-dimension-label,.mbti-pair-labels small{font-size:12px}.mbti-pair-labels{font-size:16px;gap:8px}.mbti-type-tags{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:24px}.mbti-type-tags span{font-size:12px}
 .mbti-information{grid-template-columns:1fr;gap:16px;padding:16px 0 24px}.mbti-information article{padding-top:16px}.mbti-information article>span{font-size:12px}.mbti-information h2{font-size:16px;margin:8px 0}.mbti-information p{font-size:16px}
 .mbti-source summary{font-size:16px;gap:8px;padding:24px 0}.mbti-source-version{font-size:12px}.mbti-source ul{font-size:16px;padding-left:24px}.mbti-source>a{font-size:12px}
 .mbti-quiz{padding-top:16px;margin-bottom:32px}.mbti-quiz .quiz-top{padding:0 0 24px;gap:8px;font-size:12px}.mbti-quiz .progress-info{margin:8px 0 16px;gap:16px}.mbti-step b{font-size:28px}.mbti-step>span,.mbti-part,.mbti-part>span{font-size:12px}
 .mbti-milestone{font-size:12px;margin:16px 0 0;min-height:24px}.mbti-question{padding-top:16px}.mbti-quiz .question-overline{font-size:12px;margin-bottom:8px}.mbti-quiz .question-text{font-size:28px;line-height:1.45;margin-bottom:24px;min-height:0}
 .mbti-choice-grid{grid-template-columns:1fr;gap:16px}.mbti-quiz .mbti-choice{flex-direction:row;align-items:flex-start;min-height:104px;padding:24px 16px;gap:16px;font-size:16px;line-height:1.75}.mbti-quiz .mbti-choice.selected{padding:23px 15px}.mbti-quiz .mbti-choice .answer-number{font-size:12px}.mbti-choice-text{padding-right:16px}.mbti-quiz .mbti-choice .answer-check{top:8px;right:8px;font-size:16px}
 .mbti-answer-meta{margin-top:16px;font-size:12px}.mbti-shortcuts{display:none}.mbti-navigation{margin:16px 0;gap:16px}.mbti-quiz .back-button{font-size:12px}.mbti-navigation .primary{font-size:16px;min-height:56px}.mbti-quiz .save-status{font-size:12px;margin:24px 0}
 .mbti-active .library-result{gap:24px}.mbti-active .library-result-card{min-height:320px;padding:24px}.mbti-active .library-result-top{font-size:12px}.mbti-active .library-result-top>span:last-child{white-space:normal}.mbti-active .library-result-identity{padding:32px 0}.mbti-active .library-result-identity>p{font-size:16px}.mbti-active .library-result-identity h1.letter-result,.mbti-active .library-result-identity h1.is-tied{font-size:28px;letter-spacing:0}.mbti-active .result-summary h2,.mbti-active .library-report h2{font-size:28px}.mbti-active .library-result-foot,.mbti-active .score-caption{font-size:12px}.mbti-active .library-report p{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.mbti-progress-segments i{transition:none}}