/* INFP illustrated edition. Every rule is scoped to preserve the other journeys. */
body.infp-storybook{background:#faf9f3}
.site.type-infp{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-infp .button{background:#72815f;color:#fff;box-shadow:none;border:1px solid #8c997a}
.type-infp .button.secondary{background:#f7f7ec;color:#4e6043}
.type-infp .sb-home{position:relative;width:100%;line-height:0}
.type-infp .sb-home-board{display:block;width:100%;height:auto}
.type-infp .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-infp .sb-hotspot:focus-visible{outline:3px solid #576c47;outline-offset:2px;background:#ffffff24}
.type-infp .sb-home-brand{left:3%;top:1%;width:36%;height:5.5%}
.type-infp .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-infp .sb-home-nav .sb-hotspot{position:relative;width:100%;height:100%}
.type-infp .sb-home-start{left:5.4%;top:35.9%;width:30.8%;height:4.6%}
.type-infp .sb-home-start:disabled{background:#ffffff55}
.type-infp .sb-header{height:14cqw;padding:3cqw 9cqw 2cqw;max-width:none;gap:10px}
.type-infp .sb-header .brand{gap:1.6cqw}
.type-infp .sb-header .brand strong{font-family:var(--serif);font-size:clamp(13px,2.7cqw,21px);font-weight:500;letter-spacing:.16em}
.type-infp .sb-header .brand small{font-size:clamp(9px,1.8cqw,14px);letter-spacing:.3em;margin-top:5px}
.type-infp .sb-header .edition{font-size:clamp(13px,2.8cqw,21px);letter-spacing:.18em}
.type-infp .sb-logo{display:block;flex:none;width:7cqw;height:8cqw;background:url('./assets/infp-storybook/home.webp') 3.9% 1.5% / 1428.57% auto no-repeat}
.type-infp.page-core,.type-infp.page-identity,.type-infp.page-fork,.type-infp.page-identity-result,.type-infp.page-expired{background:#faf9f3 url('./assets/infp-storybook/question.webp') center top / 100% auto no-repeat;min-height:175cqw}
.type-infp .sb-test{position:relative;min-height:154cqw;padding-top:2.5cqw}
.type-infp .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-infp .sb-progress .progress{height:1cqw;min-height:4px;margin:0;background:#e3e6d7;overflow:visible}
.type-infp .sb-progress .progress>div{background:#6b7857}
.type-infp .sb-gold{display:block;width:5cqw;height:7cqw;top:50%;transform:translate(-50%,-50%);background:url('./assets/infp-storybook/butterfly.webp') center / contain no-repeat;filter:none}
.type-infp .sb-question-card{margin:4.5cqw 7cqw 0;padding:4.8cqw 4.8cqw 4cqw;background:#fffdf8e8;border-radius:3.5cqw;min-height:75cqw}
.type-infp .question-number{margin:0;text-align:center;font-size:clamp(12px,2.6cqw,19px);font-weight:400;letter-spacing:.15em;color:#515b4d}
.type-infp .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-infp .sb-answer-hint{text-align:center;font-size:clamp(12px,2.4cqw,18px);color:#8c9080;letter-spacing:.15em}
.type-infp .sb-question-card .likert{border:0;padding:0;margin:3.7cqw 0 0;min-width:0}
.type-infp .likert-circles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.3cqw;align-items:start}
.type-infp .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-infp .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-infp .likert-option input:focus-visible+.circle{outline:2px solid #667b52;outline-offset:4px}
.type-infp .likert-option.option-2 .circle,.type-infp .likert-option.option-4 .circle{width:5.7cqw;height:5.7cqw;margin-top:.35cqw;margin-bottom:.35cqw}
.type-infp .likert-option.option-3 .circle{width:4.7cqw;height:4.7cqw;margin-top:.85cqw;margin-bottom:.85cqw}
.type-infp .likert-option .circle .icon{width:70%;height:70%}
.type-infp .likert-option.selected .circle{background:#61704e;border-color:#61704e;color:white;transform:none;box-shadow:none}
.type-infp .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-infp .likert-option.selected .selection-label{font-weight:600;color:#36492f}
.type-infp .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-infp .sb-question-card .text-button{margin:0;padding:1cqw 0;font-size:clamp(12px,2.6cqw,19px);min-height:44px;color:#4f6047}
.type-infp .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-infp .sb-footer{padding:3cqw 4cqw 2cqw;background:#faf9f3;text-align:center;font-size:11px;line-height:1.8;color:#8b917e}
.type-infp .sb-footer small{display:block;font:9px/1.7 sans-serif;opacity:.8;margin-top:5px}
.type-infp.page-core .sb-footer>p,.type-infp.page-identity .sb-footer>p{display:none}
.type-infp .fork,.type-infp .identity-result{margin:10cqw 7cqw 50cqw;padding:6cqw;background:#fffdf8ee;border-radius:4cqw;max-width:none}
.type-infp .fork h1,.type-infp .identity-result h1{font-family:var(--serif);font-size:clamp(22px,5cqw,35px)}
.type-infp.page-result{background-image:linear-gradient(transparent 0 42cqw,#faf9f3 44cqw),url('./assets/infp-storybook/result.webp');background-position:center top;background-size:100% auto;background-repeat:no-repeat}
.type-infp.page-result:before{content:'';pointer-events:none;position:absolute;inset:44cqw 0 0;background:url('./assets/infp-storybook/question.webp') center / 100% auto repeat-y;mask-image:linear-gradient(to right,#000 0 4%,transparent 6% 94%,#000 96% 100%)}
.type-infp .result-hero{min-height:30cqw;height:auto;max-width:none;padding:2cqw 10cqw 4cqw;overflow:hidden}
.type-infp .result-hero .result-is{font-size:clamp(11px,2.3cqw,18px);letter-spacing:.14em;margin:0 0 1cqw}
.type-infp .result-hero h1{font:500 clamp(40px,11cqw,82px)/1.05 Georgia,serif;letter-spacing:0;margin:0;color:#304532}
.type-infp .sb-result-poem{font-size:clamp(12px,3cqw,22px);line-height:1.5;letter-spacing:.04em;margin-top:1.5cqw}
.type-infp .result-content{position:relative;padding:0 6% 0;max-width:none;z-index:1}
.type-infp .result-content>section,.type-infp .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-infp .section-title{text-align:center;margin:0 0 1cqw}
.type-infp .section-title h2,.type-infp .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-infp .section-title h2:before,.type-infp .sb-section-title h2:before{content:'— ❧ ';color:#9ca88b;font-size:.7em}
.type-infp .section-title h2:after,.type-infp .sb-section-title h2:after{content:' ❧ —';color:#9ca88b;font-size:.7em}
.type-infp .sb-section-title{text-align:center}
.type-infp .section-note,.type-infp .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-infp .radar-layout{display:block;margin:0}
.type-infp .radar{display:block;width:84%;max-width:530px;height:auto;margin:0 auto}
.type-infp .radar-label{font-family:var(--serif);font-size:12px;fill:#3f4c36}
.type-infp .radar-value{font-size:14px;fill:#3f4c36}
.type-infp .radar-tick{display:none}
.type-infp .sb-details{border-top:1px solid #dfe3d5;padding-top:1.5cqw;margin-top:2cqw}
.type-infp .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-infp .sb-details[open]>summary{margin-bottom:12px;color:#435735}
.type-infp .sb-details-body{min-width:0;font-size:13px;line-height:1.8}
.type-infp .sb-details-body .result-description{font-size:13px;max-width:none;background:none}
.type-infp .sb-details-body>section{padding:18px 0;margin:10px 0;background:transparent}
.type-infp .sb-details-body .glass,.type-infp .dimension-card,.type-infp .person-card,.type-infp .career-card{background:#fafbf5;border-color:#e5e7da;box-shadow:none;backdrop-filter:none}
.type-infp .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-infp .facet-row>span,.type-infp .facet-row>b{font-size:clamp(12px,2.5cqw,18px);font-weight:400}
.type-infp .facet-row.is-top b{font-size:clamp(12px,2.5cqw,18px);color:inherit;text-shadow:none}
.type-infp .facet-row>div,.type-infp .facet-row.is-top>div{height:1.8cqw;min-height:7px;background:#e8eadd;box-shadow:none}
.type-infp .facet-row i,.type-infp .facet-row.is-top i{background:#8a9876;box-shadow:none}
.type-infp .sb-job-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1cqw}
.type-infp .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-infp .sb-job-grid>div:last-child:nth-child(odd){grid-column:1/-1}
.type-infp .sb-job-grid>div>span:first-child{color:#87966b;font-size:4cqw;flex:none}
.type-infp .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/infp-storybook/result.webp')!important;background-position:center bottom!important;background-size:100% auto!important}
.type-infp .closing:after{display:none}
.type-infp .closing>h2{font-family:var(--serif);font-size:clamp(20px,4cqw,30px);font-weight:500;line-height:1.6;margin:7cqw 0 4cqw}
.type-infp .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-infp .closing>.text-button{display:block;margin:1cqw auto;padding:0;min-height:32px;font-size:clamp(11px,2.3cqw,16px)}
.type-infp .closing>[data-action=restart]{font-size:11px;color:#6d795f}
.type-infp .career-hero{background:#e9eedf;color:#40503a;box-shadow:none}
.type-infp .career-hero p,.type-infp .career-hero .eyebrow,.type-infp .type-chip small,.type-infp .type-chip strong{color:#526549}
.type-infp .nature-interlude{display:none}
@media(min-width:900px){.site.type-infp{margin:22px auto;border-radius:16px}.type-infp .sb-home-start:hover{background:#ffffff15}.type-infp .dimension-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:360px){.type-infp .sb-header{padding-left:7cqw;padding-right:7cqw}.type-infp .sb-header .brand strong{font-size:12px}.type-infp .likert-option .selection-label{font-size:10px}.type-infp .sb-question-card{padding-left:3cqw;padding-right:3cqw}.type-infp .sb-question-card h1{font-size:18px}.type-infp .sb-question-card{min-height:80cqw}.type-infp .sb-test{min-height:158cqw}}

.type-infp .sb-result-poem{margin-bottom:0}