.diagnostics-page{max-width:1120px;margin-inline:auto}.diagnostics-heading{align-items:flex-start;gap:18px}.diagnostics-page .diagnostics-heading>.small-chip{align-self:flex-start;display:inline-flex}.diagnostics-intro{background:var(--mint);color:var(--ink);border-radius:20px;align-items:center;gap:18px;margin-bottom:24px;padding:22px 25px;display:flex}.diagnostics-intro>svg{color:var(--green);flex:none}.diagnostics-intro p{margin:0;line-height:1.7}.diagnostics-panel{border:1px solid var(--line);background:var(--surface);border-radius:25px;margin-block:22px;padding:30px}.diagnostics-panel h2{margin:0;font-size:clamp(20px,2.5vw,26px);line-height:1.3}.diagnostics-panel h3{line-height:1.6}.diagnostics-panel p{line-height:1.75}.diagnostics-section-title{align-items:center;gap:13px;margin-bottom:22px;display:flex}.diagnostics-step{background:var(--mint);width:33px;height:33px;color:var(--green);border-radius:50%;flex:none;place-items:center;font-weight:750;display:grid}.diagnostics-grade-label{color:var(--ink);margin-bottom:9px;font-weight:700;display:block}.diagnostics-selector select{width:min(100%,360px);min-height:48px;color:var(--ink);background:var(--input-bg);border:1px solid var(--control-border);font:inherit;border-radius:12px;padding:10px 14px}.diagnostics-caption{color:var(--muted);font-size:13px;line-height:1.65}.diagnostics-saved-note{background:var(--surface-subtle);color:var(--body);border-radius:12px;padding:14px 17px;font-size:13px}.diagnostics-grade-shortcuts{flex-wrap:wrap;align-items:center;gap:8px;margin-block:20px 25px;display:flex}.diagnostics-grade-shortcuts>span{color:var(--muted);margin-right:5px;font-size:13px}.diagnostics-grade-shortcuts button{min-width:40px;min-height:40px;font:inherit;border:1px solid var(--control-border);color:var(--ink);background:var(--surface);border-radius:12px;padding:6px 10px}.diagnostics-grade-shortcuts button[aria-pressed=true]{background:var(--mint);border-color:var(--green);font-weight:700}.diagnostics-panel fieldset{border:0;min-width:0;margin:0;padding:0}.diagnostics-panel legend{color:var(--ink);margin-bottom:12px;font-weight:700}.diagnostics-subjects{flex-wrap:wrap;gap:10px;display:flex}.diagnostics-subjects label{border:1px solid var(--control-border);cursor:pointer;min-height:48px;color:var(--body);border-radius:14px;align-items:center;gap:9px;padding:12px 15px;display:flex}.diagnostics-subjects label.selected{background:var(--mint);color:var(--ink);border-color:var(--green)}.diagnostics-subjects input,.diagnostics-modes input,.diagnostics-answer-choices input{accent-color:var(--green);flex:none;width:18px;height:18px;margin:0}.diagnostics-panel .diagnostics-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:27px;display:grid}.diagnostics-modes label{border:1px solid var(--control-border);cursor:pointer;border-radius:17px;align-items:flex-start;gap:13px;padding:21px;display:flex}.diagnostics-modes label.selected{background:var(--surface-subtle);border-color:var(--green)}.diagnostics-modes input{margin-top:4px}.diagnostics-modes strong{color:var(--ink);margin-bottom:8px;display:block}.diagnostics-modes small{color:var(--body);font-size:13px;line-height:1.65;display:block}.diagnostics-meta{color:var(--muted);flex-wrap:wrap;gap:13px 23px;margin-block:20px;font-size:13px;display:flex}.diagnostics-meta span{align-items:center;gap:7px;display:flex}.diagnostics-skill-trail{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-block:24px;padding:0;list-style:none;display:grid}.diagnostics-skill-trail li{background:var(--surface-subtle);color:var(--ink);border-radius:15px;align-items:center;gap:11px;padding:15px;font-size:14px;line-height:1.6;display:flex}.diagnostics-skill-trail li>span{border:1px dashed var(--control-border);height:28px;color:var(--green);border-radius:50%;flex:0 0 28px;place-items:center;display:grid}.diagnostics-action-note{padding-block:2px 10px}.diagnostics-player{border-color:var(--green)}.diagnostics-player-heading{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.diagnostics-player-heading h2{max-width:650px}.diagnostics-player-heading .button{flex:none}.diagnostics-progress-label{justify-content:space-between;gap:15px;margin-top:24px;font-size:13px;display:flex}.diagnostics-progress-label span{color:var(--muted)}.diagnostics-page progress{background:var(--surface-subtle);width:100%;height:9px;color:var(--green);accent-color:var(--green);border:0;border-radius:9px;margin-block:11px 23px;display:block;overflow:hidden}.diagnostics-page progress::-webkit-progress-bar{background:var(--surface-subtle)}.diagnostics-page progress::-webkit-progress-value{background:var(--green);border-radius:9px}.diagnostics-page progress::-moz-progress-bar{background:var(--green);border-radius:9px}.diagnostics-question h3{white-space:pre-line;margin-bottom:20px;font-size:21px}.diagnostics-answer-label{color:var(--ink);gap:10px;max-width:560px;font-weight:700;display:grid}.diagnostics-answer-label input{border:1px solid var(--control-border);background:var(--input-bg);width:100%;min-width:0;min-height:51px;color:var(--ink);font:inherit;border-radius:12px;padding:14px}.diagnostics-answer-choices{gap:10px;display:grid}.diagnostics-answer-choices label{cursor:pointer;border:1px solid var(--control-border);color:var(--ink);border-radius:13px;align-items:center;gap:12px;padding:15px;line-height:1.6;display:flex}.diagnostics-answer-choices label.selected{background:var(--mint);border-color:var(--green)}.diagnostics-question-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.diagnostics-text-button{font:inherit;color:var(--green);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:8px 0;font-size:13px;text-decoration:underline;display:inline-flex}.diagnostics-abandon{border-top:1px solid var(--line);margin-top:20px}.diagnostics-abandon .button{margin:0 8px 8px 0}.diagnostics-error{border:1px solid var(--theme-text-red,#963e36);background:var(--theme-surface-red,#fff1ee);color:var(--theme-text-red,#963e36);border-radius:17px;padding:20px}.diagnostics-error p{margin-top:0}.diagnostics-error small{margin-top:10px;display:block}.diagnostics-result-celebration{color:var(--green);flex-wrap:wrap;align-items:center;gap:17px;display:flex}.diagnostics-result-celebration h2{color:var(--ink);margin-top:8px}.diagnostics-result-celebration .eyebrow{font-size:10px}.diagnostics-xp{background:var(--mint);white-space:nowrap;border-radius:17px;margin-left:auto;padding:12px 17px;font-size:19px;font-weight:750}.diagnostics-result-skills{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:15px;margin-block:25px;display:grid}.diagnostics-result-skills article{border:1px solid var(--line);border-radius:18px;padding:20px}.diagnostics-result-skills h3{margin:0 0 20px;font-size:16px}.diagnostics-skill-score{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.diagnostics-skill-score strong{color:var(--ink);font-size:23px}.diagnostics-skill-score span,.diagnostics-result-skills small{color:var(--muted);font-size:12px}.diagnostics-result-skills p{font-size:13px}.diagnostics-recommendations{background:var(--surface-subtle);border-radius:18px;padding:22px}.diagnostics-recommendations h3{margin-top:0}.diagnostics-recommendations ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.diagnostics-recommendations a{background:var(--surface);min-height:48px;color:var(--ink);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;padding:13px;text-decoration:none;display:flex}.diagnostics-recommendations a>span{flex:1}.diagnostics-recommendations svg{color:var(--green);flex:none}.diagnostics-review{margin-block:25px}.diagnostics-review summary{cursor:pointer;color:var(--ink);padding-block:12px;font-weight:700}.diagnostics-review ol{padding-left:24px}.diagnostics-review li{border-top:1px solid var(--line);padding-block:12px;padding-left:8px}.diagnostics-review h3{white-space:pre-line;font-size:17px}.diagnostics-history{padding:0;list-style:none}.diagnostics-history li{border-bottom:1px solid var(--line);align-items:center;gap:18px;padding-block:18px;display:flex}.diagnostics-history li:last-child{border:0;padding-bottom:0}.diagnostics-history li>div{flex:1;gap:7px;display:grid}.diagnostics-history strong{color:var(--ink)}.diagnostics-history span{font-size:13px}.diagnostics-history small{color:var(--muted);font-size:12px}.diagnostics-next{border:1px dashed var(--control-border);border-radius:20px;align-items:flex-start;gap:18px;margin-block:25px;padding:24px;display:flex}.diagnostics-next>svg{color:var(--green);flex:none}.diagnostics-next h2{margin:0;font-size:18px}.diagnostics-next p{font-size:14px;line-height:1.7}.diagnostics-next a{color:var(--green);align-items:center;gap:8px;font-size:14px;display:inline-flex}.diagnostics-page button:disabled,.diagnostics-page fieldset:disabled label{cursor:default}.diagnostics-page :is(button,input,select,a,summary):focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px}.diagnostics-page :is(h2,h3){scroll-margin-top:110px}.diagnostics-page :is(p,h2,h3,li,span,label){overflow-wrap:anywhere}@media (max-width:640px){.diagnostics-panel{border-radius:20px;padding:20px 16px}.diagnostics-intro{align-items:flex-start;gap:12px;padding:19px 17px;font-size:14px}.diagnostics-panel .diagnostics-modes{grid-template-columns:1fr}.diagnostics-modes label{padding:17px}.diagnostics-subjects{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.diagnostics-subjects label{gap:7px;padding:12px 10px;font-size:13px}.diagnostics-subjects label>svg{display:none}.diagnostics-player-heading,.diagnostics-history li{flex-direction:column;align-items:flex-start}.diagnostics-question-actions{flex-direction:column;align-items:stretch}.diagnostics-question h3{font-size:18px}.diagnostics-xp{margin-left:0}.diagnostics-recommendations{padding:16px}.diagnostics-next{gap:12px;padding:20px 16px}}@media (prefers-reduced-motion:reduce){.diagnostics-page{animation:none}}