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

.type-enfp .sb-result-poem{margin-bottom:0}
.site.type-enfp{--forest:#284f27;--sage:#94c449;--paper:#fffff8;background-color:#fffff8;color:#28462a;font-synthesis:weight}
.type-enfp .sb-home-start{left:5.4%;top:31.6%;width:36%;height:4.9%}
.type-enfp .sb-home-nav{left:61%;top:1.9%;width:34%;height:2.5%}
.type-enfp .sb-home-brand{left:4%;top:1%;width:36%;height:4.5%}
.type-enfp .sb-header{padding:3cqw 5cqw;height:15cqw}
.type-enfp .sb-header .brand strong{font-weight:700;letter-spacing:.04em}
.type-enfp .sb-header .edition{font-size:4cqw;letter-spacing:0;background:#fffff9c9;border-radius:20px;padding:1cqw 2cqw}
.type-enfp .sb-test{padding-top:7cqw;min-height:157cqw}
.type-enfp .sb-progress{margin:0 8cqw;font-size:2.8cqw}
.type-enfp .sb-progress .progress>div{background:#98c64a}
.type-enfp .sb-gold{background:none;width:7cqw;height:7cqw}
.type-enfp .sb-gold svg{width:100%;height:100%;filter:drop-shadow(0 2px 1px white)}
.type-enfp .sb-question-card{border:1px solid #b5d56b;border-radius:3.5cqw;background:#fffffbf5;margin:4cqw 6.5cqw 0;padding:5cqw 4cqw 3cqw;min-height:74cqw}
.type-enfp .sb-question-card h1{font-size:clamp(19px,4.9cqw,37px);font-weight:700;min-height:22cqw;margin:5cqw 0}
.type-enfp .likert-option .circle,.type-enfp .likert-option.option-2 .circle,.type-enfp .likert-option.option-3 .circle,.type-enfp .likert-option.option-4 .circle{width:8cqw;height:8cqw;margin:0;border-color:#a6c968;background:#f4f5ee}
.type-enfp .likert-option.option-2 .circle{background:#eef5d7}.type-enfp .likert-option.option-3 .circle{background:#ddf3ff}.type-enfp .likert-option.option-5 .circle{background:#fff8b7}
.type-enfp .likert-option.selected .circle{background:#9ac34b;border-color:#7caf34;box-shadow:0 0 0 2px white,0 0 0 3px #a6c968;color:white}
.type-enfp .sb-question-card .auto-next-note{text-align:center;margin-top:3cqw}
.type-enfp .sb-quiz-poem,.type-enfp .sb-footer{background:#fffffb;color:#5b7651}
.type-enfp.page-result{background:linear-gradient(transparent 0 49cqw,#fcfff8 54cqw),url('./assets/enfp-lakeside/result.webp') center top / 100% auto no-repeat}
.type-enfp.page-result:before{display:none}
.type-enfp .result-hero{padding:2cqw 6cqw 5cqw;min-height:37cqw}
.type-enfp .result-hero .result-is{font-size:3.4cqw;letter-spacing:.04em;font-style:italic}
.type-enfp .result-hero h1{font-weight:600;font-size:13cqw;color:#284d25}
.type-enfp .sb-result-poem{font-size:3.6cqw;font-weight:600;line-height:1.6;max-width:75%;margin:1cqw 0}
.type-enfp .result-content>section,.type-enfp .sb-complete-report{background:#fffffcf5;border:1px solid #bddc74;border-radius:2.5cqw;padding:3cqw;margin:1.5cqw 0}
.type-enfp .section-title h2,.type-enfp .sb-section-title h2{text-align:left;font-size:clamp(18px,3.6cqw,27px);font-weight:700;margin:0;display:flex;align-items:center;gap:1cqw}
.type-enfp .section-title h2:before,.type-enfp .section-title h2:after,.type-enfp .sb-section-title h2:before,.type-enfp .sb-section-title h2:after{content:none}
.type-enfp .section-paw{width:5cqw;height:5cqw;flex:none}
.type-enfp .radar{width:92%;max-width:530px}
.type-enfp .sb-job-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1cqw}
.type-enfp .sb-job-grid>div{display:flex;flex-direction:column;text-align:center;padding:1cqw .4cqw;gap:1cqw;font-size:clamp(11px,2.2cqw,16px);background:none}
.type-enfp .sb-job-grid>div:last-child:nth-child(odd){grid-column:auto}
.type-enfp .sb-job-grid>div>span:first-child{background:#f1f8dc;border:1px solid #e0ecc7;border-radius:50%;width:10cqw;height:10cqw;display:grid;place-items:center;font-size:5cqw;color:#77ab42}
.type-enfp .facet-row i{background:linear-gradient(90deg,#d0e777,#8abc4c)}
.type-enfp .closing{background:none!important;margin:0 -6.82%!important;padding:0 0 6cqw!important;min-height:0;border:0!important}
.type-enfp .lakeside-closing-scene{height:42cqw;background:url('./assets/enfp-lakeside/result.webp') center bottom / 100% auto no-repeat;padding:5cqw 6cqw}
.type-enfp .lakeside-closing-scene h2{font-size:3.5cqw;line-height:1.7;margin:0;font-weight:500;font-style:italic}
.type-enfp .closing>.button{background:linear-gradient(110deg,#f4ffb6,#d7ed80);border-color:#a2c455;color:#294f25;min-height:44px}
.type-enfp .button{background:#b7d76b;color:#284f27}
.type-enfp .choice{background:#fffff2;border-color:#cbe59a;box-shadow:none}
.type-enfp .choice-mark{background:#acd15b}
@media(max-width:360px){.type-enfp .sb-job-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.type-enfp .sb-question-card h1{font-size:19px}}
.type-enfp .radar-label{font-size:15px}.type-enfp .radar-value{font-size:17px}
.type-enfp.page-result:before{display:block;content:'';position:absolute;inset:0 0 auto;height:230cqw;background:url('./assets/enfp-lakeside/result.webp') center top / 100% auto no-repeat;mask-image:linear-gradient(90deg,#000 0 3%,transparent 6% 94%,#000 97%);pointer-events:none}
.type-enfp .lakeside-closing-scene{height:50cqw;background-position:center bottom;padding-top:2cqw}
.type-enfp .lakeside-closing-scene h2{background:#fffffbc7;border-radius:12px;width:max-content;max-width:100%;padding:1cqw 3cqw;margin:0 auto;font-size:clamp(14px,3.5cqw,25px)}
@media(max-width:520px){.type-enfp .sb-job-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.type-enfp .sb-job-grid>div{font-size:12px;line-height:1.6}.type-enfp .likert-option .selection-label{font-size:11px}.type-enfp .sb-question-card .auto-next-note{font-size:11px}}