.diagnostic-page{max-width:820px;padding:32px 0 90px}.diagnostic-intro,.diagnostic-runner,.diagnostic-result{margin-top:22px;padding:30px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.diagnostic-intro h1,.diagnostic-result h1{margin:6px 0 12px;font-size:clamp(28px,5vw,42px)}.diagnostic-intro>p,.diagnostic-result>p{max-width:680px;color:var(--text-muted);line-height:1.65}.diagnostic-intro ul{display:grid;gap:8px;margin:20px 0 26px;padding-left:22px;color:var(--text-muted)}.diagnostic-progress{display:grid;gap:10px;margin-bottom:18px;color:var(--text-muted);font-size:13px;font-weight:700}.diagnostic-progress i{height:7px;overflow:hidden;border-radius:999px;background:var(--neutral-soft)}.diagnostic-progress em{display:block;width:25%;height:100%;border-radius:inherit;background:var(--accent);transition:width .3s ease}.diagnostic-card{display:grid;gap:12px}.diagnostic-card>p{margin:0;font-size:18px;line-height:1.55}.diagnostic-card textarea{width:100%;min-height:140px;padding:15px;border:1px solid var(--border);border-radius:var(--radius);resize:vertical;font:inherit;line-height:1.5}.diagnostic-card textarea:focus{border-color:var(--accent);outline:3px solid rgba(35,107,86,.12)}.diagnostic-actions{display:flex;align-items:center;gap:14px}.diagnostic-actions span{color:var(--text-muted);font-size:13px}.diagnostic-skills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:22px 0}.diagnostic-skill{display:grid;grid-template-columns:1fr auto;gap:8px;padding:13px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg)}.diagnostic-skill i{grid-column:1/-1;height:7px;overflow:hidden;border-radius:999px;background:var(--neutral-soft)}.diagnostic-skill em{display:block;height:100%;border-radius:inherit;background:var(--accent)}.diagnostic-skill b{display:flex;align-items:center;gap:6px}.diagnostic-skill b small{font-size:11px}.diagnostic-skill b .is-up{color:var(--success)}.diagnostic-skill b .is-down{color:var(--warning)}.diagnostic-skill b .is-flat{color:var(--text-muted)}.diagnostic-result__actions{display:flex;gap:10px;flex-wrap:wrap}.diagnostic-note{margin-top:18px!important;font-size:13px}@media(max-width:640px){.diagnostic-page{padding:20px 14px 70px}.diagnostic-intro,.diagnostic-runner,.diagnostic-result{padding:20px}.diagnostic-skills{grid-template-columns:1fr}.diagnostic-actions,.diagnostic-result__actions{align-items:stretch;flex-direction:column}.diagnostic-actions .btn,.diagnostic-result__actions .btn{width:100%}}