.career-anchors-page{--gap-1: 12px;--gap-2: 16px;--gap-3: 24px;--gap-4: 32px;--radius: var(--radius-md);--career-border: 1px solid var(--border-color);--career-selected: color-mix(in oklab, var(--link) 14%, var(--surface));--career-hover: color-mix(in oklab, var(--link) 7%, var(--surface));--career-panel: color-mix(in oklab, var(--surface) 82%, transparent);--career-shadow: 0 12px 32px color-mix(in oklab, var(--text) 8%, transparent);--career-font-size-16: .8889rem;--career-font-size-20: 1.1111rem;--career-font-size-24: 1.3333rem}.career-anchors-page main.tool-page{padding-block:clamp(1.25rem,3vw,2.5rem)}.career-anchors-page :focus-visible{outline:3px solid var(--focus);outline-offset:2px}.career-anchors-page .page{display:grid;gap:0;min-width:0}.career-anchors-page .page__header{display:grid;gap:clamp(1.25rem,2.5vw,2rem);margin:0;padding-bottom:var(--gap-3)}.career-anchors-page .page__header .project-intro,.career-anchors-page .how,.career-anchors-page .results__hint{max-width:var(--container-narrow)}.career-anchors-page .page__header .project-intro{margin:0}.career-anchors-page .career-workspace{display:grid;gap:var(--gap-3);min-width:0}.career-anchors-page .how__title,.career-anchors-page .quiz__title,.career-anchors-page .results__title{margin:0}.career-anchors-page .how{font-size:var(--career-font-size-16);line-height:1.5}.career-anchors-page .how ol{margin:var(--space-8) 0 var(--gap-2);padding-left:1.4rem}.career-anchors-page .how li+li{margin-top:var(--space-8)}.career-anchors-page .how>p:last-child{margin:0}.career-anchors-page .how__detail{margin:0 0 var(--gap-2);color:var(--text-muted)}.career-anchors-page .career-settings{margin-bottom:var(--gap-1);padding:var(--gap-1);border-left:3px solid color-mix(in oklab,var(--link) 54%,transparent);background:color-mix(in oklab,var(--surface) 72%,transparent)}.career-anchors-page .career-settings__toggle{display:inline-flex;min-height:44px;align-items:center;gap:var(--gap-1);cursor:pointer;font-weight:600}.career-anchors-page .career-settings__toggle input{width:1.25rem;height:1.25rem;margin:0;flex:0 0 auto;accent-color:var(--link)}.career-anchors-page .career-settings__hint{max-width:66ch;margin-bottom:0;color:var(--text-muted)}.career-anchors-page .quiz{display:grid;gap:var(--gap-2);width:100%;min-width:0}.career-anchors-page .quiz__header{display:grid;gap:var(--space-8);align-items:baseline}.career-anchors-page .quiz__title{font-size:var(--career-font-size-24)}.career-anchors-page .quiz__heading{display:flex;flex-wrap:wrap;gap:var(--space-8) var(--gap-2);align-items:baseline;justify-content:space-between}.career-anchors-page .quiz__step,.career-anchors-page .quiz__completion,.career-anchors-page .quiz__progress-text{font-variant-numeric:tabular-nums}.career-anchors-page .quiz__step{margin:0;color:var(--text-muted);white-space:nowrap}.career-anchors-page .quiz__progress-group{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-8) var(--gap-2);align-items:center}.career-anchors-page .quiz__step[hidden],.career-anchors-page .quiz__progress-group[hidden],.career-anchors-page .quiz__keyboard-hint[hidden]{display:none}.career-anchors-page .quiz__progress{width:100%;height:.65rem;overflow:hidden;appearance:none;border:0;border-radius:999px;background:var(--surface-muted)}.career-anchors-page .quiz__progress::-webkit-progress-bar{border-radius:inherit;background:var(--surface-muted)}.career-anchors-page .quiz__progress::-webkit-progress-value{border-radius:inherit;background:var(--link);transition:inline-size .18s ease}.career-anchors-page .quiz__progress::-moz-progress-bar{border-radius:inherit;background:var(--link)}.career-anchors-page .quiz__progress-text{margin:0;color:var(--text-muted)}.career-anchors-page .quiz__keyboard-hint{grid-column:1 / -1;max-width:var(--container-narrow);margin:0;color:var(--text-muted);font-size:var(--career-font-size-16);line-height:1.4}.career-anchors-page .quiz__root,.career-anchors-page .quiz__list,.career-anchors-page .quiz__list>li{min-width:0}.career-anchors-page .quiz__stage{display:grid;grid-template-columns:minmax(0,1fr);min-width:0}.career-anchors-page .quiz__root{grid-column:1;grid-row:1;container:career-question / inline-size}.career-anchors-page .quiz__stage:has(.quiz__navigation:not([hidden])){grid-template-columns:48px minmax(0,1fr);gap:var(--gap-1)}.career-anchors-page .quiz__stage:has(.quiz__navigation:not([hidden])) .quiz__root{grid-column:2}.career-anchors-page .quiz__list{display:grid;gap:var(--gap-2);margin:0;padding:0;list-style:none}.career-anchors-page .quiz__list--enhanced>li[hidden]{display:none}html.career-anchors-booting .career-anchors-page .quiz__list>li:not(:first-child){display:none}html.career-anchors-booting .career-anchors-page .quiz__step[hidden],html.career-anchors-booting .career-anchors-page .quiz__keyboard-hint[hidden]{display:block;visibility:hidden}html.career-anchors-booting .career-anchors-page .quiz__progress-group[hidden],html.career-anchors-booting .career-anchors-page .quiz__navigation[hidden]{display:grid;visibility:hidden}html.career-anchors-booting .career-anchors-page .quiz__stage{grid-template-columns:48px minmax(0,1fr);gap:var(--gap-1)}html.career-anchors-booting .career-anchors-page .quiz__root{grid-column:2}.career-anchors-page .quiz__list--enhanced>li:not([hidden]) fieldset{animation:career-question-in .18s ease-out both}.career-anchors-page .quiz__list fieldset{min-inline-size:0;margin:0;padding:clamp(.875rem,2vw,1.25rem);border:var(--career-border);border-radius:var(--radius);background:var(--career-panel);box-shadow:var(--career-shadow);transition:border-color .16s ease,box-shadow .16s ease}.career-anchors-page .quiz__list fieldset:focus,.career-anchors-page .quiz__list fieldset:focus-visible,.career-anchors-page .quiz__list fieldset:has(input[type=radio]:focus-visible){border-color:var(--focus);box-shadow:0 0 0 1px var(--focus),var(--career-shadow)}.career-anchors-page .quiz__list legend{float:left;width:100%;max-width:none;margin:0 0 var(--gap-2);padding:0;font-size:clamp(1rem,1.45vw,var(--career-font-size-20));font-weight:650;line-height:1.4;overflow-wrap:anywhere}.career-anchors-page .quiz__scale{display:grid;grid-template-columns:repeat(3,minmax(44px,1fr));gap:var(--space-4);clear:both;width:100%;min-width:0;margin-top:0}.career-anchors-page .quiz__scale label{position:relative;display:grid;min-width:44px;min-height:48px;margin:0;place-items:center;border:var(--career-border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;font-variant-numeric:tabular-nums;user-select:none;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.career-anchors-page .quiz__scale input[type=radio]{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);border:0;white-space:nowrap}.career-anchors-page .quiz__scale label:has(>input[type=radio]:checked){border-color:color-mix(in oklab,var(--link) 70%,var(--border-color));background:var(--career-selected);box-shadow:inset 0 0 0 2px var(--link);color:var(--text);font-weight:700}.career-anchors-page .quiz__scale label:has(>input[type=radio]:focus-visible){z-index:1;outline:3px solid var(--focus);outline-offset:2px}.career-anchors-page .quiz__navigation{grid-column:1;grid-row:1;display:grid;grid-template-columns:1fr;gap:var(--space-8);place-self:center}.career-anchors-page .quiz__navigation[hidden]{display:none}.career-anchors-page .quiz__nav-button{display:grid;width:48px;min-width:48px;height:48px;padding:0;place-items:center;font-size:var(--career-font-size-24);line-height:1}.career-anchors-page .results{display:grid;gap:var(--gap-2);min-width:0;margin-top:0;padding-top:clamp(1.5rem,3vw,2.5rem);border-top:var(--career-border)}.career-anchors-page .results__header{display:flex;flex-wrap:wrap;gap:var(--gap-1) var(--gap-3);align-items:baseline;justify-content:space-between}.career-anchors-page .quiz__completion{margin:0;color:var(--text-muted)}.career-anchors-page .results__hint{margin:calc(-1 * var(--gap-1)) 0 0;color:var(--text-muted)}.career-anchors-page .results__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gap-1);margin:0;padding:0;list-style:none}.career-anchors-page .results__card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-8) var(--gap-2);min-width:0;padding:clamp(1rem,2vw,1.25rem);overflow:hidden;border:var(--career-border);border-radius:var(--radius);background:var(--career-panel);animation:career-result-in .18s ease-out both;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.career-anchors-page .results__card-title{grid-column:1 / -1;margin:0 0 var(--space-4);font-size:var(--font-size-22);overflow-wrap:anywhere}.career-anchors-page .results__score-label,.career-anchors-page .results__progress-label{margin:0;color:var(--text-muted)}.career-anchors-page .results__score{grid-column:2;grid-row:2;align-self:baseline;font-size:var(--font-size-28);font-variant-numeric:tabular-nums;line-height:1}.career-anchors-page .results__progress-label{align-self:center}.career-anchors-page .results__progress{grid-column:1 / -1;width:100%;height:.5rem;overflow:hidden;appearance:none;border:0;border-radius:999px;background:var(--surface-muted)}.career-anchors-page .results__progress::-webkit-progress-bar{border-radius:inherit;background:var(--surface-muted)}.career-anchors-page .results__progress::-webkit-progress-value{border-radius:inherit;background:color-mix(in oklab,var(--link) 60%,var(--text-muted))}.career-anchors-page .results__progress::-moz-progress-bar{border-radius:inherit;background:color-mix(in oklab,var(--link) 60%,var(--text-muted))}.career-anchors-page .results__card--complete{border-color:var(--success-border);background:color-mix(in oklab,var(--success-surface) 76%,var(--surface))}.career-anchors-page .results__card--complete .results__progress::-webkit-progress-value,.career-anchors-page .results__card--strong .results__progress::-webkit-progress-value{background:var(--success-border)}.career-anchors-page .results__card--complete .results__progress::-moz-progress-bar,.career-anchors-page .results__card--strong .results__progress::-moz-progress-bar{background:var(--success-border)}.career-anchors-page .results__card--strong{border-color:var(--success-border);box-shadow:inset 4px 0 0 var(--success-border)}.career-anchors-page .results__card--strong .results__card-title,.career-anchors-page .results__card--strong .results__score{font-weight:750}.career-anchors-page .results__copy{justify-self:start}.career-anchors-page .results>p:has(.results__copy){margin:0}.career-anchors-page #copyStatus{margin:0}.career-anchors-page #copyStatus:empty{display:none}@media(hover:hover){.career-anchors-page .quiz__scale label:hover{border-color:color-mix(in oklab,var(--link) 45%,var(--border-color));background:var(--career-hover)}}@container career-question (min-width: 15.5rem){.career-anchors-page .quiz__scale{grid-template-columns:repeat(5,minmax(44px,1fr))}}@container career-question (min-width: 34rem){.career-anchors-page .quiz__scale{grid-template-columns:repeat(10,minmax(44px,1fr))}}@media(min-width:600px){.career-anchors-page .quiz__progress-group{grid-template-columns:minmax(0,1fr) auto}.career-anchors-page .quiz__progress-text{white-space:nowrap}}@media(min-width:720px){.career-anchors-page .results__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:960px){.career-anchors-page .page__header{grid-template-columns:minmax(0,1.45fr) minmax(18rem,1fr);align-items:start}.career-anchors-page .how{padding-left:clamp(1.25rem,2.5vw,2rem);border-left:var(--career-border)}}@media(min-width:1120px){.career-anchors-page .results__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@keyframes career-question-in{0%{opacity:0;transform:translateY(.35rem)}}@keyframes career-result-in{0%{opacity:0;transform:translateY(.2rem)}}
