html{scroll-behavior:smooth}.identity-card{display:grid;grid-template-columns:1fr 200px;gap:25px;align-items:center;margin-top:28px;padding:38px;border:1px solid #dfe6f4;border-radius:22px;background:linear-gradient(130deg,#eef3ff,#f6f1fb);overflow:hidden}.interest-code{display:flex;gap:8px}.interest-code>span{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:var(--type-color,#8596b7);color:white;font-size:21px;font-weight:700}.identity-card h2{font-size:clamp(28px,3.5vw,43px);line-height:1.25;letter-spacing:-1.7px;color:#304b7b;margin:24px 0 15px}.identity-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#7182a0}.identity-copy>small{display:block;margin-top:22px;color:#8c9bb4;font-size:10px;line-height:1.6}.identity-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.identity-tags>span{font-size:10px;border:1px solid #dce4f2;border-radius:20px;background:#fff;padding:7px 10px;color:#6e83a4}.identity-visual{display:grid;place-items:center;background:radial-gradient(ellipse,#d5e0f3,transparent 70%)}.identity-visual img{width:160px;height:160px;object-fit:contain;filter:drop-shadow(0 16px 12px #7584a522)}.identity-visual>span{font:700 11px Arial;letter-spacing:3px;color:#8b9abb;margin-top:20px}.result-share{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fffaf0;border:1px solid #eae1ca;padding:23px 27px;border-radius:14px;margin-top:18px}.result-share strong{font-size:15px;color:#75613f}.result-share p{font-size:11px;color:#a5967b;margin:7px 0 0}.result-share button{white-space:nowrap}.result-nav{display:flex;gap:25px;flex-wrap:wrap;padding:25px 0;border-bottom:1px solid #e1e7f0;font-size:11px;color:#7e8da8}.result-nav a:hover{color:#385c9c}.insight-section{padding:43px 0;border-bottom:1px solid #e4e9f2;scroll-margin-top:20px}.insight-heading>span{font:10px Arial;letter-spacing:1.2px;color:#8d9bb3}.insight-heading h2{font-size:28px;letter-spacing:-1px;line-height:1.4;margin:15px 0}.insight-heading p{font-size:13px;line-height:1.85;color:#8390a6}.interest-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:30px;align-items:center;margin-top:25px}.radar-wrap{text-align:center;background:#f7f9fd;border-radius:18px;padding:20px}.radar-wrap svg{width:100%;max-width:330px;overflow:visible}.radar-wrap>span{display:block;font-size:10px;color:#92a0b6;letter-spacing:1px;margin:10px}.interest-row{border-bottom:1px solid #e9edf4;padding:10px 0}.interest-row summary{display:flex;gap:10px;align-items:center;cursor:pointer}.type-dot{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;font-size:11px;color:white}.interest-row summary>div{flex:1}.interest-row summary b{font-size:12px;display:block;font-weight:550}.interest-row summary div>span{display:block;font-size:9px;color:#93a0b4;margin-top:5px}.interest-row summary>strong{font-size:19px;font-weight:550;color:#5d749c}.interest-bar{height:4px;border-radius:3px;background:#f0f3f8;margin:11px 0 0 38px;overflow:hidden}.interest-bar i{display:block;height:100%}.interest-evidence{padding:5px 0 0 38px}.interest-evidence p{font-size:10px;line-height:1.8;color:#7888a1}.interest-evidence span{color:#9eabc0}.result-note{font-size:10px;color:#93a0b4;line-height:1.8;margin-top:22px}.behavior-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px}.behavior-grid article{border:1px solid #dfe6f0;border-radius:13px;padding:23px}.behavior-top{display:flex;align-items:center;justify-content:space-between}.behavior-top span{font-size:13px;color:#71829f}.behavior-top strong{font-size:28px;color:#4b699a;font-weight:550}.behavior-grid .bar{margin:15px 0;height:5px}.behavior-grid .bar i{background:#9aace0}.behavior-grid h3{font-size:16px;font-weight:600;line-height:1.5}.behavior-grid p{font-size:11px;color:#8693aa;line-height:1.9}.behavior-grid summary{font-size:10px;color:#7590b4;cursor:pointer;padding-top:9px}.career-top-three{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}.occupation-card{padding:21px;border:1px solid #e0e6f0;border-radius:13px;background:#fcfdff;min-width:0}.occupation-card>span{font-size:10px;color:#8195b7}.occupation-card h3{font-size:19px;line-height:1.45;letter-spacing:-.3px;color:#435d88;margin:17px 0 8px;overflow-wrap:anywhere;word-break:normal}.occupation-card>small{font-size:10px;color:#a0aabc}.occupation-card p{font-size:11px;line-height:1.8;color:#7e8ea9}.occupation-card a{font-size:10px;color:#6486ba;display:inline-block;margin-top:12px}.mini-comparison{display:flex;align-items:flex-end;height:50px;gap:7px;margin-top:18px}.mini-comparison>div{flex:1;display:flex;align-items:flex-end;height:100%;gap:2px;position:relative}.mini-comparison i{width:45%;background:#8199cf;border-radius:2px 2px 0 0}.mini-comparison b{width:45%;background:#dce3f0;border-radius:2px 2px 0 0}.mini-comparison span{position:absolute;bottom:-15px;font-size:8px;color:#9aa8bc;left:25%}.comparison-legend{margin-top:24px!important;font-size:9px!important}.occupation-search{display:flex;gap:10px;margin:30px 0 15px}.occupation-search input{flex:1;min-width:0;border:1px solid #dbe3ef;border-radius:9px;padding:13px;background:white;color:#526480;font:inherit;font-size:12px}.occupation-search select{max-width:140px;border:1px solid #dbe3ef;border-radius:9px;background:#f6f8fc;padding:10px;color:#64799b;font-size:11px}.occupation-count{font-size:11px;color:#8a98b0;margin:18px 0}.occupation-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.occupation-list .occupation-card{padding:16px}.occupation-list .occupation-card h3{font-size:15px;margin:10px 0}.career-pagination{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-top:20px}.career-pagination>span{font-size:10px;color:#92a0b7}.career-pagination button{font-size:10px;padding:9px 15px}.dataset-credit{font-size:9px;color:#9ba7ba;line-height:1.8;margin-top:25px}.dataset-credit a{text-decoration:underline}.report-deep{margin-top:35px}.report-deep>summary{padding:20px;background:#f3f6fb;border-radius:12px;font-size:15px;color:#5d769e;cursor:pointer}.report-deep .report-stats{margin-top:20px}.report-deep .report-section .eyebrow{display:none}.share-actions{display:flex;gap:10px;margin-top:18px}.share-actions button{flex:1}#result-share-dialog{max-width:470px;padding:30px;border-radius:18px;background:#fff}#result-share-dialog h2{font-size:23px;margin:0 0 18px}#share-canvas{display:block;width:100%;max-height:430px;object-fit:contain;border-radius:10px}.share-disclosure{font-size:10px!important;color:#91a0b5!important}.share-actions+.share-status,#share-status{font-size:11px;color:#768cab} .sample-nav{display:flex;justify-content:space-between;align-items:center;padding:20px 0;font-size:12px;color:#7285a7}
@media(max-width:1000px){.identity-card{grid-template-columns:1fr 130px;padding:28px}.identity-visual img{width:120px;height:120px}.career-top-three{grid-template-columns:1fr}.interest-layout{gap:20px}.occupation-card h3{font-size:22px}}
@media(max-width:650px){.identity-card{grid-template-columns:1fr;position:relative;padding:24px}.identity-visual{position:absolute;right:18px;top:40px}.identity-visual img{width:75px;height:75px}.identity-visual>span{display:none}.identity-card h2{font-size:31px;margin-top:25px}.identity-copy>.eyebrow{font-size:8px;margin-bottom:20px}.interest-code>span{width:34px;height:34px;font-size:17px}.result-share{flex-direction:column;align-items:stretch;padding:20px}.result-nav{gap:14px;font-size:10px}.interest-layout{grid-template-columns:1fr}.radar-wrap svg{max-width:260px}.behavior-grid{grid-template-columns:1fr}.occupation-list{grid-template-columns:1fr}.insight-heading h2{font-size:25px}.occupation-search{flex-wrap:wrap}.occupation-search input{flex-basis:100%}.occupation-search select{max-width:none;width:100%}.report.detailed-report{padding:25px 18px}.result-share strong{font-size:14px}.dataset-credit{font-size:9px}}
@media print{.result-share,.result-nav,#result-share-dialog,.occupation-search,.career-pagination{display:none!important}.report-deep{display:block}.identity-card,.behavior-grid article,.occupation-card{break-inside:avoid}.interest-layout{grid-template-columns:1fr 1fr}.career-top-three{grid-template-columns:repeat(3,1fr)}}
.occupation-label{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#8091ab;font-size:10px}.occupation-label b{font-size:12px;color:#5d739a;letter-spacing:1px}.occupation-card summary{font-size:11px;color:#617da7;cursor:pointer;margin-top:20px}.occupation-card.featured{background:linear-gradient(160deg,#f4f7ff,#fff)}.comparison-legend{display:flex;justify-content:space-between;gap:10px}.mini-comparison{display:grid;grid-template-columns:1fr;gap:9px;height:auto;margin-bottom:15px}.mini-comparison>div{display:flex;align-items:center;gap:8px;height:14px}.mini-comparison>div>b{position:static;font-size:9px;color:#8293af;width:14px;background:none}.mini-comparison>div>span{position:static;flex:1;height:11px;display:flex;flex-direction:column;gap:3px}.mini-comparison i,.mini-comparison em{display:block;height:4px;min-height:4px;border-radius:4px;background:#d4dce9}.mini-comparison em{border:1px solid #a1b1c9;background:transparent}.occupation-search{align-items:flex-end}.occupation-search label{display:flex;flex-direction:column;gap:7px;min-width:0}.occupation-search label:first-child{flex:1}.occupation-search label>span{font-size:10px;color:#8595ae}.occupation-search select{min-height:43px}.career-intro{font-size:13px;color:#7789a6;line-height:1.8}.empty-careers{padding:20px;font-size:13px;color:#7d8ca5;grid-column:1/-1}.dataset-credit summary{cursor:pointer;font-size:11px;color:#7890b4}.sample-start{font-size:12px;color:#647b9c}.augment-interest{color:#6682ad!important;font-size:11px!important}button,a,input,select,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #7597d4;outline-offset:4px}.interest-code{flex-wrap:wrap}.routines{grid-template-columns:repeat(3,minmax(0,1fr))}.routines button{min-width:0}.routines h3{font-size:16px}.routines p{font-size:11px}.pick-grid.augments{grid-template-columns:repeat(4,minmax(0,1fr))}.pick-grid.augments .pick h3{font-size:18px}.pick-grid.augments .pick{padding:18px}.occupation-search{scroll-margin-top:20px}
@media(max-width:1100px){.routines{grid-template-columns:repeat(2,minmax(0,1fr))}.pick-grid.augments{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.occupation-search label:first-child{flex-basis:100%}.occupation-search label{flex:1}.occupation-search label:last-child{min-width:0}.occupation-search select{width:100%;min-width:0}.routines{grid-template-columns:1fr}.identity-visual{display:none}.interest-row summary div>span{font-size:10px}.pick-grid.augments{grid-template-columns:1fr 1fr}.pick-grid.augments .pick{padding:14px}.pick-grid.augments .choice-art{max-width:60px;max-height:60px}.pick-grid.augments .pick h3{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}