.placement-experience{isolation:isolate;min-block-size:max(42rem, calc(100svh - var(--public-header-height) - var(--public-announcement-height)));background:radial-gradient(circle at 12% 18%, color-mix(in srgb, var(--color-secondary) 13%, transparent), transparent 22rem), radial-gradient(circle at 88% 72%, color-mix(in srgb, var(--color-primary) 8%, transparent), transparent 28rem), linear-gradient(155deg, color-mix(in srgb, var(--color-primary-subtle) 64%, var(--color-background)), var(--color-background) 48%, color-mix(in srgb, var(--color-secondary-subtle) 52%, var(--color-background)));padding-block:clamp(var(--space-8), 6vw, var(--space-16));position:relative;overflow:clip}.placement-experience:before,.placement-experience:after{z-index:-1;border:1px solid color-mix(in srgb, var(--color-primary) 10%, transparent);content:"";pointer-events:none;border-radius:50%;position:absolute}.placement-experience:before{aspect-ratio:1;inline-size:15rem;inset-block-start:7%;inset-inline-start:-7rem}.placement-experience:after{aspect-ratio:1;inline-size:11rem;inset-block-end:8%;inset-inline-end:-5rem}.placement-shell{inline-size:min(100% - 2rem,54rem);margin-inline:auto;position:relative}.placement-card{border:1px solid color-mix(in srgb, var(--color-border) 88%, transparent);border-radius:clamp(var(--radius-card), 3vw, var(--radius-dialog));background:color-mix(in srgb, var(--color-surface) 97%, transparent);padding:clamp(var(--space-5), 4vw, var(--space-8));box-shadow:0 1.4rem 3.6rem #09243d1a,0 .2rem .7rem #09243d0f}.placement-kicker{color:var(--color-secondary-strong);font-size:var(--text-small);letter-spacing:.02em;margin:0;font-weight:800}.placement-intro-header{max-inline-size:44rem;text-align:center;margin-block-end:clamp(var(--space-6), 5vw, var(--space-10));margin-inline:auto}.placement-intro-header h1{margin-block:var(--space-2) var(--space-3);color:var(--color-primary-strong);font-size:clamp(2rem,5vw,3.5rem);line-height:1.25}.placement-intro-header>p:last-child{color:var(--color-text-secondary);font-size:var(--text-body-large);margin:0}.placement-test-list{gap:var(--space-5);max-inline-size:48rem;margin-inline:auto;display:grid}.placement-intro-card{gap:var(--space-5);display:grid}.placement-intro-card__heading{gap:var(--space-2);display:grid}.placement-intro-card h2{color:var(--color-primary-strong);margin:0;font-size:clamp(1.5rem,4vw,2.15rem)}.placement-intro-card__description,.placement-intro-card__instructions{max-inline-size:66ch;color:var(--color-text-secondary);margin:0}.placement-facts{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));margin:0;display:grid}.placement-facts>div{gap:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-control);background:color-mix(in srgb, var(--color-primary-subtle) 45%, var(--color-surface));min-inline-size:0;padding:var(--space-4);display:grid}.placement-facts dt{color:var(--color-text-secondary);font-size:var(--text-small)}.placement-facts dd{color:var(--color-primary-strong);margin:0;font-weight:800}.placement-intro-card__note{align-items:start;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-small);margin:0;display:flex}.placement-intro-card__note:before{color:var(--color-secondary-strong);content:"●";font-size:.6em;transform:translateY(.5em)}.placement-intro-card .ui-button{justify-self:start;min-block-size:3rem}.placement-empty{text-align:center;max-inline-size:42rem;margin-inline:auto}.placement-empty h2,.placement-route-error h1{color:var(--color-primary-strong)}.placement-runner{gap:clamp(var(--space-4), 3vw, var(--space-6));display:grid}.placement-runner__context{justify-content:space-between;align-items:end;gap:var(--space-4);display:flex}.placement-runner__context h1{margin:var(--space-1) 0 0;color:var(--color-primary-strong);font-size:clamp(1.45rem,4vw,2rem)}.placement-resume-note{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-secondary) 18%, transparent);color:var(--color-primary-strong);padding:var(--space-2) var(--space-3);font-size:var(--text-small);margin:0;font-weight:700;display:inline-flex}.placement-resume-note:before{content:"↻"}.placement-progress{gap:var(--space-2);display:grid}.placement-progress__meta{justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--color-text-secondary);font-size:var(--text-small);font-weight:700;display:flex}.placement-progress__meta strong{color:var(--color-primary-strong)}.placement-progress__track{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));block-size:.65rem;overflow:hidden;box-shadow:inset 0 1px 2px #08233c14}.placement-progress__fill{border-radius:inherit;background:linear-gradient(90deg, var(--color-primary), var(--color-secondary-strong));transform-origin:100%;block-size:100%;transition:inline-size var(--duration-normal) var(--ease-standard);display:block}.placement-question-card{position:relative;overflow:hidden}.placement-question-content{animation:placement-question-enter var(--duration-normal) var(--ease-standard) both}.placement-question-heading{gap:var(--space-3);margin-block-end:clamp(var(--space-5), 4vw, var(--space-7));display:grid}.placement-question-number{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-primary) 9%, transparent);inline-size:fit-content;color:var(--color-primary);padding:var(--space-1) var(--space-3);font-size:var(--text-small);margin:0;font-weight:800}.placement-question-heading h2{color:var(--color-text-primary);text-align:start;unicode-bidi:plaintext;margin:0;font-size:clamp(1.35rem,3.5vw,1.9rem);line-height:1.65}.placement-question-support{color:var(--color-text-secondary);text-align:start;unicode-bidi:plaintext;margin:0;line-height:1.9}.placement-options{gap:var(--space-3);border:0;margin:0;padding:0;display:grid}.placement-options legend{color:var(--color-text-secondary);font-size:var(--text-small);margin-block-end:var(--space-3);font-weight:700}.placement-option{align-items:center;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);min-block-size:4rem;padding:var(--space-3) var(--space-4);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);grid-template-columns:auto minmax(0,1fr) auto;display:grid;position:relative}.placement-option:hover{border-color:color-mix(in srgb, var(--color-primary) 45%, var(--color-border));background:color-mix(in srgb, var(--color-primary-subtle) 30%, var(--color-surface))}.placement-option:active{transform:translateY(1px)}.placement-option:has(input:checked){border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 7%, var(--color-surface));box-shadow:0 0 0 2px color-mix(in srgb, var(--color-primary) 14%, transparent)}.placement-option:focus-within{outline:3px solid var(--focus-ring);outline-offset:2px}.placement-option input{opacity:0;block-size:1px;inline-size:1px;position:absolute}.placement-option__indicator{aspect-ratio:1;border:2px solid var(--color-border-strong);background:var(--color-surface);border-radius:50%;place-items:center;inline-size:1.35rem;display:grid}.placement-option:has(input:checked) .placement-option__indicator{border:.38rem solid var(--color-primary)}.placement-option__text{overflow-wrap:anywhere;min-inline-size:0;color:var(--color-text-primary);font-size:var(--text-body-large);text-align:start;unicode-bidi:plaintext;font-weight:650;line-height:1.65}.placement-option__index{border-radius:var(--radius-circle);background:color-mix(in srgb, var(--color-primary) 7%, transparent);min-block-size:2rem;min-inline-size:2rem;color:var(--color-text-secondary);font-size:var(--text-small);place-items:center;font-weight:800;display:grid}.placement-option:has(input:checked) .placement-option__index{background:var(--color-primary);color:var(--color-primary-foreground)}.placement-option:has(input:disabled){cursor:wait;opacity:.7}.placement-save-status{align-items:center;gap:var(--space-2);min-block-size:2.5rem;border-radius:var(--radius-control);background:color-mix(in srgb, var(--color-primary-subtle) 36%, transparent);color:var(--color-text-secondary);padding:var(--space-2) var(--space-3);font-size:var(--text-small);margin-block-start:var(--space-4);font-weight:700;display:flex}.placement-save-status.is-saved{color:var(--color-success-foreground)}.placement-save-status.is-saved:before{content:"✓"}.placement-save-status.is-saving:before{content:"…"}.placement-inline-error{align-items:center;gap:var(--space-3);margin-block:var(--space-4) 0;border:1px solid color-mix(in srgb, var(--color-error-foreground) 35%, var(--color-border));border-radius:var(--radius-control);background:color-mix(in srgb, var(--color-error-foreground) 6%, var(--color-surface));padding:var(--space-3) var(--space-4);grid-template-columns:minmax(0,1fr) auto;display:grid}.placement-inline-error p{margin:0}.placement-inline-error small{color:var(--color-text-secondary);margin-block-start:var(--space-1);display:block}.placement-run-actions{justify-content:space-between;align-items:center;gap:var(--space-3);border-block-start:1px solid var(--color-border);margin-block-start:clamp(var(--space-5), 4vw, var(--space-7));padding-block-start:var(--space-5);display:flex}.placement-run-actions .ui-button{min-block-size:3rem}.placement-run-actions__spacer{inline-size:1px}.placement-start-card,.placement-route-error{justify-items:center;gap:var(--space-4);text-align:center;max-inline-size:42rem;margin-inline:auto;display:grid}.placement-start-card h1,.placement-route-error h1{margin:0}.placement-start-card p,.placement-route-error p{max-inline-size:55ch;color:var(--color-text-secondary);margin:0}.placement-state-icon{aspect-ratio:1;background:color-mix(in srgb, var(--color-secondary) 22%, var(--color-surface));inline-size:3.5rem;color:var(--color-primary-strong);border-radius:50%;place-items:center;font-size:1.5rem;font-weight:900;display:grid}.placement-result-card{gap:clamp(var(--space-5), 4vw, var(--space-7));display:grid}.placement-result-header{justify-items:center;gap:var(--space-2);text-align:center;display:grid}.placement-result-header h1{color:var(--color-primary-strong);margin:0;font-size:clamp(1.65rem,4vw,2.4rem)}.placement-result-header time{color:var(--color-text-secondary);font-size:var(--text-small)}.placement-result-check{aspect-ratio:1;background:color-mix(in srgb, var(--color-secondary) 28%, var(--color-surface));inline-size:4rem;color:var(--color-primary-strong);box-shadow:0 0 0 .5rem color-mix(in srgb, var(--color-secondary) 8%, transparent);animation:placement-result-enter var(--duration-normal) var(--ease-standard) both;border-radius:50%;place-items:center;font-size:1.7rem;font-weight:900;display:grid}.placement-score-panel{border:1px solid color-mix(in srgb, var(--color-primary) 18%, var(--color-border));border-radius:var(--radius-dialog);background:linear-gradient(145deg, color-mix(in srgb, var(--color-primary) 8%, var(--color-surface)), color-mix(in srgb, var(--color-secondary) 10%, var(--color-surface)));place-content:center;justify-items:center;min-block-size:10rem;display:grid}.placement-score-panel strong{color:var(--color-primary-strong);font-size:clamp(3.5rem,11vw,5.75rem);line-height:1}.placement-score-panel span{color:var(--color-text-secondary);margin-block-start:var(--space-2);font-weight:800}.placement-course-result,.placement-approval-state,.placement-result-section{border:1px solid var(--color-border);border-radius:var(--radius-card);background:color-mix(in srgb, var(--color-surface) 92%, transparent);padding:clamp(var(--space-4), 4vw, var(--space-6))}.placement-course-result{justify-items:center;gap:var(--space-2);text-align:center;display:grid}.placement-course-result h2,.placement-result-section h2{color:var(--color-primary-strong);font-size:var(--text-h4);margin:0}.placement-course-result strong{color:var(--color-primary);font-size:clamp(1.5rem,5vw,2.25rem)}.placement-course-result p,.placement-approval-state p,.placement-result-section p{margin-block:var(--space-2) 0;color:var(--color-text-secondary)}.placement-approval-state{align-items:start;gap:var(--space-4);grid-template-columns:auto minmax(0,1fr);display:grid}.placement-approval-state.is-approved{border-color:color-mix(in srgb, var(--color-success-foreground) 28%, var(--color-border));background:color-mix(in srgb, var(--color-success-foreground) 5%, var(--color-surface))}.placement-approval-state.is-pending{border-color:color-mix(in srgb, var(--color-secondary-strong) 28%, var(--color-border));background:color-mix(in srgb, var(--color-secondary) 8%, var(--color-surface))}.placement-approval-state h2{color:var(--color-primary-strong);font-size:var(--text-h4);margin:0}.placement-status-badge{border-radius:var(--radius-pill);background:var(--color-primary);inline-size:fit-content;color:var(--color-primary-foreground);padding:var(--space-1) var(--space-3);font-size:var(--text-small);align-items:center;font-weight:800;display:inline-flex}.placement-approval-state .ui-button{grid-column:1/-1;justify-self:start;margin-block-start:var(--space-2)}.placement-result-skills{gap:var(--space-3);margin-block:var(--space-4) 0;padding:0;list-style:none;display:grid}.placement-result-skills li{gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-control);padding:var(--space-4);display:grid}.placement-result-skills li>div{justify-content:space-between;gap:var(--space-3);display:flex}.placement-result-skills progress{inline-size:100%}.placement-result-actions{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.placement-loading-card{gap:var(--space-4);display:grid}.placement-skeleton{border-radius:var(--radius-control);background:linear-gradient(100deg, color-mix(in srgb, var(--color-primary) 6%, var(--color-surface)) 20%, color-mix(in srgb, var(--color-primary) 11%, var(--color-surface)) 40%, color-mix(in srgb, var(--color-primary) 6%, var(--color-surface)) 60%);background-size:200% 100%;animation:1.4s ease-in-out infinite placement-skeleton}.placement-skeleton--eyebrow{block-size:1rem;inline-size:7rem}.placement-skeleton--title{block-size:2.2rem;inline-size:min(75%,24rem)}.placement-skeleton--progress{block-size:.65rem}.placement-skeleton--question{block-size:5rem;inline-size:min(90%,38rem);margin-block:var(--space-3)}.placement-skeleton--option{block-size:4rem}@keyframes placement-question-enter{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:translateY(0)}}@keyframes placement-result-enter{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes placement-skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}@media (max-width:40rem){.placement-experience{padding-block:var(--space-6) var(--space-10)}.placement-shell{inline-size:min(100% - 1.25rem,54rem)}.placement-card{padding:var(--space-5)}.placement-runner__context{align-items:start;display:grid}.placement-resume-note{justify-self:start}.placement-option{min-block-size:3.75rem;padding-inline:var(--space-3);grid-template-columns:auto minmax(0,1fr)}.placement-option__index{display:none}.placement-inline-error{grid-template-columns:1fr}.placement-inline-error .ui-button{inline-size:100%}.placement-run-actions{grid-template-columns:1fr;display:grid}.placement-run-actions__spacer{display:none}.placement-run-actions .ui-button{inline-size:100%}.placement-run-actions .ui-button--primary{grid-row:1}.placement-approval-state{grid-template-columns:1fr}.placement-result-actions,.placement-result-actions .ui-button,.placement-intro-card .ui-button{inline-size:100%}}@media (prefers-reduced-motion:reduce){.placement-progress__fill,.placement-option{transition-duration:.01ms}.placement-question-content,.placement-result-check,.placement-skeleton{animation-duration:.01ms;animation-iteration-count:1}}