.dna-main{min-height:100vh;padding:clamp(116px,14vw,150px) 16px 56px}.dna-shell{width:min(820px,100%);margin:0 auto}.dna-heading{margin-bottom:28px;text-align:center}.dna-heading h1{margin-bottom:14px;font-size:clamp(2.5rem,7vw,4.5rem)}.dna-heading>p:last-child{max-width:650px;margin:0 auto;color:var(--muted);font-size:1.08rem}.dna-header-link{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.72);font-weight:800}.dna-card,.dna-result-card,.dna-result-grid article,.dna-error{padding:clamp(22px,5vw,40px);border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.86);box-shadow:var(--shadow)}.dna-progress-row{display:flex;justify-content:space-between;gap:16px;margin-bottom:10px;color:var(--muted)}.dna-progress{height:12px;overflow:hidden;border-radius:999px;background:rgba(39,99,178,.12)}.dna-progress span{display:block;width:10%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--pink));transition:width .25s ease}.dna-type{margin:30px 0 8px;color:#1f66d1;font-size:.88rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.dna-question{min-height:3.3em;margin-bottom:24px;font-size:clamp(1.55rem,4vw,2.2rem);line-height:1.25}.dna-options{display:grid;gap:12px;border:0}.dna-option{position:relative;display:flex;align-items:center;gap:14px;min-height:58px;padding:12px 16px;border:2px solid var(--line);border-radius:14px;background:rgba(255,255,255,.65);cursor:pointer;font-weight:750;transition:border-color .18s,background .18s,transform .18s}.dna-option:hover{border-color:rgba(46,131,247,.55);transform:translateY(-1px)}.dna-option:focus-within{outline:3px solid rgba(46,131,247,.3);outline-offset:2px}.dna-option.selected{border-color:var(--pink);background:rgba(46,131,247,.1)}.dna-option input{width:22px;height:22px;flex:0 0 auto;accent-color:var(--pink)}.dna-option-number{display:grid;width:30px;height:30px;flex:0 0 auto;place-items:center;border-radius:8px;background:rgba(46,131,247,.1)}.dna-actions{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:26px}.dna-actions .btn:last-child{justify-self:end}.dna-restart{border:0;background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-weight:800;text-decoration:underline}.dna-message{min-height:1.5em;margin-top:16px;color:#b42318;font-weight:700}.dna-loading{text-align:center;color:var(--muted);font-size:1.05rem}.dna-top-types{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px}.dna-top-types>div{padding:18px;border-radius:16px;background:rgba(46,131,247,.09)}.dna-top-types span,.dna-top-types strong{display:block}.dna-top-types span{margin-bottom:6px;color:var(--muted)}.dna-top-types strong{font-size:1.35rem}.dna-score-list{display:grid;gap:15px}.dna-score-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px;font-weight:800}.dna-score-track{height:12px;overflow:hidden;border-radius:999px;background:rgba(39,99,178,.12)}.dna-score-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--pink))}.dna-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.dna-result-grid h2{margin-bottom:14px;font-size:1.4rem}.dna-result-grid ul{display:grid;gap:9px;padding-left:20px;color:var(--muted)}.dna-result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px}.dna-error{text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html[data-theme=dark] .dna-card,html[data-theme=dark] .dna-result-card,html[data-theme=dark] .dna-result-grid article,html[data-theme=dark] .dna-error,html[data-theme=dark] .dna-option{background:rgba(18,9,34,.92)}
@media(max-width:600px){.dna-main{padding:112px 12px 36px}.dna-card,.dna-result-card,.dna-result-grid article,.dna-error{padding:20px 16px;border-radius:18px}.dna-question{min-height:0}.dna-actions{grid-template-columns:1fr 1fr}.dna-restart{grid-column:1/-1;grid-row:2}.dna-actions .btn{width:100%}.dna-top-types,.dna-result-grid{grid-template-columns:1fr}.dna-option{font-size:1rem}.dna-header-link{min-height:48px}}
.dna-actions .btn{min-height:48px;padding:0 20px;border-radius:12px;font-size:1rem}.dna-restart{min-width:44px;min-height:44px;padding:8px 12px}
@media(max-width:400px){.dna-actions{grid-template-columns:1fr}.dna-restart{grid-column:auto;grid-row:auto}.dna-actions .btn{width:100%}.dna-heading h1{font-size:clamp(2.25rem,13vw,3rem)}}

.dna-question:focus{outline:none}

/* Give every Career DNA dimension its own visual identity. */
.dna-score-list>div:nth-child(1) .dna-score-track span{background:linear-gradient(90deg,#38bdf8,#2563eb)}
.dna-score-list>div:nth-child(2) .dna-score-track span{background:linear-gradient(90deg,#34d399,#10b981)}
.dna-score-list>div:nth-child(3) .dna-score-track span{background:linear-gradient(90deg,#fbbf24,#f59e0b)}
.dna-score-list>div:nth-child(4) .dna-score-track span{background:linear-gradient(90deg,#a78bfa,#7c3aed)}
.dna-score-list>div:nth-child(5) .dna-score-track span{background:linear-gradient(90deg,#fb7185,#e11d48)}