/* INFJ library edition. Every rule is scoped to preserve the other journeys. */
body.infj-library{background:#faf9f3}
.site.type-infj{container-type:inline-size;--forest:#4e6043;--sage:#8b9979;--paper:#faf9f3;--serif:'Songti SC','Noto Serif CJK SC','STSong','SimSun',serif;max-width:760px;background:#faf9f3;color:#303e32;font-family:var(--serif);box-shadow:0 0 60px #52624b12}
.type-infj .button{background:#72815f;color:#fff;box-shadow:none;border:1px solid #8c997a}
.type-infj .button.secondary{background:#f7f7ec;color:#4e6043}
.type-infj .sb-home{position:relative;width:100%;line-height:0}
.type-infj .sb-home-board{display:block;width:100%;height:auto}
.type-infj .sb-hotspot{position:absolute;background:transparent;border:0;box-shadow:none;margin:0;padding:0;color:transparent;cursor:pointer;border-radius:99px;min-width:0}
.type-infj .sb-hotspot:focus-visible{outline:3px solid #576c47;outline-offset:2px;background:#ffffff24}
.type-infj .sb-home-brand{left:3%;top:1%;width:36%;height:5.5%}
.type-infj .sb-home-nav{position:absolute;left:56.2%;top:2.4%;width:40%;height:3.7%;display:grid;grid-template-columns:repeat(4,1fr)}
.type-infj .sb-home-nav .sb-hotspot{position:relative;width:100%;height:100%}
.type-infj .sb-home-start{left:5.4%;top:35.9%;width:30.8%;height:4.6%}
.type-infj .sb-home-start:disabled{background:#ffffff55}
.type-infj .sb-header{height:14cqw;padding:3cqw 9cqw 2cqw;max-width:none;gap:10px}
.type-infj .sb-header .brand{gap:1.6cqw}
.type-infj .sb-header .brand strong{font-family:var(--serif);font-size:clamp(13px,2.7cqw,21px);font-weight:500;letter-spacing:.16em}
.type-infj .sb-header .brand small{font-size:clamp(9px,1.8cqw,14px);letter-spacing:.3em;margin-top:5px}
.type-infj .sb-header .edition{font-size:clamp(13px,2.8cqw,21px);letter-spacing:.18em}
.type-infj .sb-logo{display:block;flex:none;width:7cqw;height:8cqw;background:url('./assets/infj-library/home.webp') 3.9% 1.5% / 1428.57% auto no-repeat}
.type-infj.page-core,.type-infj.page-identity,.type-infj.page-fork,.type-infj.page-identity-result,.type-infj.page-expired{background:#faf9f3 url('./assets/infj-library/question.webp') center top / 100% auto no-repeat;min-height:175cqw}
.type-infj .sb-test{position:relative;min-height:154cqw;padding-top:2.5cqw}
.type-infj .sb-progress{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:2cqw;margin:0 8cqw;font-size:clamp(12px,2.65cqw,20px);letter-spacing:.06em}
.type-infj .sb-progress .progress{height:1cqw;min-height:4px;margin:0;background:#e3e6d7;overflow:visible}
.type-infj .sb-progress .progress>div{background:#6b7857}
.type-infj .sb-gold{display:block;width:5cqw;height:7cqw;top:50%;transform:translate(-50%,-50%);background:url('./assets/infj-library/quill.webp') center / contain no-repeat;filter:none}
.type-infj .sb-question-card{margin:4.5cqw 7cqw 0;padding:4.8cqw 4.8cqw 4cqw;background:#fffdf8e8;border-radius:3.5cqw;min-height:75cqw}
.type-infj .question-number{margin:0;text-align:center;font-size:clamp(12px,2.6cqw,19px);font-weight:400;letter-spacing:.15em;color:#515b4d}
.type-infj .sb-question-card h1{font-family:var(--serif);font-size:clamp(19px,4.8cqw,35px);font-weight:600;letter-spacing:.06em;line-height:1.5;text-align:center;min-height:21cqw;display:flex;align-items:center;justify-content:center;margin:3.3cqw 0 1cqw;text-wrap:pretty;overflow-wrap:anywhere}
.type-infj .sb-answer-hint{text-align:center;font-size:clamp(12px,2.4cqw,18px);color:#8c9080;letter-spacing:.15em}
.type-infj .sb-question-card .likert{border:0;padding:0;margin:3.7cqw 0 0;min-width:0}
.type-infj .likert-circles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.3cqw;align-items:start}
.type-infj .likert-option{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:0;min-height:64px;padding:1cqw 0;cursor:pointer;position:relative}
.type-infj .likert-option .circle{width:6.4cqw;height:6.4cqw;min-width:0;min-height:0;border:1px solid #62705c;outline:none;background:transparent;box-shadow:none;margin:0;flex-shrink:0}
.type-infj .likert-option input:focus-visible+.circle{outline:2px solid #667b52;outline-offset:4px}
.type-infj .likert-option.option-2 .circle,.type-infj .likert-option.option-4 .circle{width:5.7cqw;height:5.7cqw;margin-top:.35cqw;margin-bottom:.35cqw}
.type-infj .likert-option.option-3 .circle{width:4.7cqw;height:4.7cqw;margin-top:.85cqw;margin-bottom:.85cqw}
.type-infj .likert-option .circle .icon{width:70%;height:70%}
.type-infj .likert-option.selected .circle{background:#61704e;border-color:#61704e;color:white;transform:none;box-shadow:none}
.type-infj .likert-option .selection-label{position:static;display:block;opacity:1;visibility:visible;transform:none;margin-top:1.4cqw;white-space:nowrap;min-width:0;font-size:clamp(10px,2.42cqw,18px);font-weight:400;line-height:1.6;color:#404a3b;letter-spacing:0}
.type-infj .likert-option.selected .selection-label{font-weight:600;color:#36492f}
.type-infj .sb-question-card .auto-next-note{margin:3cqw 0 2cqw;font-size:clamp(10px,2.15cqw,16px);text-align:left;color:#727b6b;line-height:1.7;letter-spacing:.04em}
.type-infj .sb-question-card .text-button{margin:0;padding:1cqw 0;font-size:clamp(12px,2.6cqw,19px);min-height:44px;color:#4f6047}
.type-infj .sb-quiz-poem{position:absolute;bottom:0;left:5%;width:90%;text-align:center;font-size:clamp(10px,2.2cqw,16px);color:#68705f;letter-spacing:.07em;background:#faf9f3c7;padding:6px;border-radius:8px}
.type-infj .sb-footer{padding:3cqw 4cqw 2cqw;background:#faf9f3;text-align:center;font-size:11px;line-height:1.8;color:#8b917e}
.type-infj .sb-footer small{display:block;font:9px/1.7 sans-serif;opacity:.8;margin-top:5px}
.type-infj.page-core .sb-footer>p,.type-infj.page-identity .sb-footer>p{display:none}
.type-infj .fork,.type-infj .identity-result{margin:10cqw 7cqw 50cqw;padding:6cqw;background:#fffdf8ee;border-radius:4cqw;max-width:none}
.type-infj .fork h1,.type-infj .identity-result h1{font-family:var(--serif);font-size:clamp(22px,5cqw,35px)}
.type-infj.page-result{background-image:linear-gradient(transparent 0 42cqw,#faf9f3 44cqw),url('./assets/infj-library/result.webp');background-position:center top;background-size:100% auto;background-repeat:no-repeat}
.type-infj.page-result:before{content:'';pointer-events:none;position:absolute;inset:44cqw 0 0;background:url('./assets/infj-library/question.webp') center / 100% auto repeat-y;mask-image:linear-gradient(to right,#000 0 4%,transparent 6% 94%,#000 96% 100%)}
.type-infj .result-hero{min-height:30cqw;height:auto;max-width:none;padding:2cqw 10cqw 4cqw;overflow:hidden}
.type-infj .result-hero .result-is{font-size:clamp(11px,2.3cqw,18px);letter-spacing:.14em;margin:0 0 1cqw}
.type-infj .result-hero h1{font:500 clamp(40px,11cqw,82px)/1.05 Georgia,serif;letter-spacing:0;margin:0;color:#304532}
.type-infj .sb-result-poem{font-size:clamp(12px,3cqw,22px);line-height:1.5;letter-spacing:.04em;margin-top:1.5cqw}
.type-infj .result-content{position:relative;padding:0 6% 0;max-width:none;z-index:1}
.type-infj .result-content>section,.type-infj .sb-complete-report{border-radius:3cqw;background:#fffefaef;border:0;margin:1.5cqw 0;padding:3.4cqw 3cqw;box-shadow:none;backdrop-filter:none}
.type-infj .section-title{text-align:center;margin:0 0 1cqw}
.type-infj .section-title h2,.type-infj .sb-section-title h2{font-family:var(--serif);font-size:clamp(18px,3.6cqw,28px);font-weight:500;line-height:1.5;letter-spacing:.03em}
.type-infj .section-title h2:before,.type-infj .sb-section-title h2:before{content:'— ❧ ';color:#9ca88b;font-size:.7em}
.type-infj .section-title h2:after,.type-infj .sb-section-title h2:after{content:' ❧ —';color:#9ca88b;font-size:.7em}
.type-infj .sb-section-title{text-align:center}
.type-infj .section-note,.type-infj .sb-section-title>p{font-size:clamp(11px,2.1cqw,16px);line-height:1.8;color:#7c8173;letter-spacing:.02em;text-align:center;margin:0 auto 1.2cqw;max-width:none}
.type-infj .radar-layout{display:block;margin:0}
.type-infj .radar{display:block;width:84%;max-width:530px;height:auto;margin:0 auto}
.type-infj .radar-label{font-family:var(--serif);font-size:12px;fill:#3f4c36}
.type-infj .radar-value{font-size:14px;fill:#3f4c36}
.type-infj .radar-tick{display:none}
.type-infj .sb-details{border-top:1px solid #dfe3d5;padding-top:1.5cqw;margin-top:2cqw}
.type-infj .sb-details>summary{cursor:pointer;font-size:clamp(11px,2.2cqw,16px);color:#748064;padding:8px 0;min-height:34px;list-style-position:inside;line-height:1.5}
.type-infj .sb-details[open]>summary{margin-bottom:12px;color:#435735}
.type-infj .sb-details-body{min-width:0;font-size:13px;line-height:1.8}
.type-infj .sb-details-body .result-description{font-size:13px;max-width:none;background:none}
.type-infj .sb-details-body>section{padding:18px 0;margin:10px 0;background:transparent}
.type-infj .sb-details-body .glass,.type-infj .dimension-card,.type-infj .person-card,.type-infj .career-card{background:#fafbf5;border-color:#e5e7da;box-shadow:none;backdrop-filter:none}
.type-infj .sb-strength-bars .facet-row{grid-template-columns:minmax(80px,1fr) 2fr 30px;background:#fff;padding:1.6cqw 2cqw;border-radius:2cqw;margin:1cqw 0;gap:2cqw}
.type-infj .facet-row>span,.type-infj .facet-row>b{font-size:clamp(12px,2.5cqw,18px);font-weight:400}
.type-infj .facet-row.is-top b{font-size:clamp(12px,2.5cqw,18px);color:inherit;text-shadow:none}
.type-infj .facet-row>div,.type-infj .facet-row.is-top>div{height:1.8cqw;min-height:7px;background:#e8eadd;box-shadow:none}
.type-infj .facet-row i,.type-infj .facet-row.is-top i{background:#8a9876;box-shadow:none}
.type-infj .sb-job-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1cqw}
.type-infj .sb-job-grid>div{display:flex;align-items:center;gap:2cqw;background:#fff;padding:1.8cqw 2cqw;border-radius:1.8cqw;font-size:clamp(11px,2.4cqw,18px);line-height:1.6;min-width:0}
.type-infj .sb-job-grid>div:last-child:nth-child(odd){grid-column:1/-1}
.type-infj .sb-job-grid>div>span:first-child{color:#87966b;font-size:4cqw;flex:none}
.type-infj .closing{isolation:auto;background:transparent!important;position:relative;padding:3cqw 0 15cqw!important;min-height:58cqw;text-align:center;overflow:visible;margin:0 -6.82%!important;border-radius:0!important;background-image:url('./assets/infj-library/result.webp')!important;background-position:center bottom!important;background-size:100% auto!important}
.type-infj .closing:after{display:none}
.type-infj .closing>h2{font-family:var(--serif);font-size:clamp(20px,4cqw,30px);font-weight:500;line-height:1.6;margin:7cqw 0 4cqw}
.type-infj .closing>.button{display:flex;margin:0 auto;width:max-content;max-width:85%;min-height:42px;padding:1.6cqw 6cqw;font-family:var(--serif);font-size:clamp(15px,3cqw,22px);background:#687c58e8}
.type-infj .closing>.text-button{display:block;margin:1cqw auto;padding:0;min-height:32px;font-size:clamp(11px,2.3cqw,16px)}
.type-infj .closing>[data-action=restart]{font-size:11px;color:#6d795f}
.type-infj .career-hero{background:#e9eedf;color:#40503a;box-shadow:none}
.type-infj .career-hero p,.type-infj .career-hero .eyebrow,.type-infj .type-chip small,.type-infj .type-chip strong{color:#526549}
.type-infj .nature-interlude{display:none}
@media(min-width:900px){.site.type-infj{margin:22px auto;border-radius:16px}.type-infj .sb-home-start:hover{background:#ffffff15}.type-infj .dimension-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:360px){.type-infj .sb-header{padding-left:7cqw;padding-right:7cqw}.type-infj .sb-header .brand strong{font-size:12px}.type-infj .likert-option .selection-label{font-size:10px}.type-infj .sb-question-card{padding-left:3cqw;padding-right:3cqw}.type-infj .sb-question-card h1{font-size:18px}.type-infj .sb-question-card{min-height:80cqw}.type-infj .sb-test{min-height:158cqw}}

.type-infj .sb-result-poem{margin-bottom:0}
/* Library-specific placement follows the approved artwork; no sample results are baked into data sections. */
.site.type-infj{--forest:#355d46;--sage:#a7b58f;--paper:#faf8ee;background-color:#faf8ee;color:#344838}
body.infj-library{background:#faf8ee}
.type-infj .sb-home-brand{left:5%;top:1%;width:28%;height:4.5%}
.type-infj .sb-home-nav{left:70.8%;top:.7%;width:26%;height:3%}
.type-infj .sb-home-nav .sb-hotspot{min-height:36px}
.type-infj .sb-home-start{left:5%;top:28.85%;width:22%;height:3.6%;min-height:44px;transform:translateY(-50%)}
.type-infj .sb-header{height:17cqw;padding:4cqw 8cqw 3cqw}
.type-infj .sb-header .brand strong{font-size:clamp(13px,2.7cqw,21px);font-weight:600;letter-spacing:.06em}
.type-infj .sb-header .edition{font-size:clamp(17px,4.3cqw,30px);letter-spacing:.04em}
.type-infj .sb-logo{width:7cqw;height:7cqw;background:url('./assets/infj-library/home.webp') 6.4% 1.7% / 1500% auto no-repeat}
.type-infj .sb-test{padding-top:4.5cqw;min-height:154cqw}
.type-infj .sb-progress{margin:0 13cqw;font-size:clamp(11px,2.3cqw,17px);gap:2cqw}
.type-infj .sb-progress .progress>div{background:#809477}
.type-infj .sb-gold{width:10cqw;height:10cqw;transform:translate(-24%,-91%);background-image:url('./assets/infj-library/quill.webp')}
.type-infj .sb-question-card{margin:5.2cqw 9.3cqw 0;padding:5cqw 4.5cqw 2.5cqw;min-height:76.5cqw;background:#fcfaf3f5;border:1px solid #e7e4d6;border-radius:4cqw}
.type-infj .sb-question-card h1{font-size:clamp(19px,4.8cqw,36px);line-height:1.5;margin:5cqw 0 2cqw;min-height:22cqw}
.type-infj .sb-answer-hint{margin:2cqw 0 3cqw}
.type-infj .likert-option{min-height:52px}
.type-infj .likert-option.selected .circle{background:#738368;border-color:#738368}
.type-infj .sb-question-card .auto-next-note{text-align:center;margin:2.5cqw 0 2cqw;font-size:clamp(10px,2cqw,15px)}
.type-infj .sb-question-card .text-button{display:block;margin:0 auto;min-height:36px}
.type-infj .sb-quiz-poem{background:#faf8eeed;bottom:0;font-size:clamp(10px,2.1cqw,16px)}
.type-infj .sb-footer{background:#faf8ee}
.type-infj.page-result{background:#faf8ee url('./assets/infj-library/result.webp') center top / 100% auto no-repeat}
.type-infj.page-result:before{inset:43cqw 0 0;background:url('./assets/infj-library/result.webp') center center / 100% auto repeat-y;mask-image:linear-gradient(to right,#000 0 10%,transparent 12% 89%,#000 91% 100%)}
.type-infj.page-result .sb-header{height:12cqw;padding:2.5cqw 12cqw}
.type-infj.page-result .sb-header .edition{font-size:clamp(15px,3.5cqw,26px)}
.type-infj .result-hero{position:relative;min-height:30cqw;padding:2cqw 16cqw 3cqw;overflow:visible;background:transparent;}
.type-infj .result-hero h1{font-size:clamp(38px,10.7cqw,80px);color:#355d46}
.type-infj .result-hero .result-is{font-size:clamp(11px,2.25cqw,17px)}
.type-infj .sb-result-poem{max-width:47cqw;font-size:clamp(11px,2.3cqw,17px);line-height:1.65;letter-spacing:0;margin:1.7cqw 0 0}
.type-infj .library-hero-note{position:absolute;right:10cqw;bottom:4cqw;font-size:1.5cqw;line-height:1.8;color:#7b8871}
.type-infj .result-content{padding:0 10% 0 12.5%}
.type-infj .result-content>section,.type-infj .sb-complete-report{position:relative;background:#fcfaf3f5;border:1px solid #e5e1d2;border-radius:2.8cqw;margin:1cqw 0;padding:2.5cqw}
.type-infj .section-title h2,.type-infj .sb-section-title h2{font-size:clamp(16px,2.8cqw,22px);line-height:1.5;font-weight:600;letter-spacing:.01em}
.type-infj .section-title h2:before,.type-infj .sb-section-title h2:before{content:'— ';color:#a4ad94}
.type-infj .section-title h2:after,.type-infj .sb-section-title h2:after{content:' —';color:#a4ad94}
.type-infj .section-note,.type-infj .sb-section-title>p{font-size:clamp(10px,1.8cqw,14px);line-height:1.7;margin:0 0 1cqw}
.type-infj .radar-layout{display:grid;grid-template-columns:minmax(0,3.4fr) minmax(0,1fr);align-items:center;gap:1cqw}
.type-infj .radar{width:100%;max-width:none;margin:0}
.type-infj .radar-label{font-size:15px;fill:#36523e}
.type-infj .radar-value{font-size:17px;fill:#36523e}
.type-infj .library-aside{font-size:clamp(10px,1.6cqw,12px);line-height:1.9;color:#7f8a75;margin:0;border-left:1px solid #e9e7dc;padding-left:1.5cqw}
.type-infj .library-summary-row{display:grid;grid-template-columns:minmax(0,3.4fr) minmax(0,1fr);gap:2cqw;align-items:center}
.type-infj .sb-strength-bars .facet-row{background:transparent;padding:1.1cqw 0;grid-template-columns:5.5em minmax(0,1fr) 2em;gap:.6cqw}
.type-infj .sb-strength-bars .facet-row>span,.type-infj .sb-strength-bars .facet-row>b{font-size:clamp(10px,1.9cqw,14px)}
.type-infj .facet-row i,.type-infj .facet-row.is-top i{background:#a2b08c}
.type-infj .facet-row>div,.type-infj .facet-row.is-top>div{background:#e8e9d9;height:1.5cqw;min-height:6px}
.type-infj .sb-details{margin-top:1cqw;padding-top:.7cqw;border:0}
.type-infj .sb-details>summary{font-size:clamp(10px,1.65cqw,13px);text-align:center;border:1px solid #dce1cd;border-radius:40px;background:#f1f2e5;width:max-content;max-width:100%;padding:5px 12px;margin:0 auto;min-height:30px;line-height:1.5}
.type-infj .sb-details-body{text-align:left}
.type-infj .sb-job-grid{gap:.8cqw}
.type-infj .sb-job-grid>div{padding:1.3cqw .8cqw;gap:.6cqw;background:#fcfaf4;border:1px solid #e6e4d7;font-size:clamp(10px,1.9cqw,14px);border-radius:1cqw;line-height:1.6}
.type-infj .sb-job-grid>div>span:first-child{font-size:3cqw;color:#8a9b70}
.type-infj .sb-complete-report{background:#fbfaf1c9;border:0;padding:1cqw .5cqw}
.type-infj .sb-complete-report>summary{background:transparent;border:0;font-size:clamp(11px,1.85cqw,14px)}
.type-infj .closing{background:#faf8ee!important;background-image:none!important;margin:0 -12.9% 0 -16.13%!important;padding:0 0 1cqw!important;min-height:0}
.type-infj .library-closing-scene{height:33cqw;background:url('./assets/infj-library/result-approved.webp') center 93.8% / 100% auto no-repeat}
.type-infj .closing>.button{min-height:38px;font-size:clamp(13px,2.25cqw,17px);padding:1cqw 5cqw;background:#859573;color:#fffdf5;border:1px solid #98a889;margin:0 auto}
.type-infj .closing>.text-button{font-size:clamp(11px,1.7cqw,13px);min-height:28px;margin:0 auto}
.type-infj .closing>[data-action=restart]{font-size:10px}
.type-infj .sb-details-body .dimension-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.type-infj .sb-details-body .radar-layout{display:block}
@media(max-width:370px){.type-infj .library-aside,.type-infj .library-hero-note{display:none}.type-infj .radar-layout,.type-infj .library-summary-row{display:block}.type-infj .radar{width:90%}.type-infj .sb-result-poem{max-width:50cqw}.type-infj .sb-question-card{padding-left:3cqw;padding-right:3cqw}.type-infj .sb-question-card h1{font-size:18px}.type-infj .sb-strength-bars .facet-row{font-size:11px}.type-infj .sb-job-grid>div{font-size:11px}.type-infj .sb-details-body .dimension-grid{grid-template-columns:1fr}}
/* Final phone adjustments: keep paper panels clear and avoid repeating the desk behind the report. */
.type-infj{font-synthesis:weight}
.type-infj .sb-logo{mix-blend-mode:multiply}
.type-infj .sb-question-card h1{font-weight:700;margin-top:3cqw;min-height:20cqw}
.type-infj .sb-question-card .auto-next-note{margin-top:1cqw;margin-bottom:1cqw}
.type-infj .sb-question-card{background:#fcfaf3;}
.type-infj.page-result{background-image:linear-gradient(transparent 0 42cqw,#faf8ee 44cqw),url('./assets/infj-library/result.webp');background-color:#faf8ee;background-size:100% auto;background-position:center top;background-repeat:no-repeat}
.type-infj.page-result:before{inset:0;background:url('./assets/infj-library/result.webp') center / 100% 100% no-repeat}
.type-infj .result-content>section{background:#fcfaf3}
.type-infj .sb-result-poem{max-width:45cqw;text-wrap:pretty}
.type-infj .library-hero-note{display:none}
.type-infj .library-closing-scene{height:30cqw;background-position:center -164cqw}
.type-infj .closing{border:0!important}
.type-infj .choice{background:#f6f5e9;border:1px solid #e3e4d3;box-shadow:none}
.type-infj .choice-mark{background:#a4b18c;box-shadow:none}
.type-infj .fork{margin-bottom:18cqw}
@media(max-width:370px){.type-infj .sb-result-poem{max-width:49cqw}}
.type-infj .quill-motif{object-fit:contain;width:36px;height:36px;filter:none}
.type-infj .identity-letter .quill-motif{width:90px;height:90px}
.type-infj .tendency-track .quill-motif{width:34px;height:40px}
.type-infj .neutral-symbol .quill-motif{width:90px;height:90px}