.assessment-loading,.assessment-intro,.assessment-session,.assessment-results,.skill-profile{min-width:0}.assessment-loading{min-height:31rem;color:var(--wf-text-secondary)}.assessment-intro{gap:var(--wf-space-6);padding:clamp(var(--wf-space-5), 4vw, var(--wf-space-10));display:grid}.assessment-intro>div:first-child{gap:var(--wf-space-4);max-width:70ch;display:grid}.assessment-intro__facts{gap:var(--wf-space-2);color:var(--wf-text-secondary);padding-inline-start:1.25rem;display:grid}.assessment-intro__facts li::marker{color:var(--wf-brand)}.assessment-device-note{color:var(--wf-text-muted);font-size:.875rem}.assessment-session{gap:var(--wf-space-5);padding:clamp(var(--wf-space-4), 3vw, var(--wf-space-8));display:grid;overflow:visible}.assessment-session__header{justify-content:space-between;align-items:center;gap:var(--wf-space-4);flex-wrap:wrap;min-height:5.5rem;display:flex}.assessment-session__header>div{gap:var(--wf-space-1);display:grid}.assessment-session__header p:last-child{color:var(--wf-text-secondary);font-weight:700}.assessment-progress{gap:var(--wf-space-3);display:grid}.assessment-progress__bar{border:1px solid var(--wf-border-control);border-radius:var(--wf-radius-pill);background:var(--wf-surface-sunken);height:7px;overflow:hidden}.assessment-progress__bar>span{border-radius:inherit;background:var(--wf-brand);height:100%;display:block}.assessment-progress ol{gap:var(--wf-space-2);grid-template-columns:repeat(7,minmax(0,1fr));padding:0;list-style:none;display:grid}.assessment-progress li{justify-items:center;gap:var(--wf-space-1);min-width:0;color:var(--wf-text-muted);text-align:center;font-size:.72rem;font-weight:700;line-height:1.25;display:grid}.assessment-progress li>span{border:1px solid var(--wf-border-control);border-radius:var(--wf-radius-pill);background:var(--wf-surface);width:1.6rem;height:1.6rem;color:var(--wf-text-secondary);font-family:var(--wf-font-typing);place-items:center;font-size:.7rem;display:grid}.assessment-progress li[data-state=current]{color:var(--wf-text-primary)}.assessment-progress li[data-state=current]>span{border-color:var(--wf-brand);background:var(--wf-surface-brand);color:var(--wf-text-primary);outline:2px solid var(--wf-brand);outline-offset:1px}.assessment-progress li[data-state=complete]>span{border-color:var(--wf-success);background:var(--wf-success-surface);color:var(--wf-success)}.assessment-metrics{border-block:1px solid var(--wf-border-subtle);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.assessment-metrics>div{justify-items:center;gap:var(--wf-space-1);min-width:0;padding:var(--wf-space-3);grid-template-rows:1rem 1.55rem;display:grid}.assessment-metrics>div+div{border-inline-start:1px solid var(--wf-border-subtle)}.assessment-metrics span{color:var(--wf-text-secondary);font-size:.76rem;font-weight:750;line-height:1rem}.assessment-metrics strong{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:1.12rem;line-height:1.55rem;overflow:hidden}.assessment-typing-area{min-width:0}.assessment-instructions{min-height:1.35rem;color:var(--wf-text-secondary);margin-block-end:var(--wf-space-3);font-size:.88rem}.assessment-session .typing-surface{--wf-typing-font-size:clamp(1.35rem, 1.16rem + .75vw, 1.8rem);--wf-typing-untyped:var(--wf-text-secondary);height:clamp(10rem, calc(4.95em + var(--wf-space-8)), 11.5rem);padding-block:var(--wf-space-4)}.assessment-focus-hint{align-items:center;gap:var(--wf-space-2);min-height:2.6rem;color:var(--wf-text-secondary);flex-wrap:wrap;padding-block-start:var(--wf-space-3);font-size:.84rem;display:flex}.assessment-focus-hint>span:last-child{margin-inline-start:auto}.assessment-section-complete{align-content:center;justify-items:start;gap:var(--wf-space-4);min-height:20rem;padding:clamp(var(--wf-space-5), 6vw, var(--wf-space-12));display:grid}.assessment-section-complete>p:not(.eyebrow){color:var(--wf-text-secondary)}.assessment-results{gap:clamp(var(--wf-space-8), 5vw, var(--wf-space-12));padding:clamp(var(--wf-space-5), 4vw, var(--wf-space-10));display:grid}.assessment-results__header,.assessment-results__section-heading{justify-content:space-between;align-items:end;gap:var(--wf-space-4);flex-wrap:wrap;display:flex}.assessment-results__header>div,.assessment-results__section-heading>div{gap:var(--wf-space-2);display:grid}.assessment-results__header p:last-child,.assessment-results__section-heading>p{max-width:44ch;color:var(--wf-text-secondary);font-size:.9rem}.assessment-result-metrics{gap:var(--wf-space-3);grid-template-columns:repeat(4,minmax(0,1fr));margin-block-start:var(--wf-space-5);display:grid}.assessment-result-metrics>div{gap:var(--wf-space-1);padding:var(--wf-space-4);border:1px solid var(--wf-border-subtle);border-radius:var(--wf-radius-control);background:var(--wf-surface-sunken);display:grid}.assessment-result-metrics__primary{border-color:var(--wf-brand)!important;background:var(--wf-surface-brand)!important}.assessment-result-metrics dt,.assessment-metric-details dt{color:var(--wf-text-secondary);font-size:.78rem;font-weight:750}.assessment-result-metrics dd{color:var(--wf-text-primary);font-variant-numeric:tabular-nums;margin:0;font-size:clamp(1.3rem,1.15rem + .5vw,1.7rem);font-weight:800}.recommendation-card{gap:var(--wf-space-6);padding:clamp(var(--wf-space-5), 3vw, var(--wf-space-8));border:1px solid var(--wf-brand);border-radius:var(--wf-radius-card);background:var(--wf-surface-brand);display:grid}.recommendation-card>div:first-child{gap:var(--wf-space-3);max-width:72ch;display:grid}.recommendation-card__lesson{width:fit-content;padding:var(--wf-space-1) var(--wf-space-3);border:1px solid var(--wf-brand);border-radius:var(--wf-radius-pill);color:var(--wf-text-primary);font-size:.78rem;font-weight:800}.skill-profile{gap:var(--wf-space-2);margin-block-start:var(--wf-space-5);padding:0;list-style:none;display:grid}.skill-profile__row{align-items:center;gap:var(--wf-space-4);padding:var(--wf-space-3) var(--wf-space-4);border:1px solid var(--wf-border-subtle);border-radius:var(--wf-radius-control);background:var(--wf-surface-sunken);grid-template-columns:minmax(9rem,.8fr) minmax(8rem,1.4fr) minmax(9.5rem,auto);display:grid}.skill-profile__label{gap:var(--wf-space-1);display:grid}.skill-profile__label span{color:var(--wf-text-secondary);font-size:.76rem}.skill-profile__indicator{border:1px solid var(--wf-border-control);border-radius:var(--wf-radius-pill);background:var(--wf-surface);height:8px;overflow:hidden}.skill-profile__bar{width:var(--skill-fill);border-radius:inherit;background:var(--wf-text-muted);height:100%;display:block}.skill-profile__bar--strong{background:var(--wf-success)}.skill-profile__bar--comfortable{background:var(--wf-info)}.skill-profile__bar--developing{background:var(--wf-warning)}.skill-profile__bar--needs-practice{background:var(--wf-danger)}.skill-status{justify-self:end;align-items:center;gap:var(--wf-space-2);min-height:30px;padding-inline:var(--wf-space-3);border:1px solid var(--wf-border-control);border-radius:var(--wf-radius-pill);color:var(--wf-text-primary);white-space:nowrap;font-size:.78rem;font-weight:800;display:inline-flex}.skill-status--strong{border-color:var(--wf-success);background:var(--wf-success-surface);color:var(--wf-success)}.skill-status--comfortable{border-color:var(--wf-info);background:var(--wf-info-surface);color:var(--wf-info)}.skill-status--developing{border-color:var(--wf-warning);background:var(--wf-warning-surface);color:var(--wf-warning)}.skill-status--needs-practice{border-color:var(--wf-danger);background:var(--wf-danger-surface);color:var(--wf-danger)}.skill-profile--compact{margin-block-start:0}.skill-profile--compact .skill-profile__row{padding-block:var(--wf-space-2);grid-template-columns:minmax(8rem,.8fr) minmax(6rem,1fr) minmax(9.5rem,auto)}.assessment-key-result{justify-items:start;gap:var(--wf-space-4);display:grid}.assessment-key-result>div:first-child{gap:var(--wf-space-2);display:grid}.assessment-key-result>p{color:var(--wf-text-secondary)}.assessment-key-result ul{gap:var(--wf-space-3);flex-wrap:wrap;padding:0;list-style:none;display:flex}.assessment-key-result kbd{place-items:center;min-width:2.75rem;min-height:2.75rem;font-size:1rem;display:grid}.assessment-meaning{gap:var(--wf-space-3);display:grid}.assessment-metric-details summary{cursor:pointer;min-height:44px;color:var(--wf-text-primary);font-weight:750}.assessment-metric-details dl{gap:var(--wf-space-3);grid-template-columns:repeat(4,minmax(0,1fr));padding-block-start:var(--wf-space-3);display:grid}.assessment-metric-details dl>div{gap:var(--wf-space-1);display:grid}.assessment-metric-details dd{font-variant-numeric:tabular-nums;margin:0;font-weight:800}@media (width<=52rem){.assessment-result-metrics,.assessment-metric-details dl{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-profile__row,.skill-profile--compact .skill-profile__row{grid-template-columns:minmax(8rem,1fr) minmax(9.5rem,auto)}.skill-profile__indicator{grid-area:2/1/auto/-1}}@media (width<=42rem){.assessment-intro__actions,.recommendation-card__actions,.assessment-results__actions{flex-direction:column;align-items:stretch}.assessment-intro__actions .button,.recommendation-card__actions .button,.assessment-results__actions .button{width:100%}.assessment-session__header{flex-direction:column;align-items:stretch}.assessment-session__header .button{width:fit-content}.assessment-progress ol{grid-template-columns:repeat(4,minmax(0,1fr))}.assessment-session .typing-surface{--wf-typing-font-size:clamp(1.3rem, 5.6vw, 1.55rem);height:10rem;padding:var(--wf-space-3)}.assessment-focus-hint>span:last-child{width:100%;margin-inline-start:0}.assessment-results__header,.assessment-results__section-heading{flex-direction:column;align-items:stretch}}@media (width<=28rem){.assessment-metrics strong{font-size:.95rem}.skill-profile__row,.skill-profile--compact .skill-profile__row{grid-template-columns:1fr}.skill-status{justify-self:start}.skill-profile__indicator{grid-area:auto/1;width:100%}}@media (prefers-reduced-motion:reduce){.assessment-progress__bar>span,.skill-profile__bar{transition:none}}@media (prefers-contrast:more){.assessment-progress li>span,.skill-profile__row,.skill-profile__indicator,.recommendation-card{border-width:2px}}@media (forced-colors:active){.assessment-progress__bar,.assessment-progress li>span,.assessment-result-metrics>div,.skill-profile__row,.skill-profile__indicator,.skill-status,.recommendation-card{border-color:canvastext}.assessment-progress li[data-state=current]>span{outline-color:highlight}.assessment-progress__bar>span,.skill-profile__bar{background:highlight}}