/* ENFJ: approved ivory / gold illustrations, with real accessible report content. */
.site.type-enfj{container-type:inline-size;--forest:#666b43;--sage:#a5a581;--paper:#fffdf8;--peak:#ad811b;--peak-light:#faf0d3;--serif:'Songti SC','Noto Serif CJK SC','STSong','SimSun',serif;max-width:760px;background:#fffdf8;color:#262926;font-family:var(--serif);font-synthesis:weight;box-shadow:0 0 60px #80724612}
.type-enfj .button{background:linear-gradient(110deg,#828562,#676d45);color:#fffef7;border:1px solid #a5a27a;box-shadow:none;font-family:var(--serif)}
.type-enfj .button.secondary{background:#fffcf0;color:#676d45;border-color:#b4af8e}
.type-enfj .sb-home{position:relative;width:100%;line-height:0}
.type-enfj .sb-home-board{display:block;width:100%;height:auto}
.type-enfj .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-enfj .sb-hotspot:focus-visible{outline:3px solid #9c7e35;outline-offset:2px;background:#ffffff24}
.type-enfj .sb-home-brand{left:5.3%;top:.6%;width:36%;height:5.1%}
.type-enfj .sb-home-nav{position:absolute;left:62.7%;top:2%;width:32.7%;height:3%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.type-enfj .sb-home-nav .sb-hotspot{position:relative;width:100%;height:100%}
.type-enfj .sb-home-start{left:6.4%;top:42.5%;width:39%;height:5.35%}
.type-enfj .sb-home-start:disabled{background:#ffffff55}
.type-enfj .sb-header{height:16cqw;padding:3cqw 9cqw 2cqw;max-width:none;gap:10px}
.type-enfj .sb-header .brand{gap:1.6cqw}
.type-enfj .sb-header .brand strong{font-family:var(--serif);font-size:clamp(13px,2.7cqw,21px);font-weight:600;letter-spacing:.08em}
.type-enfj .sb-header .brand small{font-size:clamp(9px,1.8cqw,14px);letter-spacing:.3em;margin-top:5px;color:#777655}
.type-enfj .sb-header .edition{font-size:clamp(13px,2.8cqw,21px);letter-spacing:.12em;background:#fffdf4bb;border-radius:20px;padding:1cqw 2cqw;color:#4e573e}
.site.type-enfj .sb-header .sb-logo{width:7cqw;height:8cqw;object-fit:contain;flex:none;background:none}
.type-enfj:is(.page-core,.page-fork,.page-expired){background:#fffdf8 url('./assets/enfj-greek/question-bg.webp') center top / 100% auto no-repeat}
.type-enfj .sb-test{position:relative;display:flex;flex-direction:column;min-height:160cqw;padding:8.6cqw 0 0}
.type-enfj .sb-progress{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:2.3cqw;margin:0 11cqw;font-size:clamp(12px,2.8cqw,21px);letter-spacing:.03em}
.type-enfj .sb-progress .progress{height:.9cqw;min-height:4px;margin:0;background:#e8e6d9;overflow:visible}
.type-enfj .sb-progress .progress>div{background:#828458}
.type-enfj .sb-gold{display:block;width:3.7cqw;height:7.4cqw;top:50%;transform:translate(-50%,-50%);background:none;filter:drop-shadow(0 1px 1px #ffffffaa)}
.type-enfj .sb-gold svg{display:block;width:100%;height:100%}
.type-enfj .sb-question-card{margin:8.8cqw 7.2cqw 0;padding:5.5cqw 4cqw 3cqw;min-height:90cqw;background:#fffefa;border:1px solid #d5bd85;border-radius:3.5cqw;box-shadow:0 0 0 4px #fffdf5aa}
.type-enfj .question-number{margin:0;text-align:center;font-size:clamp(12px,2.65cqw,20px);font-weight:400;letter-spacing:.1em;color:#464637}
.type-enfj .sb-question-card h1{font-family:var(--serif);font-size:clamp(20px,5.3cqw,39px);font-weight:600;letter-spacing:.03em;line-height:1.55;text-align:center;min-height:26cqw;display:flex;align-items:center;justify-content:center;margin:4cqw 0 2cqw;text-wrap:pretty;overflow-wrap:anywhere;color:#252928}
.type-enfj .sb-answer-hint{text-align:center;font-size:clamp(12px,2.65cqw,20px);color:#565949;letter-spacing:.06em}
.type-enfj .sb-question-card .likert{border:0;padding:0;margin:4.7cqw 0 0;min-width:0}
.type-enfj .likert-circles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5cqw;align-items:start}
.type-enfj .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-enfj .likert-option .circle{width:9cqw;height:9cqw;min-width:0;min-height:0;border:1px solid #747852;outline:none;background:transparent;box-shadow:none;margin:0;flex-shrink:0}
.type-enfj .likert-option.option-2 .circle,.type-enfj .likert-option.option-4 .circle{width:7.8cqw;height:7.8cqw;margin:.6cqw 0}
.type-enfj .likert-option.option-3 .circle{width:6.4cqw;height:6.4cqw;margin:1.3cqw 0}
.type-enfj .likert-option input:focus-visible+.circle{outline:2px solid #a38736;outline-offset:4px}
.type-enfj .likert-option .circle .icon{width:70%;height:70%}
.type-enfj .likert-option.selected .circle{background:#81865c;border-color:#81865c;color:white;transform:none;box-shadow:none}
.type-enfj .likert-option .selection-label{position:static;display:block;opacity:1;visibility:visible;transform:none;margin-top:1.5cqw;white-space:nowrap;min-width:0;font-size:clamp(10px,2.5cqw,19px);font-weight:400;line-height:1.6;color:#3d4333;letter-spacing:0}
.type-enfj .likert-option.selected .selection-label{font-weight:600;color:#555d37}
.type-enfj .sb-question-card .auto-next-note{margin:5.5cqw 0 2cqw;font-size:clamp(10px,2.25cqw,17px);text-align:center;color:#72725c;line-height:1.7;letter-spacing:.03em}
.type-enfj .sb-question-card .text-button{margin:0;padding:1cqw 0;font-size:clamp(12px,2.8cqw,21px);min-height:44px;color:#5d6640}
.type-enfj .sb-quiz-poem{position:static;width:84%;margin:auto 8% 3cqw;text-align:center;font-size:clamp(11px,2.3cqw,17px);color:#65634b;letter-spacing:.03em;background:#fffdf5cf;padding:6px;border-radius:8px}
.type-enfj .sb-footer{padding:3cqw 4cqw;background:#fffdf8;text-align:center;font-size:11px;line-height:1.8;color:#8b826a}
.type-enfj .sb-footer small{display:block;font:10px/1.7 sans-serif;opacity:.85;margin-top:5px}
.type-enfj.page-core .sb-footer>p{display:none}
.type-enfj .fork,.type-enfj .identity-result{margin:10cqw 7cqw 28cqw;padding:6cqw;background:#fffdf8f5;border:1px solid #dfcfaa;border-radius:4cqw;max-width:none;min-height:0}
.type-enfj .fork h1,.type-enfj .identity-result h1{font-family:var(--serif);font-size:clamp(22px,5cqw,35px)}
.type-enfj .choice{background:#faf8ed;border:1px solid #dbd7bc;box-shadow:none}
.type-enfj .choice-mark{background:#909572;box-shadow:none}
.type-enfj .neutral-symbol .enfj-emblem{width:84px;height:88px}
/* Fixed-scale illustrated top and closing; expanding a disclosure never stretches them. */
.type-enfj.page-result{background:#fffdf8 url('./assets/enfj-greek/result-bg.webp') center top / 100% auto no-repeat}
.type-enfj .result-page{position:relative;padding-top:0}
.type-enfj .greek-report{position:relative;margin:0 8.9%;border:1px solid #d3b579;border-radius:3cqw;background:#fffef9;box-shadow:0 0 0 4px #fffdf8a8;padding:2cqw 0 2.5cqw;isolation:isolate}
.type-enfj .result-hero{min-height:0;height:auto;padding:0 4cqw 2cqw;overflow:visible;text-align:center}
.type-enfj .result-hero>.eyebrow{display:block;font-size:clamp(8px,1.35cqw,11px);letter-spacing:.3em;line-height:1.8;color:#666951}
.type-enfj .result-hero .result-is{font-size:clamp(19px,3.8cqw,29px);font-weight:600;letter-spacing:.04em;margin:1cqw 0 0;color:#252a26}
.type-enfj .result-hero h1{font:600 clamp(44px,12cqw,91px)/1.1 Georgia,serif;letter-spacing:-.04em;margin:0;color:#72754b;background:linear-gradient(110deg,#646941,#aaa474,#646941);background-clip:text;-webkit-text-fill-color:transparent}
.type-enfj .sb-result-poem{margin:0;max-width:none;font-size:clamp(12px,2.3cqw,17px);line-height:1.8;letter-spacing:0}
.type-enfj .sb-result-poem strong{display:block;font-size:clamp(16px,3.2cqw,24px);font-weight:600}
.type-enfj .sb-result-poem span{display:block;margin-top:1cqw}
.site.type-enfj .result-content{max-width:none;margin:0;padding:0 4.5cqw}
.type-enfj .result-content>section,.type-enfj .sb-complete-report{margin:0;padding:2cqw 0;background:none;border:0;box-shadow:none;backdrop-filter:none;min-width:0}
.type-enfj .section-title,.type-enfj .sb-section-title{text-align:center;margin:1cqw 0}
.type-enfj .section-title h2,.type-enfj .sb-section-title h2{font-family:var(--serif);font-size:clamp(18px,3.6cqw,27px);line-height:1.6;font-weight:600;letter-spacing:.025em;margin:0;color:#303327}
.type-enfj .radar-section>.section-title h2:before,.type-enfj .sb-section-title h2:before{content:'—';font-weight:400;color:#c4ac77;margin-right:1.5cqw;font-size:.7em}
.type-enfj .radar-section>.section-title h2:after,.type-enfj .sb-section-title h2:after{content:'—';font-weight:400;color:#c4ac77;margin-left:1.5cqw;font-size:.7em}
.site.type-enfj .sb-section-title>p{font-size:clamp(12px,2.2cqw,16px);line-height:1.8;color:#696a56;margin:1cqw 0 2cqw}
.type-enfj .radar-layout{display:block;margin:0}
.type-enfj .radar{display:block;width:100%;height:auto;max-width:460px;margin:0 auto}
.type-enfj .radar-label{font-family:var(--serif);fill:#3b4435}
.type-enfj .radar-value{fill:#3b4435}
.type-enfj .radar-tick{display:none}
.type-enfj .sb-details{margin-top:1.6cqw;padding:0;border:0}
.site.type-enfj .sb-details>summary{text-align:center;display:list-item;list-style-position:inside;border:1px solid #d7c9a6;border-radius:30px;background:#fffdf7;width:fit-content;max-width:100%;margin:0 auto;padding:6px 16px;min-height:36px;font-size:clamp(12px,2.1cqw,16px);line-height:1.6;color:#696a4a;cursor:pointer;white-space:normal}
.type-enfj .sb-details[open]>summary{margin-bottom:16px;color:#636b39;background:#f6f0de}
.site.type-enfj .sb-details-body{color:#515844}
.type-enfj .sb-details-body .result-description{font-size:14px;max-width:none;background:none;line-height:1.85;margin:14px 0}
.type-enfj .sb-details-body :is(.glass,.dimension-card,.person-card,.career-card){background:#fbfbf3;border-color:#e1ddc9;box-shadow:none;backdrop-filter:none}
.type-enfj .sb-details-body .quality{margin:10px 0}
.type-enfj .sb-details-body .career-hero{background:#f0efdf}
.type-enfj .sb-details-body .career-hero:before,.type-enfj .sb-details-body .career-hero:after{display:none}
.type-enfj .nature-interlude{display:none}
.site.type-enfj .sb-strength-bars .facet-row{padding:9px 0;border:0;border-radius:0;background:none;grid-template-columns:5.1em minmax(0,1fr) 2em;gap:8px;margin:0;font-size:clamp(13px,2.5cqw,19px);color:#464c36}
.site.type-enfj .sb-strength-bars .facet-row :is(span,b){font-size:inherit}
.type-enfj .facet-row>b{font-family:Georgia,serif;text-shadow:none}
.type-enfj .facet-row>div{height:1.8cqw;min-height:7px;background:#eeede5;box-shadow:none}
.type-enfj .facet-row i{background:linear-gradient(90deg,#aaa991,#b8b994);box-shadow:none}
.site.type-enfj .score-peak-card{background:linear-gradient(110deg,#fffdf4,#faf0d3);border-color:#d6bd7d}
.site.type-enfj .facet-row:is(.is-top,.score-peak-card) i{background:linear-gradient(90deg,#bd941f,#edd17b);box-shadow:none}
.site.type-enfj .facet-row:is(.is-top,.score-peak-card)>div{background:#f4eedb;box-shadow:none}
.site.type-enfj .score-peak{color:#a47b16;fill:#a47b16;text-shadow:none}
.site.type-enfj .dimension-card.score-peak-card .dimension-bar span{background:#c5a34b}
.type-enfj .greek-strength-note{font-size:clamp(11px,1.85cqw,14px);line-height:1.8;color:#6b705b;margin:0 0 1cqw}
.type-enfj .sb-job-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1px;counter-reset:none}
.type-enfj .sb-job-grid>.greek-career-row{display:grid;grid-template-columns:2.2em minmax(0,1fr) 2.2em;gap:8px;align-items:center;padding:10px 12px;min-width:0;border:0;border-bottom:1px solid #e5deca;border-radius:7px;background:#fffefa;font-size:clamp(13px,2.4cqw,18px);line-height:1.65}
.type-enfj .greek-career-row>span:first-child{font-family:Georgia,serif;font-size:inherit;color:#8e7b48;white-space:nowrap}
.type-enfj .greek-career-row strong{font:500 clamp(17px,3cqw,23px)/1 Georgia,serif;text-align:right;color:#6c714c}
.type-enfj .sb-job-grid>.greek-career-row.is-top{background:#faf0d8;border-color:#faf0d8}
.type-enfj .greek-career-row.is-top strong{color:#aa7d11;font-weight:700}
.type-enfj .sb-complete-report{padding:2cqw 0 1cqw}
.type-enfj .closing{isolation:auto;position:relative;padding:0 0 3cqw;min-height:0;text-align:center;border:0;border-radius:0;background:#fffdf8;box-shadow:none;backdrop-filter:none;overflow:visible;margin:0;z-index:1}
.type-enfj .closing:after{display:none}
.type-enfj .greek-closing-scene{position:relative;height:27cqw;pointer-events:none;background:url('./assets/enfj-greek/result-bg.webp') center -177cqw / 100% auto no-repeat;mask-image:linear-gradient(transparent,#000 5% 83%,transparent)}
.type-enfj .closing>h2{font:500 clamp(16px,3.1cqw,24px)/1.7 var(--serif);color:#32372d;margin:0 0 2cqw;padding:0 6%;letter-spacing:.01em}
.type-enfj .closing>.button{display:flex;width:fit-content;max-width:90%;min-height:44px;margin:0 auto 6px;padding:9px 32px;font-size:clamp(16px,2.8cqw,21px)}
.type-enfj .closing>.text-button{display:inline-block;min-height:36px;padding:4px 12px;margin:0;font-size:clamp(12px,2cqw,15px);color:#596247}
.type-enfj .closing>[data-action=restart]{border-left:1px solid #b6ad88;margin-left:8px}
@media(min-width:900px){.site.type-enfj{margin:22px auto;border-radius:16px}.type-enfj .sb-home-start:hover{background:#ffffff15}}
@media(max-width:360px){.type-enfj .sb-header{padding-left:7cqw;padding-right:7cqw}.type-enfj .sb-header .brand strong{font-size:12px}.type-enfj .sb-question-card{padding-left:3cqw;padding-right:3cqw}.type-enfj .sb-question-card h1{font-size:19px}.type-enfj .likert-option .selection-label{font-size:10px}.type-enfj .greek-report{margin-left:6.5%;margin-right:6.5%}.type-enfj .section-title h2:before,.type-enfj .section-title h2:after,.type-enfj .sb-section-title h2:before,.type-enfj .sb-section-title h2:after{content:none}}
