:root{color-scheme:light;--cream:#fff8ef;--paper:#fffdf8;--ink:#294b43;--ink-soft:#4f655d;--muted:#7b8176;--coral:#df836f;--coral-ink:#9c4e40;--blush:#f7e6dc;--sage:#b4c8b4;--sage-light:#edf2e9;--line:#dedfd3;--purple:var(--ink);--deep:#1d3932;--lavender:var(--sage-light);--white:#fff;--sans:"Avenir Next","PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;--serif:"Iowan Old Style","Songti SC","STSong",serif;--mono:"Avenir Next","PingFang SC",sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.8 var(--sans);-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.46}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--coral);outline-offset:4px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{line-height:1.5}p:last-child{margin-bottom:0}h1,h2{font-weight:500}button,summary,a{touch-action:manipulation}.skip-link{position:absolute;left:20px;top:-100px;padding:12px 18px;background:var(--ink);color:var(--cream);z-index:50}.skip-link:focus{top:10px}.site-header{max-width:1180px;margin:auto;padding:27px 36px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;min-width:0;font-size:24px;font-weight:600;letter-spacing:2px;line-height:1.4}.brand-symbol{width:45px;height:45px;flex:0 0 45px;display:grid;place-items:center;border:1px solid #d4d9cb;border-radius:50%;background:var(--paper)}.brand-symbol svg{display:block;width:36px;height:36px}.logo-stem{stroke:var(--ink);stroke-width:1.5;fill:none}.logo-bloom{fill:var(--coral)}.brand small{display:block;margin-top:5px;color:var(--muted);font-size:9px;letter-spacing:1.6px;font-weight:400}.history-nav{min-height:44px;border:0;border-bottom:1px solid var(--ink);border-radius:0;background:transparent;padding:7px 0;font-size:13px;white-space:nowrap}.history-nav span{display:inline-grid;place-items:center;background:var(--blush);border-radius:50%;width:22px;height:22px;margin-left:8px;font-size:11px}.view{max-width:1180px;padding:28px 36px 80px;margin:auto;animation:arrive .32s ease both}.eyebrow{display:block;font-size:10px;letter-spacing:2px;font-weight:500;color:var(--coral-ink);line-height:1.7}.home-hero{display:grid;grid-template-columns:1.15fr 1fr;column-gap:25px;align-items:center;padding-top:34px}.hero-story{padding:23px 0 35px;position:relative;z-index:1}.hero-story h1{font:500 clamp(34px,4.9vw,64px)/1.5 var(--serif);letter-spacing:1px;margin:24px 0 22px;white-space:nowrap}.hero-story h1 span{color:var(--coral-ink);position:relative}.hero-story h1 span:after{content:"";position:absolute;left:0;right:-2px;bottom:-7px;height:8px;border-top:1px solid var(--coral);border-radius:50%;transform:rotate(-3deg)}.hero-copy{font-size:16px;color:var(--ink-soft);line-height:2.05;margin-bottom:28px}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;align-items:center}.primary-button,.secondary-button,.resume-button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:11px;line-height:1.6;padding:12px 23px;border:1px solid transparent;border-radius:7px;font-size:14px;transition:background .18s,transform .18s}.primary-button{background:var(--ink);color:var(--cream);font-weight:500}.primary-button:hover:not(:disabled){background:var(--deep);transform:translateY(-1px)}.hero-actions>.primary-button{padding:14px 20px;gap:30px;min-height:56px}.hero-actions>.primary-button>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--coral);color:var(--ink);font-size:19px}.secondary-button{background:var(--paper);border-color:#cbd3c5;color:var(--ink)}.secondary-button:hover:not(:disabled){background:var(--sage-light)}.resume-button{background:transparent;border-color:#d7c6b9;color:var(--ink);font-size:13px}.resume-button span{color:var(--coral-ink);font-size:12px}.text-button{border:0;background:transparent;color:var(--ink-soft);min-height:44px;padding:8px 5px;font-size:14px;line-height:1.6}.text-button:hover{color:var(--coral-ink)}.full-width{width:100%}.service-note{font-size:12px;color:var(--muted);margin:14px 0 0;min-height:22px}.hero-assurance{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:11px;color:var(--muted);margin-top:20px}.hero-assurance span:before{content:"";display:inline-block;width:4px;height:4px;margin:0 7px 2px 0;border-radius:50%;background:var(--coral)}.hero-field{position:relative;align-self:stretch;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:8px 0 26px}.field-heading{display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:1.4px;color:var(--muted);padding:0 14px}.field-heading>span:last-child{letter-spacing:1px}.field-diagram{display:block;width:100%;height:auto;max-height:470px;overflow:visible}.art-backdrop{fill:#f8e8dd}.growth-stem{fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round}.growth-leaf{fill:#b4c8b4;stroke:#779784;stroke-width:1}.flower-petal{stroke:#cb7667;stroke-width:.8}.petal-0{fill:#e5a28e}.petal-1{fill:#efb7a7}.flower-centre{fill:var(--ink)}.small-petal{fill:#e7e6c6;stroke:#a3b795;stroke-width:.8}.small-centre{fill:#78927a}.art-scribble{fill:none;stroke:#a6b9a1;stroke-width:1.8;stroke-linecap:round}.art-dot{fill:#d6a887}.field-caption{display:flex;justify-content:space-between;gap:12px;margin-top:-11px;padding:0 14px;color:var(--ink-soft);font-size:11px;line-height:1.8}.field-caption>span:last-child{color:var(--muted)}.facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:22px}.facts>div{display:flex;align-items:center;justify-content:center;gap:20px;position:relative;min-width:0}.facts>div+div:before{content:"";position:absolute;left:-15px;width:1px;height:38px;background:var(--line)}.facts strong{font:400 47px/1 var(--serif);color:var(--ink);white-space:nowrap}.facts strong>span{font:12px var(--sans);margin-left:3px;color:var(--muted)}.facts p{font-size:13px;line-height:1.6;margin:0}.facts p>small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.intro-section{padding:66px 0 44px}.section-heading{margin-bottom:28px}.section-heading h2{font:500 32px/1.6 var(--serif);margin:12px 0}.section-heading>p{font-size:14px;color:var(--ink-soft);line-height:1.9}.dimension-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:11px;overflow:hidden;counter-reset:direction}.dimension-intro{position:relative;min-width:0;padding:26px 19px 22px;background:var(--paper);counter-increment:direction}.dimension-intro:after{content:counter(direction,decimal-leading-zero);position:absolute;right:16px;top:19px;font:10px var(--sans);color:#a3aa9b}.dimension-intro .symbol{display:block;width:35px;height:35px;border:1px solid #d8dfcf;border-radius:50%;text-align:center;line-height:33px;margin-bottom:18px;color:#769482;font-size:22px}.dimension-intro h3{font-size:15px;font-weight:500;margin-bottom:8px}.dimension-intro p{font-size:12px;color:var(--ink-soft);line-height:1.9}.before-card{padding:33px 36px 30px;background:var(--sage-light);border-radius:10px;position:relative;border:1px solid #dde4d6}.before-card>.eyebrow{color:#768b70}.before-card h2{font:500 27px/1.6 var(--serif);margin:12px 0 20px}.before-card ol{padding-left:23px;color:var(--ink-soft);font-size:14px;line-height:1.95;margin-bottom:21px}.before-card li{padding-left:8px;margin:11px 0}.before-card li::marker{color:#859e7e}.before-card>p{font-size:12px;color:#758170;max-width:700px}.quiz-view,.report-view{max-width:900px;padding-top:35px}.quiz-top,.progress-copy,.question-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.quiz-top{margin-bottom:15px}.quiz-top p{font:400 25px var(--serif);color:var(--ink);margin:0}.progress-copy{font-size:11px;color:var(--muted);margin-bottom:8px}.progress-track{height:4px;background:#e8e9dd;margin-bottom:29px;overflow:hidden;border-radius:3px}.progress-track>span{display:block;height:100%;width:0;background:var(--coral);transition:width .2s;border-radius:3px}.question-card{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:34px 38px 28px;box-shadow:0 7px 24px #294b4304}.question-meta{margin-bottom:27px}.question-badge{font-size:11px;color:var(--coral-ink);border-bottom:1px solid #e8bcac;padding:2px 0 5px;letter-spacing:1px}.local-badge{font-size:10px;color:#80927d}.question-card h1{font:500 30px/1.5 var(--serif);margin:9px 0 19px}.question-context{background:#f6f3e9;border-left:2px solid #d9c9b2;padding:16px 18px;color:var(--ink-soft);font-size:14px;line-height:1.95;margin-bottom:23px}.question-prompt{font-size:17px;font-weight:500;line-height:1.9;margin-bottom:23px;overflow-wrap:anywhere}.answer-options{display:flex;flex-direction:column;gap:10px}.answer-option{display:flex;align-items:center;gap:14px;min-height:64px;width:100%;padding:15px 18px;background:var(--paper);border:1px solid var(--line);border-radius:7px;text-align:left;font-size:15px;line-height:1.8;transition:background .15s,border-color .15s}.answer-option:hover{border-color:#b9c6b5;background:#f6f8f1}.answer-option[aria-pressed=true]{background:var(--blush);border-color:#d79a87}.answer-letter,.rank-position{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border:1px solid #d2d9ca;border-radius:50%;font:12px var(--sans);color:#80927b}.answer-option[aria-pressed=true] .answer-letter,.answer-option[aria-pressed=true] .rank-position{background:var(--ink);color:var(--cream);border-color:var(--ink)}.answer-text{min-width:0;flex:1;overflow-wrap:anywhere}.answer-state{flex:0 0 17px;color:#a1b399;font-size:15px}.answer-option[aria-pressed=true] .answer-state{color:var(--coral-ink)}.answer-option.skip-answer{border-style:dashed;color:#7c8579;background:#f8f8f0;font-size:13px}.answer-option:disabled[aria-pressed=true]{opacity:1;cursor:default}.quiz-nav{display:flex;justify-content:space-between;gap:15px;padding:22px 0 5px}.local-note,.help-text{font-size:12px;line-height:1.85;color:var(--muted)}.local-note{text-align:center;margin:16px 0 0}.help-text{margin-top:11px}.ranking-controls{margin-top:19px;padding:19px 0 4px;border-top:1px solid var(--line)}.ranking-controls>p{font-size:14px;color:var(--ink-soft)}.ranking-controls>div{display:flex;align-items:center;gap:12px;margin-bottom:12px}.question-stimulus{padding:18px 0 23px}.stimulus-image{display:block;width:100%;height:auto;max-height:340px;object-fit:contain;margin:auto}.stimulus-caption,.audio-note{font-size:12px;line-height:1.9;color:var(--ink-soft);margin:11px 0 0}.audio-box{padding:24px;background:var(--sage-light);border:1px solid #dbe4d6;border-radius:10px}.audio-button{min-height:48px;padding:12px 23px;border-radius:7px;border:1px solid #b9cbb3;background:var(--paper);color:var(--ink);font-size:15px}.figure-enlarge{display:flex;margin:8px auto 0;font-size:13px}.card{padding:32px 35px;background:var(--paper);border:1px solid var(--line);border-radius:12px;margin-bottom:22px}.report-hero{background:var(--ink);border-color:var(--ink);color:var(--cream);position:relative;overflow:hidden}.report-hero:after{content:"";position:absolute;right:-20px;top:-60px;width:240px;height:240px;border:1px solid #ffffff0f;border-radius:48% 52% 40% 60%;pointer-events:none}.report-overline{font-size:10px;letter-spacing:2px;color:#c4d1bd;margin-bottom:28px}.report-summary{display:flex;align-items:center;gap:26px;position:relative;z-index:1;min-width:0}.report-ring{position:relative;width:116px;height:116px;flex:0 0 116px}.report-ring svg{width:100%;height:100%;display:block}.ring-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;line-height:1.4}.ring-label strong{font:500 34px var(--serif);color:var(--cream)}.ring-label strong small{font:12px var(--sans);color:#c7d2c0}.ring-label>span{font-size:10px;color:#c7d2c0;margin-top:4px}.report-subtitle{font-size:11px;color:#c7d2c0;letter-spacing:1px;margin:0 0 9px}.report-hero h1{font:500 36px/1.5 var(--serif);margin:0;color:var(--cream);overflow-wrap:anywhere}.report-intro{font-size:15px;line-height:2;color:#e0e5d9;margin-top:26px;position:relative;z-index:1}.signal-tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.tag{font-size:11px;line-height:1.6;padding:5px 11px;border-radius:20px;background:var(--sage-light);color:#637c60;border:1px solid #dce5d3;display:inline-block}.report-hero .tag{background:#ffffff0b;border-color:#a8b89f5c;color:#e1e9d6}.report-date{font-size:11px;color:#aebfa7;line-height:1.9;margin-bottom:0;position:relative;z-index:1}.report-hero>.help-text{color:#d0d9c8}.report-section>h2{display:flex;align-items:center;gap:13px;font:500 25px/1.6 var(--serif);margin-bottom:22px}.section-number{display:inline-grid;place-items:center;flex:0 0 36px;min-width:36px;min-height:36px;font:400 20px var(--serif);color:var(--coral-ink);border:1px solid #e8c0af;border-radius:50%}.report-section p,.report-section li{font-size:14px;line-height:1.95;color:var(--ink-soft);overflow-wrap:anywhere}.report-section h3{font-size:17px;font-weight:500;margin-bottom:11px}.report-section h4{font-size:14px;font-weight:600;color:var(--ink);margin:20px 0 9px}.radar-wrap{margin:28px auto 20px;max-width:620px;padding:15px 8px;background:#fafbf5;border:1px solid #e7ecdf;border-radius:10px;overflow:hidden}.radar-wrap svg{display:block;width:100%;height:auto}.report-section .chart-key{text-align:center;font-size:11px;color:var(--muted)}.score-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 30px;margin:27px 0}.score-list>article{min-width:0;border-bottom:1px solid var(--line);padding-bottom:14px}.score-label{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:14px;margin-bottom:9px}.score-label strong{font:500 23px var(--serif)}.score-track{height:5px;background:#edf0e7;border-radius:5px;overflow:hidden}.score-track>span{display:block;height:100%;width:0;background:var(--sage);border-radius:5px}.report-section .score-coverage{font-size:11px;color:var(--muted);margin:9px 0}.source-breakdown{margin-top:10px;border-top:1px solid #e7eadd;padding-top:8px}.report-section .source-breakdown p{font-size:11px;line-height:1.85;margin:3px 0;color:#788473}.report-section .coverage-note{font-size:12px;padding:17px 18px;background:var(--sage-light);border-left:2px solid #9cb596;margin:22px 0 15px}.evidence-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{cursor:pointer;min-height:46px;line-height:1.75;padding:13px 0;font-size:14px}.evidence-list>summary{font-size:14px;color:var(--ink)}.evidence-item{padding:18px 0 23px;border-top:1px dashed var(--line)}.evidence-item h4{font-size:15px;margin:5px 0 13px}.evidence-item p{font-size:13px;line-height:1.95;margin-bottom:10px}.evidence-item small{font-size:11px;color:var(--muted)}.evidence-points{padding:10px 13px;background:var(--sage-light);border-radius:5px}.evidence-media{font-size:12px;min-height:44px;margin:5px 0 12px}.combination-gap{padding:17px 19px;background:var(--blush);border-radius:7px}.combination-case{border:1px solid var(--line);border-radius:9px;padding:23px;margin:19px 0;background:#fffdf8}.combination-case h3{font:500 22px/1.6 var(--serif);margin:14px 0 13px}.combination-case h4{font-size:13px}.bullet-list{padding-left:21px;color:var(--ink-soft)}.bullet-list li{padding-left:5px;margin:7px 0}.bullet-list li::marker{color:#b6c6a9}.dimension-detail{border-top:1px solid var(--line);margin-top:15px}.dimension-detail:last-child{border-bottom:1px solid var(--line)}.dimension-detail>summary{display:flex;align-items:baseline;justify-content:space-between;gap:14px;font-size:15px;padding:18px 1px;list-style:none}.dimension-detail>summary:after{content:"＋";font:18px var(--sans);color:#839d79;order:3}.dimension-detail[open]>summary:after{content:"−"}.dimension-detail>summary strong{font:500 22px var(--serif);white-space:nowrap;margin-left:auto}.detail-body{padding:0 0 24px}.band-note{padding:15px 18px;background:var(--blush);border-left:2px solid var(--coral);border-radius:0 5px 5px 0}.band-high{border-color:#94b68b;background:var(--sage-light)}.band-insufficient{border-color:#c0c6b6;background:#f3f4ed}.top-list{display:grid;gap:12px}.top-item{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:17px;align-items:start;padding:19px;background:#f8faf3;border:1px solid #e1e8d7;border-radius:8px}.top-rank{font:500 28px var(--serif);color:#a2b299}.top-item h3{font-size:16px;margin-bottom:5px}.top-item p{font-size:13px;line-height:1.85;margin:0 0 8px}.top-item small{font-size:11px;color:var(--muted);line-height:1.8}.top-value{font:500 27px/1.4 var(--serif);white-space:nowrap}.top-value small{font:10px var(--sans);margin-left:3px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.soft-card{padding:21px 22px;background:#f7f7ed;border-radius:8px;border:1px solid #e5e7d8;min-width:0}.soft-card h3{font:500 20px/1.6 var(--serif);margin-bottom:13px}.soft-card p{font-size:13px;line-height:1.95}.action-step{padding:2px 0 22px;margin-top:20px;border-bottom:1px solid var(--line)}.action-step:last-child{border-bottom:0;padding-bottom:0}.action-step h3{font:500 21px/1.6 var(--serif);margin-bottom:13px}.report-section .action-time{font-size:12px;color:var(--coral-ink);font-weight:500}.week-choices{border:1px solid var(--line);border-radius:8px;padding:2px 15px;margin:15px 0;background:#fffdf8}.week-choices>summary{font-size:13px}.week-choices>div{padding:9px 0 13px;border-top:1px solid var(--line)}.week-choices>div h4{margin-top:9px}.week-choices>div p{font-size:13px}.completion-standard{background:var(--sage-light);padding:13px 15px;border-radius:5px}.report-actions{padding:26px 30px;background:#f8f0e6}.report-actions>.primary-button{min-height:53px}.action-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:17px}.report-actions>.help-text{font-size:11px;margin-top:15px}.career-exploration{background:#fcf8ef}.career-route{position:relative;border:1px solid #dfe5d5;background:#fffdf7;border-radius:10px;padding:23px;margin:16px 0}.career-route h3{font:500 22px/1.6 var(--serif)}.career-fit{display:inline-block;padding:4px 11px;border-radius:20px;color:var(--coral-ink);background:var(--blush);font-size:11px}.career-evidence{border-left:2px solid var(--sage);padding:10px 15px;margin-top:16px;background:var(--sage-light);font-size:12px;line-height:1.95}.history-list{display:grid;gap:15px;margin-bottom:28px}.history-entry{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 28px;background:var(--paper);border:1px solid var(--line);border-radius:10px;min-width:0}.history-entry>div{min-width:0}.history-entry .eyebrow{font-size:10px;letter-spacing:.5px}.history-entry h2{font:500 24px/1.5 var(--serif);margin:6px 0}.history-entry .help-text{font-size:12px;margin:7px 0 0}.history-entry>.secondary-button{flex-shrink:0;font-size:12px}.empty-state{text-align:center;padding:46px 22px;border:1px dashed #cbd5c0;border-radius:10px}.empty-state>span{display:none}.empty-state:before{content:"↗";display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--blush);font-size:26px;color:var(--coral-ink);margin:0 auto 20px}.empty-state h2{font:500 25px var(--serif)}.empty-state p{font-size:13px;color:var(--muted)}.danger{color:#a36452}.error-message{font-size:13px;color:#a54338;line-height:1.8;min-height:1em;margin-top:12px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 28px);z-index:100;border:1px solid #637a63;background:var(--ink);color:var(--cream);font-size:13px;padding:13px 20px;border-radius:8px;box-shadow:0 10px 30px #183b2d22}footer{max-width:1180px;border-top:1px solid var(--line);padding:27px 36px 34px;margin:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted)}.footer-brand{color:var(--ink);font-size:16px;font-weight:500;letter-spacing:2px}.footer-brand>small{display:block;font-size:8px;color:var(--muted);letter-spacing:2px;margin-top:3px}footer>p{width:100%;font-size:12px;line-height:1.8;margin:0}footer .text-button{font-size:12px}dialog{border:1px solid #d1d9c7;color:var(--ink);background:var(--paper);border-radius:13px;padding:30px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;box-shadow:0 20px 90px #294b4326}dialog::backdrop{background:#1e342b75;backdrop-filter:blur(3px)}.small-dialog{width:460px;padding:36px 32px}.small-dialog h2{font:500 28px/1.5 var(--serif);padding-right:24px;margin-bottom:17px}.small-dialog>p{font-size:14px;line-height:1.95;color:var(--ink-soft)}.small-dialog>form>label{display:block;font-size:13px;margin:22px 0 7px}.small-dialog input{display:block;width:100%;min-height:49px;padding:11px 13px;border:1px solid #c4cfba;border-radius:6px;background:#fff;color:var(--ink);font-size:17px}.small-dialog form>.primary-button{margin-top:7px}.small-dialog .help-text{font-size:11px}.dialog-close{position:relative;flex:0 0 44px;display:grid;place-items:center;width:44px;height:44px;min-height:44px;border-radius:50%;border:1px solid #d6dfca;background:#fffdf8;font:24px/1 var(--sans);color:var(--ink);padding:0}.small-dialog>.dialog-close{position:absolute;right:13px;top:13px}.dialog-mark{display:grid;place-items:center;width:43px;height:43px;margin-bottom:20px;border-radius:50%;background:var(--blush);color:var(--coral-ink);font-size:23px}.export-dialog{width:820px;padding:29px}.export-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.export-top h2{font:500 26px/1.5 var(--serif);margin:4px 0 0}.export-top .eyebrow{font-size:9px}.export-dialog>p{font-size:13px;color:var(--ink-soft);line-height:1.9}.export-image-card{padding:0 0 20px;margin:0 0 24px;border-bottom:1px solid var(--line)}.export-image-card>img{display:block;width:100%;height:auto;border:1px solid var(--line);background:#fff}.export-image-card>.secondary-button{display:flex;margin:13px auto 0;max-width:300px;min-height:46px;font-size:12px}.export-loading{padding:40px 20px;text-align:center;font-size:14px;color:var(--muted)}.export-failure{font-size:14px;color:#a54338}.figure-dialog{width:920px;padding:25px}.figure-dialog h2{font-size:24px}.figure-dialog .help-text{margin-top:7px}.figure-scroll{overflow:auto;max-height:65dvh;border:1px solid var(--line);border-radius:6px;background:#fff;overscroll-behavior:contain}.figure-scroll>img{display:block;min-width:640px;width:100%;height:auto}.privacy-dialog h2{margin-top:0}.privacy-dialog p{font-size:13px}.privacy-dialog p+p{border-top:1px solid var(--line);padding-top:15px}body:has(dialog[open]){overflow:hidden}@keyframes arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(min-width:1100px){.before-card{display:grid;grid-template-columns:1fr 1.2fr;gap:0 42px}.before-card>.eyebrow,.before-card>h2,.before-card>p{grid-column:1}.before-card>ol{grid-column:2;grid-row:1/4;margin-top:0}.before-card>h2{align-self:start;margin-top:10px}.before-card>p{align-self:end}.before-card>ol>li:first-child{margin-top:0}}@media(max-width:900px){.site-header{padding:23px 28px}.view{padding-left:28px;padding-right:28px}.home-hero{column-gap:10px;padding-top:23px}.hero-story h1{font-size:45px}.hero-copy{font-size:14px}.hero-field{padding-bottom:10px}.field-caption{display:block;font-size:10px}.field-caption>span{display:block}.facts{gap:20px;padding:24px 0}.facts>div{gap:12px}.facts strong{font-size:39px}.facts p{font-size:12px}.facts p>small{font-size:9px}.dimension-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.dimension-intro{padding:23px 13px}.dimension-intro h3{font-size:14px}.dimension-intro p{font-size:11px}.dimension-intro:after{right:12px;font-size:9px}.card{padding:29px 28px}.report-hero h1{font-size:32px}footer{padding-left:28px;padding-right:28px}}@media(max-width:650px){html{scroll-padding-top:16px}.site-header{padding:19px 20px}.brand{font-size:21px;gap:9px;letter-spacing:1.6px}.brand-symbol{width:38px;height:38px;flex-basis:38px}.brand-symbol svg{width:31px;height:31px}.brand small{font-size:8px;letter-spacing:.9px;margin-top:5px}.history-nav{font-size:11px;min-height:44px}.history-nav span{width:18px;height:18px;font-size:10px;margin-left:4px}.view{padding:23px 20px 55px}.home-hero{display:flex;flex-direction:column;align-items:stretch;position:relative;padding-top:6px}.hero-story{padding:17px 0 0}.hero-story>.eyebrow{font-size:9px;letter-spacing:1.4px}.hero-story h1{font-size:39px;line-height:1.52;margin:17px 0 18px;white-space:normal;letter-spacing:.3px}.hero-copy{font-size:14px;line-height:2;margin:0 0 22px}.hero-actions{gap:10px;align-items:stretch;flex-direction:column}.hero-actions>.primary-button{min-height:53px;width:100%;justify-content:space-between;padding:12px 20px;font-size:14px}.hero-actions>.primary-button>span{width:26px;height:26px}.hero-actions>.resume-button{width:100%;min-height:46px}.service-note{font-size:11px;margin-top:12px;min-height:19px}.hero-assurance{font-size:10px;gap:7px 16px;margin-top:14px}.hero-field{padding:26px 10px 12px;max-width:350px;align-self:center;width:100%;margin-top:7px}.field-heading{font-size:8px;letter-spacing:1.2px;padding:0 4px}.field-diagram{max-height:300px;margin:0 auto}.field-caption{display:flex;justify-content:space-between;font-size:9px;padding:0 4px;margin-top:-4px;gap:5px}.field-caption>span{display:block}.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:22px 0 20px;margin-top:20px;align-items:start}.facts>div{display:block;text-align:center}.facts>div+div:before{left:-5px;height:54px;top:3px}.facts strong{font-size:35px;display:block;margin-bottom:12px;white-space:nowrap}.facts strong>span{font-size:10px;margin-left:2px}.facts p{font-size:11px;line-height:1.65}.facts p>small{font-size:9px;line-height:1.8;margin-top:5px}.intro-section{padding:42px 0 31px}.section-heading{margin-bottom:23px}.eyebrow{font-size:9px;letter-spacing:1.5px}.section-heading h2{font-size:26px;line-height:1.6;margin:11px 0}.section-heading>p{font-size:13px;line-height:1.95}.dimension-grid{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:9px}.dimension-intro{padding:22px 17px 20px}.dimension-intro .symbol{font-size:22px;width:32px;height:32px;line-height:30px;margin-bottom:16px}.dimension-intro:after{right:15px;top:18px}.dimension-intro h3{font-size:14px;margin-bottom:7px}.dimension-intro p{font-size:12px;line-height:1.9}.before-card{padding:25px 22px 23px;border-radius:9px}.before-card h2{font-size:24px;margin:11px 0 15px}.before-card ol{font-size:13px;line-height:1.95;padding-left:20px;margin-bottom:17px}.before-card li{padding-left:4px;margin:12px 0}.before-card>p{font-size:12px}.quiz-view,.report-view{padding-top:23px}.quiz-top{margin-bottom:12px}.quiz-top p{font-size:23px}.quiz-top .text-button{font-size:12px}.progress-copy{font-size:10px}.progress-track{margin-bottom:22px}.question-card{padding:25px 22px 22px;border-radius:11px}.question-meta{margin-bottom:23px;gap:10px}.question-badge{font-size:10px}.local-badge{font-size:9px}.question-card h1{font-size:25px;margin:10px 0 17px}.question-context{font-size:14px;padding:13px 14px;line-height:1.9;margin-bottom:20px}.question-prompt{font-size:16px;line-height:1.9;margin-bottom:20px}.answer-options{gap:9px}.answer-option{padding:14px 13px;gap:11px;font-size:14px;line-height:1.85;min-height:62px}.answer-letter,.rank-position{width:27px;height:27px;flex-basis:27px;font-size:11px}.answer-state{font-size:13px;flex-basis:13px}.answer-option.skip-answer{font-size:12px}.quiz-nav{gap:11px;padding-top:21px}.quiz-nav .primary-button,.quiz-nav .secondary-button{padding:11px 16px;font-size:13px;min-height:47px}.local-note{font-size:11px;line-height:1.9}.help-text{font-size:12px}.ranking-controls{padding-top:17px}.ranking-controls>p{font-size:13px}.question-stimulus{padding:10px 0 20px}.stimulus-image{max-height:300px}.stimulus-caption,.audio-note{font-size:12px}.audio-box{padding:19px 17px}.audio-button{width:100%;font-size:14px}.card{padding:25px 22px;border-radius:10px;margin-bottom:18px}.report-overline{font-size:9px;letter-spacing:1.1px;margin-bottom:23px}.report-summary{gap:16px;align-items:flex-start}.report-ring{width:81px;height:81px;flex-basis:81px;margin-top:4px}.ring-label strong{font-size:25px}.ring-label strong small{font-size:10px}.ring-label>span{font-size:8px;margin-top:2px}.report-subtitle{font-size:10px;letter-spacing:.3px;line-height:1.9;margin-bottom:8px}.report-hero h1{font-size:27px;line-height:1.6}.report-intro{font-size:14px;line-height:2;margin-top:22px}.signal-tags{gap:6px;margin:18px 0}.tag{font-size:10px;padding:4px 9px}.report-date{font-size:10px;line-height:1.9}.report-section>h2{font-size:23px;line-height:1.6;gap:11px;margin-bottom:20px;align-items:flex-start}.section-number{font-size:18px;min-width:30px;min-height:30px;flex-basis:30px;margin-top:4px}.report-section p,.report-section li{font-size:14px;line-height:1.95}.report-section h3{font-size:16px}.report-section h4{font-size:14px}.radar-wrap{margin:22px -8px 16px;padding:10px 3px}.report-section .chart-key{font-size:10px;line-height:1.9}.score-list{grid-template-columns:1fr;gap:18px;margin:23px 0}.score-list>article{padding-bottom:13px}.score-label{font-size:14px}.score-label strong{font-size:22px}.report-section .score-coverage{font-size:11px}.report-section .source-breakdown p{font-size:11px;line-height:1.9}.report-section .coverage-note{font-size:12px;padding:14px 15px}.evidence-list>summary{font-size:13px}.evidence-item h4{font-size:14px;line-height:1.7}.evidence-item p{font-size:13px}.evidence-item small{font-size:11px}.evidence-media{font-size:12px;padding:10px 15px}.combination-gap{padding:15px 16px}.combination-case{padding:19px 17px;margin:16px 0}.combination-case h3{font-size:21px}.dimension-detail>summary{font-size:13px;gap:8px;padding:17px 0;line-height:1.8}.dimension-detail>summary strong{font-size:20px}.dimension-detail>summary:after{font-size:16px}.detail-body{padding-bottom:20px}.band-note{padding:13px 14px}.top-item{grid-template-columns:25px minmax(0,1fr);padding:17px 15px;gap:10px 13px}.top-rank{font-size:25px}.top-item h3{font-size:16px}.top-item p{font-size:13px}.top-item small{font-size:11px}.top-value{grid-column:2;justify-self:end;font-size:25px}.detail-grid{grid-template-columns:1fr;gap:13px}.soft-card{padding:20px 18px}.soft-card h3{font-size:21px}.soft-card p{font-size:14px}.action-step h3{font-size:21px}.report-section .action-time{font-size:12px}.week-choices{padding:2px 12px}.week-choices>summary{font-size:12px}.week-choices>div p{font-size:13px}.completion-standard{padding:12px 14px}.report-actions{padding:23px 20px}.report-actions>.primary-button{font-size:14px}.action-row{gap:10px;margin-top:15px}.action-row .primary-button,.action-row .secondary-button{padding:11px 16px;font-size:13px}.action-row .text-button{font-size:12px}.career-route{padding:19px 17px}.career-route h3{font-size:22px}.career-evidence{padding:10px 13px;font-size:12px}.history-entry{padding:22px 20px;flex-wrap:wrap;gap:17px}.history-entry h2{font-size:23px}.history-entry .help-text{font-size:11px}.history-entry>.secondary-button{width:100%;min-height:45px}.history-entry .eyebrow{font-size:10px}.empty-state{padding:35px 18px}.empty-state h2{font-size:23px}footer{padding:23px 20px 29px;gap:11px}.footer-brand{font-size:15px}.footer-brand>small{font-size:8px}footer .text-button{font-size:11px}footer>p{font-size:11px}.small-dialog{padding:32px 24px;width:440px}.small-dialog h2{font-size:25px;margin-bottom:15px}.small-dialog>p{font-size:14px;line-height:1.9}.small-dialog>form>label{font-size:12px;margin-top:19px}.small-dialog input{font-size:16px}.small-dialog .help-text{font-size:11px}.dialog-close{width:42px;height:42px;flex-basis:42px}.small-dialog>.dialog-close{right:10px;top:10px}.export-dialog{padding:23px 17px}.export-top{gap:12px;margin-bottom:17px}.export-top h2{font-size:22px;line-height:1.6}.export-top .eyebrow{font-size:8px;letter-spacing:1px}.export-dialog>p{font-size:12px}.export-image-card>.secondary-button{font-size:12px}.figure-dialog{padding:21px 17px}.figure-dialog h2{font-size:23px}.figure-dialog .help-text{font-size:11px}.figure-scroll{max-height:60dvh}.privacy-dialog p{font-size:13px}.toast{bottom:18px;font-size:12px;padding:12px 16px}}@media(max-width:350px){.site-header{padding-left:15px;padding-right:15px}.brand{font-size:19px;gap:8px}.brand-symbol{width:33px;height:33px;flex-basis:33px}.brand-symbol svg{width:28px;height:28px}.brand small{font-size:7px;letter-spacing:.6px}.history-nav{font-size:10px}.view{padding-left:15px;padding-right:15px}.hero-story h1{font-size:34px}.hero-copy{font-size:13px}.hero-field{padding-left:7px;padding-right:7px}.field-caption{font-size:8px}.facts{gap:7px}.facts strong{font-size:31px}.facts p{font-size:10px}.facts p>small{font-size:8px}.dimension-intro{padding:20px 14px}.dimension-intro h3{font-size:14px}.before-card{padding:23px 19px}.question-card{padding:22px 17px}.question-meta{gap:7px}.local-badge{font-size:8px}.answer-option{padding:13px 11px;gap:9px}.card{padding:23px 18px}.report-summary{gap:12px}.report-ring{width:70px;height:70px;flex-basis:70px}.ring-label strong{font-size:22px}.ring-label>span{font-size:7px}.report-hero h1{font-size:24px}.report-subtitle{font-size:9px}.report-section>h2{font-size:21px;gap:9px}.section-number{min-width:27px;min-height:27px;flex-basis:27px;font-size:17px}.dimension-detail>summary{font-size:12px}.dimension-detail>summary strong{font-size:18px}.top-item{padding:16px 12px}.report-actions{padding:22px 17px}.action-row .secondary-button{font-size:12px;padding:10px 14px}.action-row .text-button{font-size:11px}}@media print{body{background:white}.site-header,footer,#home-view,#quiz-view,#history-view,.report-actions,dialog,.toast{display:none!important}.report-view{max-width:none;padding:0}.card{break-inside:avoid;border:1px solid #ddd;box-shadow:none}.report-hero{print-color-adjust:exact;-webkit-print-color-adjust:exact}.dimension-detail>summary{list-style:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

body {
  padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
}
.question-meta-label {
  display: flex;
  align-items: center;
  gap: 12px;
}
.question-meta-label .eyebrow {
  letter-spacing: 1px;
}
.report-jumps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(122px, 100%), 1fr));
  gap: 8px;
  margin: 0 0 22px;
}
.report-jumps a {
  display: grid;
  place-items: center;
  min-height: 48px;
  padding: 9px 10px;
  border: 1px solid #cad6c4;
  border-radius: 8px;
  background: var(--sage-light);
  color: var(--ink);
  font-size: 14px;
  line-height: 1.45;
  text-align: center;
}
.report-jumps a:hover {
  background: #e1ebdc;
}
.report-section[id],
.evidence-item[id] {
  scroll-margin-top: 10px;
}
.report-anchor {
  margin: 14px 0;
  padding: 18px 20px;
  border: 1px solid #ead8ca;
  border-left: 3px solid var(--coral);
  border-radius: 8px;
  background: #fff7ee;
}
.report-section .report-anchor .eyebrow {
  margin-bottom: 5px;
  color: var(--coral-ink);
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: .5px;
}
.report-anchor h3 {
  color: var(--deep);
  font-family: var(--serif);
}
.report-anchor p {
  margin-bottom: 9px;
}
.report-anchor-link {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 4px 3px;
  color: var(--coral-ink);
  font-size: 14px;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.report-section .career-next,
.report-section .career-outlook {
  padding: 12px 14px;
  border-radius: 7px;
  background: var(--sage-light);
  color: var(--ink);
}
.career-route .career-fit {
  display: block;
  padding: 10px 13px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #fbf8ee;
}
.career-route .career-fit h4 {
  margin-top: 0;
}
.career-route .career-fit ul {
  margin-bottom: 0;
}
.source-detail > summary {
  min-height: 44px;
  padding: 9px 0;
  font-size: 13px;
}
details.evidence-item {
  padding: 0;
}
.evidence-item > summary {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 48px;
  padding: 10px 0;
  font-weight: 500;
  list-style: none;
}
.evidence-item > summary::-webkit-details-marker {
  display: none;
}
.evidence-item > summary > :first-child {
  flex: 1;
  min-width: 0;
}
.evidence-item > summary h4 {
  margin: 0;
}
.evidence-item > summary::after {
  content: "＋";
  flex: none;
  color: var(--ink-soft);
}
.evidence-item[open] > summary::after {
  content: "−";
}
.evidence-body {
  padding: 5px 0 16px;
}
.evidence-status {
  flex: none;
  padding: 3px 8px;
  border-radius: 12px;
  background: var(--sage-light);
  color: #355749;
  font-size: 12px;
  white-space: nowrap;
}
.evidence-status-review {
  background: var(--blush);
  color: #8a4235;
}
.evidence-status-skipped {
  background: #efefe6;
  color: #586052;
}
.figure-scroll:focus-visible {
  outline: 3px solid var(--coral);
  outline-offset: 2px;
}
@media print {
  .report-jumps,
  .report-anchor-link {
    display: none;
  }
}

@media screen and (max-width: 650px) {
  body {
    --mobile-gutter: clamp(14px, 4.6vw, 21px);
  }
  .site-header {
    gap: 10px;
    padding: 10px var(--mobile-gutter);
  }
  .brand {
    min-height: 44px;
  }
  .history-nav {
    padding-inline: 4px;
    font-size: 12px;
  }
  .history-nav span {
    margin-left: 4px;
  }
  .view {
    padding-inline: var(--mobile-gutter);
  }
  .home-hero {
    padding-top: 1px;
  }
  .hero-story {
    padding: 12px 0 16px;
  }
  .hero-story h1 {
    margin: 12px 0 15px;
    font-size: clamp(32px, 9.5vw, 42px);
    line-height: 1.38;
  }
  .hero-copy {
    margin-bottom: 15px;
    font-size: 15px;
    line-height: 1.75;
  }
  .hero-actions > .primary-button {
    min-height: 52px;
    font-size: 16px;
  }
  .hero-actions > .resume-button {
    min-height: 48px;
  }
  .hero-assurance {
    margin-top: 8px;
    color: #657265;
    font-size: 12px;
  }
  .service-note {
    margin-top: 8px;
    color: #657265;
  }
  .hero-field {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(110px, 44%);
    grid-template-rows: auto 1fr;
    column-gap: 8px;
    align-items: center;
    max-width: none;
    min-height: 132px;
    margin-top: 3px;
    padding: 12px 12px 10px 15px;
    border: 1px solid #eeddd2;
    border-radius: 12px;
    background: linear-gradient(120deg, #fffaf2, #faece1);
  }
  .field-heading {
    display: grid;
    grid-area: 1 / 1;
    gap: 4px;
    padding: 0;
    color: #7d574c;
    font-size: 9px;
    letter-spacing: .8px;
  }
  .field-caption {
    display: grid;
    grid-area: 2 / 1;
    gap: 2px;
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 1.65;
  }
  .field-caption > span:last-child {
    color: #657265;
    font-size: 11px;
  }
  .field-diagram {
    grid-area: 1 / 2 / span 2;
    max-height: 137px;
  }
  .facts {
    margin-top: 16px;
    padding-block: 16px;
  }
  .facts p {
    font-size: 12px;
  }
  .facts p > small {
    color: #657265;
    font-size: 10px;
  }
  .quiz-view,
  .report-view {
    padding-top: 14px;
  }
  .quiz-top {
    margin-bottom: 3px;
  }
  .quiz-top p {
    font-variant-numeric: tabular-nums;
  }
  .quiz-top .text-button {
    font-size: 14px;
  }
  .progress-copy {
    margin-bottom: 5px;
    color: #657265;
    font-size: 12px;
  }
  .progress-track {
    height: 5px;
    margin-bottom: 13px;
  }
  .question-card {
    padding: 15px clamp(12px, 3.9vw, 20px) 15px;
  }
  .question-meta {
    margin-bottom: 7px;
  }
  .question-meta-label .question-badge {
    display: none;
  }
  .question-meta-label .eyebrow {
    font-size: 12px;
  }
  .local-badge {
    color: #657265;
    font-size: 11px;
  }
  .question-card h1 {
    margin: 0 0 12px;
    font-size: 24px;
    line-height: 1.45;
  }
  .question-context {
    margin-bottom: 13px;
    padding: 10px 12px;
    font-size: 15px;
    line-height: 1.72;
  }
  .question-prompt {
    margin-bottom: 13px;
    line-height: 1.72;
  }
  .question-stimulus {
    padding-block: 2px 13px;
  }
  .figure-enlarge {
    margin: 3px auto 0;
    padding-inline: 14px;
  }
  .answer-options {
    gap: 8px;
  }
  .answer-option {
    gap: 8px;
    min-height: 54px;
    padding: 10px 11px;
    font-size: 16px;
    line-height: 1.55;
  }
  .answer-letter,
  .rank-position {
    width: 25px;
    height: 25px;
    flex-basis: 25px;
  }
  .answer-option.skip-answer {
    color: #657265;
    font-size: 14px;
  }
  .quiz-nav {
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
    gap: 10px;
    padding-top: 13px;
  }
  .quiz-nav .primary-button,
  .quiz-nav .secondary-button {
    min-height: 48px;
    padding: 9px 10px;
    font-size: 14px;
  }
  .ranking-controls > p {
    font-size: 15px;
  }
  .ranking-controls > div {
    flex-wrap: wrap;
  }
  .report-jumps {
    margin-bottom: 15px;
  }
  .report-intro,
  .report-section p,
  .report-section li {
    font-size: 15px;
    line-height: 1.8;
  }
  .report-section .score-coverage,
  .report-section .source-breakdown p,
  .report-section .coverage-note,
  .report-section .chart-key,
  .evidence-item small {
    font-size: 13px;
  }
  .report-section .source-breakdown p {
    color: #586755;
  }
  .report-section h3 {
    font-size: 18px;
  }
  .report-anchor,
  .career-route,
  .combination-case,
  .soft-card {
    padding-inline: 14px;
  }
  .evidence-list > summary,
  .dimension-detail > summary {
    font-size: 15px;
  }
  .evidence-status {
    padding-inline: 6px;
  }
  .report-actions .action-row > * {
    flex: 1 1 115px;
  }
  dialog {
    max-height: calc(100vh - 24px);
    max-height: calc(100dvh - max(24px, env(safe-area-inset-top, 0px) + env(safe-area-inset-bottom, 0px) + 16px));
  }
  .dialog-close {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
  }
  .export-dialog > .export-top {
    position: sticky;
    top: 0;
    z-index: 1;
    padding-block: 4px 9px;
    background: var(--paper);
    border-bottom: 1px solid var(--line);
  }
  .export-image-card > .secondary-button {
    scroll-margin-top: 90px;
  }
}

@media screen and (max-width: 650px) and (min-height: 520px) {
  .quiz-nav {
    position: sticky;
    z-index: 2;
    bottom: 0;
    margin: 10px calc(-1 * var(--mobile-gutter)) 0;
    padding: 8px var(--mobile-gutter) calc(8px + env(safe-area-inset-bottom, 0px));
    border-top: 1px solid var(--line);
    background: var(--cream);
  }
  .quiz-view :is(.answer-option, .figure-enlarge, .audio-button, .ranking-controls button) {
    scroll-margin-block-end: calc(76px + env(safe-area-inset-bottom, 0px));
  }
}