.temperament-test{--ink:#173d33;--ink-deep:#0d2d26;--cream:#f5f0e6;--paper:#fffdf8;--gold:#bc8b3f;--gold-light:#e8cf9d;--muted:#65716b;--line:#dcd4c5;--rust:#a8563b}.temperament-test *{box-sizing:border-box}.temperament-test{scroll-behavior:smooth;background:var(--cream);color:var(--ink-deep);margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.6}.temperament-test button,.temperament-test input{font:inherit}.temperament-test button,.temperament-test label{-webkit-tap-highlight-color:transparent}:is(.temperament-test button:focus-visible,.temperament-test input:focus-visible,.temperament-test a:focus-visible){outline-offset:3px;outline:3px solid #d3a552}.temperament-test .site-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#fffdf8eb;border-bottom:1px solid #173d331f;justify-content:space-between;align-items:center;min-height:78px;padding:14px clamp(20px,5vw,72px);display:flex;position:sticky;top:0}.temperament-test .brand{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:flex}.temperament-test .brand-mark{border:1px solid var(--gold);width:40px;height:40px;color:var(--gold);border-radius:50%;place-items:center;display:grid}.temperament-test .brand strong{letter-spacing:.02em;font:600 19px/1 Georgia,serif;display:block}.temperament-test .brand small{text-transform:uppercase;letter-spacing:.28em;color:var(--gold);margin-top:4px;font-size:8px;display:block}.temperament-test .prototype-badge{border:1px solid var(--gold-light);letter-spacing:.1em;text-transform:uppercase;color:#74541f;background:#fff9ec;border-radius:999px;padding:7px 11px;font-size:11px}.temperament-test .welcome-shell,.temperament-test .result-shell{max-width:1240px;margin:0 auto;padding:clamp(30px,6vw,84px) clamp(20px,5vw,72px)}.temperament-test .hero{background:var(--ink);color:#fff;border-radius:2px;grid-template-columns:1.12fr .88fr;min-height:610px;display:grid;overflow:hidden;box-shadow:0 28px 80px #0d2d2629}.temperament-test .hero-copy{align-self:center;padding:clamp(44px,7vw,96px)}.temperament-test .eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.2em;margin:0 0 14px;font-size:11px;font-weight:700}.temperament-test .hero h1,.temperament-test .flow-shell h1,.temperament-test .result-hero h1{letter-spacing:-.045em;margin:0;font:400 clamp(46px,7vw,86px)/.94 Georgia,serif}.temperament-test .hero h1 em{color:var(--gold-light);font-weight:400}.temperament-test .hero-lead{color:#e4e5df;max-width:630px;margin:28px 0 0;font:400 18px/1.75 Georgia,serif}.temperament-test .hero-actions,.temperament-test .result-actions{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.temperament-test .microcopy{color:#bfc9c4;margin:18px 0 0;font-size:12px}.temperament-test .hero-art{background:radial-gradient(circle at 50% 48%, #2c6253 0%, var(--ink-deep) 58%, #081f1a 100%);align-content:center;place-items:center;gap:34px;min-height:520px;display:grid;position:relative;overflow:hidden}.temperament-test .hero-art:before,.temperament-test .hero-art:after{content:"";border:1px solid #e8cf9d1f;border-radius:50%;width:520px;height:520px;position:absolute}.temperament-test .hero-art:after{width:690px;height:690px}.temperament-test .hero-art>p{z-index:2;text-align:center;color:#d8d9d3;margin:0;font:italic 17px/1.5 Georgia,serif;position:relative}.temperament-test .compass-ring{z-index:2;border:1px solid var(--gold);border-radius:50%;width:286px;height:286px;position:relative;box-shadow:inset 0 0 0 18px #bc8b3f0f,0 0 60px #bc8b3f14}.temperament-test .compass-ring:before,.temperament-test .compass-ring:after{content:"";background:#e8cf9d66;position:absolute}.temperament-test .compass-ring:before{width:1px;height:100%;left:50%}.temperament-test .compass-ring:after{width:100%;height:1px;top:50%}.temperament-test .compass-ring span{color:var(--gold-light);font:22px Georgia,serif;position:absolute}.temperament-test .compass-ring span:first-child{top:14px;left:50%;transform:translate(-50%)}.temperament-test .compass-ring span:nth-child(2){top:50%;right:20px;transform:translateY(-50%)}.temperament-test .compass-ring span:nth-child(3){bottom:14px;left:50%;transform:translate(-50%)}.temperament-test .compass-ring span:nth-child(4){top:50%;left:20px;transform:translateY(-50%)}.temperament-test .compass-ring i{color:var(--gold);place-items:center;font-size:54px;font-style:normal;display:grid;position:absolute;inset:0}.temperament-test .principles{border:1px solid var(--line);background:var(--paper);border-top:0;grid-template-columns:repeat(3,1fr);display:grid}.temperament-test .principles article{min-height:220px;padding:38px}.temperament-test .principles article+article{border-left:1px solid var(--line)}.temperament-test .principles span{color:var(--gold);font:13px Georgia,serif}.temperament-test .principles h2{margin:22px 0 10px;font:400 26px/1.15 Georgia,serif}.temperament-test .principles p{color:var(--muted);margin:0;font-size:14px}.temperament-test .notice{border-left:3px solid var(--gold);color:#52605a;background:#eee7da;margin:28px 0 0;padding:18px 22px;font-size:13px}.temperament-test .notice strong{color:var(--ink)}.temperament-test .button{-webkit-appearance:none;appearance:none;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:13px 22px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.temperament-test .button:hover{transform:translateY(-1px)}.temperament-test .button:disabled{cursor:wait;opacity:.7;transform:none}.temperament-test .button.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.temperament-test .hero .button.primary{background:var(--gold-light);color:var(--ink-deep);border-color:var(--gold-light)}.temperament-test .button.ghost{color:var(--ink);background:0 0;border-color:#173d3347}.temperament-test .hero .button.ghost{color:#fff;border-color:#fff6}.temperament-test .button.light{background:var(--paper);color:var(--ink);border-color:var(--paper)}.temperament-test .button.outline-light{color:#fff;background:0 0;border-color:#ffffff73}.temperament-test .flow-shell{max-width:1040px;min-height:calc(100vh - 150px);margin:0 auto;padding:clamp(42px,7vw,82px) 24px 90px}.temperament-test .flow-shell.narrow{max-width:760px}.temperament-test .flow-shell>h1{max-width:760px;color:var(--ink)}.temperament-test .flow-shell .intro{max-width:660px;color:var(--muted);font-size:17px}.temperament-test .consent-form{border:1px solid var(--line);background:var(--paper);margin-top:38px;padding:clamp(24px,5vw,44px)}.temperament-test .field-label{color:var(--ink);margin-bottom:9px;font-weight:700;display:block}.temperament-test .field-label span{color:var(--muted);font-weight:400}.temperament-test .consent-form>input{border:1px solid var(--line);width:100%;color:var(--ink-deep);background:#fff;border-radius:2px;margin-bottom:24px;padding:14px 15px}.temperament-test .check-row{cursor:pointer;color:#46534e;grid-template-columns:22px 1fr;align-items:start;gap:12px;margin:14px 0;display:grid}.temperament-test .check-row input{width:19px;height:19px;accent-color:var(--ink);margin-top:3px}.temperament-test .flow-actions{justify-content:space-between;gap:12px;margin-top:34px;display:flex}.temperament-test .error{border-left:3px solid var(--rust);color:#83351f;background:#fff1eb;margin:24px 0 0;padding:13px 16px;font-size:14px}.temperament-test .progress-wrap{margin-bottom:38px}.temperament-test .progress-copy{color:var(--muted);justify-content:space-between;margin-bottom:8px;font-size:12px;display:flex}.temperament-test .progress-copy strong{color:var(--ink)}.temperament-test .progress-track{background:#ded7cb;height:5px;overflow:hidden}.temperament-test .progress-track span{background:var(--gold);height:100%;transition:width .3s;display:block}.temperament-test .flow-heading{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.temperament-test .flow-heading h1{max-width:760px;font-size:clamp(38px,5vw,58px);line-height:1.05}.temperament-test .flow-heading>p{white-space:nowrap;color:var(--muted);font-size:13px}.temperament-test .instruction{border-left:3px solid var(--gold);color:#56625d;background:#ece5d8;margin:22px 0 34px;padding:16px 20px;font-size:14px}.temperament-test .question-list,.temperament-test .scenario-list{gap:18px;display:grid}.temperament-test .question-card,.temperament-test .scenario-card{border:1px solid var(--line);background:var(--paper);min-width:0;margin:0;padding:clamp(22px,4vw,34px)}.temperament-test .question-card legend,.temperament-test .scenario-card legend{float:left;width:100%;color:var(--ink-deep);margin:0 0 24px;padding:0;font:400 19px/1.5 Georgia,serif}.temperament-test .question-card legend+*,.temperament-test .scenario-card legend+*{clear:both}.temperament-test .question-card legend>span{border:1px solid var(--gold);width:30px;height:30px;color:var(--gold);vertical-align:2px;border-radius:50%;place-items:center;margin-right:13px;font:12px Arial,sans-serif;display:inline-grid}.temperament-test .scale-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.temperament-test .scale-grid label{border:1px solid var(--line);text-align:center;cursor:pointer;min-height:104px;color:var(--muted);background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:10px 8px;transition:all .15s;display:flex}.temperament-test .scale-grid label:hover,.temperament-test .scale-grid label.selected{border-color:var(--gold);color:var(--ink);background:#fff9ec}.temperament-test .scale-grid input,.temperament-test .option-list input{opacity:0;pointer-events:none;position:absolute}.temperament-test .scale-grid strong{width:30px;height:30px;color:var(--ink);background:#eee8dc;border-radius:50%;place-items:center;display:grid}.temperament-test .scale-grid label.selected strong{background:var(--ink);color:#fff}.temperament-test .scale-grid small{max-width:112px;font-size:11px;line-height:1.3}.temperament-test .scenario-card legend{flex-direction:column;gap:8px;display:flex}.temperament-test .scenario-card legend span{color:var(--gold);letter-spacing:.16em;text-transform:uppercase;font:700 10px Arial,sans-serif}.temperament-test .scenario-card legend strong{color:var(--ink);font:400 27px/1.1 Georgia,serif}.temperament-test .option-list{gap:10px;display:grid}.temperament-test .option-list label{border:1px solid var(--line);cursor:pointer;background:#fff;grid-template-columns:38px 1fr;align-items:center;gap:14px;padding:16px;transition:all .15s;display:grid}.temperament-test .option-list label:hover,.temperament-test .option-list label.selected{border-color:var(--gold);background:#fff9ec}.temperament-test .option-list label>span{border:1px solid var(--gold-light);color:#8b672b;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.temperament-test .option-list label.selected>span{background:var(--ink);border-color:var(--ink);color:#fff}.temperament-test .option-list p{color:#4f5b56;margin:0;font-size:14px}.temperament-test .result-shell{padding-top:44px}.temperament-test .result-hero{background:var(--ink);color:#fff;text-align:center;padding:clamp(42px,7vw,82px)}.temperament-test .result-hero h1{font-size:clamp(48px,7vw,78px)}.temperament-test .result-hero>p:not(.eyebrow):not(.result-classification){color:#cbd4cf;max-width:650px;margin:18px auto 0}.temperament-test .result-classification{color:var(--gold-light);margin:24px auto 0;font:400 clamp(25px,4vw,38px)/1.2 Georgia,serif}.temperament-test .result-actions{justify-content:center}.temperament-test .pdf-error{border:1px solid #ffffff40;border-radius:2px;max-width:620px;padding:10px 14px;font-size:13px;color:#ffe2d7!important;margin:14px auto 0!important}.temperament-test .quality-note,.temperament-test .scenario-note{background:#fff8e8;border:1px solid #e1cfa7;grid-template-columns:180px 1fr;gap:28px;margin:24px 0;padding:20px 24px;display:grid}.temperament-test .quality-note strong,.temperament-test .scenario-note span{color:#8a5d1e;font-weight:700}.temperament-test .quality-note p,.temperament-test .scenario-note p{color:#5c645f;margin:0}.temperament-test .score-layout{grid-template-columns:.85fr 1.15fr;gap:18px;margin-top:22px;display:grid}.temperament-test .score-panel{border:1px solid var(--line);background:var(--paper);padding:clamp(26px,4vw,42px)}.temperament-test .score-panel h2,.temperament-test .report-intro h2{margin:0 0 28px;font:400 34px/1.1 Georgia,serif}.temperament-test .bar-row{margin:22px 0}.temperament-test .bar-row>div:first-child{justify-content:space-between;margin-bottom:8px;display:flex}.temperament-test .bar-row span{color:var(--muted);font-size:13px}.temperament-test .bar{background:#e5dfd4;height:9px;overflow:hidden}.temperament-test .bar>span{height:100%;display:block}.temperament-test .bar-S{background:#bb8337}.temperament-test .bar-C{background:#a4513d}.temperament-test .bar-M{background:#355d75}.temperament-test .bar-F{background:#4e7668}.temperament-test .facet-grid{grid-template-columns:repeat(2,1fr);gap:15px 24px;display:grid}.temperament-test .facet-grid>div{grid-template-columns:1fr auto;gap:5px 12px;font-size:12px;display:grid}.temperament-test .facet-grid strong{color:var(--ink)}.temperament-test .facet-grid i{background:#e5dfd4;grid-column:1/-1;height:4px;overflow:hidden}.temperament-test .facet-grid b{background:var(--gold);height:100%;display:block}.temperament-test .report-intro{text-align:center;max-width:720px;margin:74px auto 30px}.temperament-test .report-intro p:last-child{color:var(--muted)}.temperament-test .report-body{gap:18px;display:grid}.temperament-test .report-section{border:1px solid var(--line);background:var(--paper);padding:clamp(28px,5vw,54px)}.temperament-test .report-section h3{color:var(--ink);margin:0 0 22px;font:400 clamp(28px,4vw,42px)/1.08 Georgia,serif}.temperament-test .report-section>p:not(.eyebrow),.temperament-test .report-subsection p{color:#4c5954}.temperament-test .report-subsection{border-top:1px solid #e7e0d5;margin-top:28px;padding-top:24px}.temperament-test .report-subsection h4{color:var(--ink);margin:0 0 10px;font:400 22px/1.2 Georgia,serif}.temperament-test .report-subsection p{margin:7px 0}.temperament-test .report-facet{background:#f0ebe1}.temperament-test .report-context{border-left:4px solid var(--gold)}.temperament-test .identity-card{background:var(--ink);color:#fff;text-align:center;margin-top:28px;padding:clamp(44px,7vw,80px)}.temperament-test .identity-card h2{margin:0;font:400 clamp(34px,5vw,56px)/1.08 Georgia,serif}.temperament-test .identity-card h2 em{color:var(--gold-light);font-weight:400}.temperament-test .identity-card>p:not(.eyebrow){color:#cbd4cf;max-width:680px;margin:24px auto 30px}.temperament-test .next-step-grid{text-align:left;border:1px solid #e8cf9d47;grid-template-columns:repeat(2,1fr);max-width:900px;margin:38px auto 34px;display:grid}.temperament-test .next-step-grid article{grid-template-columns:38px 1fr;align-items:center;gap:12px;min-height:94px;padding:20px 24px;display:grid}.temperament-test .next-step-grid article:nth-child(2n){border-left:1px solid #e8cf9d47}.temperament-test .next-step-grid article:nth-child(n+3){border-top:1px solid #e8cf9d47}.temperament-test .next-step-grid span{color:var(--gold);font:13px Georgia,serif}.temperament-test .next-step-grid strong{color:#f6f3ec;font:400 17px/1.35 Georgia,serif}.temperament-test .identity-card .invitation-copy{max-width:760px!important}.temperament-test .identity-card .invitation-copy strong{color:#fff}.temperament-test .invitation-button{min-width:min(100%,330px)}.temperament-test .identity-card>small{color:#aebdb7;max-width:620px;margin:16px auto 0;font-size:11px;display:block}.temperament-test footer{background:var(--ink-deep);color:#fff;justify-content:space-between;align-items:center;gap:20px;padding:28px clamp(20px,5vw,72px);display:flex}.temperament-test footer span{font:20px Georgia,serif}.temperament-test footer p{color:#aab8b2;text-transform:uppercase;letter-spacing:.14em;margin:0;font-size:11px}@media (max-width:860px){.temperament-test .hero{grid-template-columns:1fr}.temperament-test .hero-art{min-height:440px}.temperament-test .principles{grid-template-columns:1fr}.temperament-test .principles article+article{border-left:0;border-top:1px solid var(--line)}.temperament-test .score-layout,.temperament-test .scale-grid{grid-template-columns:1fr}.temperament-test .scale-grid label{text-align:left;grid-template-columns:34px 1fr;min-height:54px;display:grid}.temperament-test .scale-grid small{max-width:none}.temperament-test .quality-note,.temperament-test .scenario-note{grid-template-columns:1fr;gap:6px}}@media (max-width:580px){.temperament-test .site-header{min-height:68px}.temperament-test .prototype-badge{font-size:9px}.temperament-test .welcome-shell,.temperament-test .result-shell{padding-left:12px;padding-right:12px}.temperament-test .hero-copy{padding:42px 24px}.temperament-test .hero-art{min-height:380px}.temperament-test .compass-ring{width:230px;height:230px}.temperament-test .flow-heading{flex-direction:column;align-items:flex-start}.temperament-test .flow-heading>p{margin:0}.temperament-test .flow-actions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);z-index:10;background:#f5f0e6f2;margin-left:-24px;margin-right:-24px;padding:14px 24px;position:sticky;bottom:0}.temperament-test .flow-actions .button{flex:1}.temperament-test .facet-grid,.temperament-test .next-step-grid{grid-template-columns:1fr}.temperament-test .next-step-grid article:nth-child(2n){border-left:0}.temperament-test .next-step-grid article+article{border-top:1px solid #e8cf9d47}.temperament-test footer{flex-direction:column;align-items:flex-start}}@media print{.temperament-test .site-header,.temperament-test footer,.temperament-test .result-actions,.temperament-test .identity-card .button{display:none!important}.temperament-test{background:#fff}.temperament-test .result-shell{max-width:none;padding:0}.temperament-test .result-hero,.temperament-test .identity-card{-webkit-print-color-adjust:exact;print-color-adjust:exact}.temperament-test .report-section,.temperament-test .score-panel{break-inside:avoid}}.temperament-test{isolation:isolate;min-height:calc(100vh - 116px)}.temperament-test .hero{grid-template-columns:1.12fr .88fr;margin:0}.temperament-test .hero-copy{width:auto}.temperament-test .hero-art{position:relative}.temperament-test .hero h1{max-width:none;color:inherit}.temperament-test .test-return{padding:18px clamp(20px,5vw,72px);font-size:14px}.temperament-test .test-return a{text-underline-offset:4px;text-decoration:underline}.temperament-test .test-next-step{border:1px solid var(--line);background:var(--paper);margin-top:28px;padding:28px}.temperament-test .test-next-step h2{margin:0 0 14px;font:400 28px/1.2 Georgia,serif}.temperament-test .test-next-step p{max-width:760px}.temperament-test .test-next-step .button{margin:8px 12px 0 0}:is(.temperament-test .scale-grid label:has(input:focus-visible),.temperament-test .option-list label:has(input:focus-visible)){outline:3px solid var(--gold);outline-offset:3px}.temperament-test input{max-width:100%}.temperament-test .hero h1,.temperament-test .flow-heading h1,.temperament-test .result-hero h1{overflow-wrap:anywhere}.temperament-test .hero-copy{min-width:0;container-type:inline-size}.temperament-test .hero h1{font-size:2rem;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;white-space:normal;font-size:clamp(1.5rem,14cqi,5.375rem);line-height:1.08}.temperament-test:lang(zh) .hero h1{line-break:auto}@media (max-width:860px){.temperament-test .hero{grid-template-columns:1fr}}@media (max-width:580px){.temperament-test .hero{min-height:0}.temperament-test .hero-copy{padding:42px 24px}}
