.diagnostic{border:1px solid var(--line);background:#fff;border-radius:20px;padding:clamp(20px,4vw,40px);scroll-margin-top:110px;box-shadow:0 18px 50px #0c1a2b0f}.diagnostic h3{margin:6px 0 8px}.diagnostic h4{color:var(--navy);margin:0 0 14px;font-size:1.1rem}.diagnostic-progress{color:var(--muted);justify-content:space-between;gap:12px;margin-bottom:8px;font-size:.85rem;display:flex}.diagnostic-bar{background:var(--paper);border:1px solid var(--line);border-radius:99px;height:6px;overflow:hidden}.diagnostic-bar span{background:var(--teal);border-radius:99px;height:100%;transition:width .3s;display:block}.diagnostic-bar-progress{margin-bottom:26px}.diagnostic-step{border:0;min-width:0;margin:0;padding:0}.diagnostic-step legend{margin-bottom:6px;padding:0}.diagnostic-question{border-bottom:1px solid var(--line);padding:18px 0}.diagnostic-question>p{color:var(--navy);gap:10px;margin:0 0 12px;font-weight:600;display:flex}.diagnostic-number{font-family:var(--font-mono,monospace);color:var(--teal-dark);flex:none;font-weight:500}.diagnostic-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.diagnostic-choices label{border:1px solid var(--line);cursor:pointer;border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px;transition:border-color .15s,background .15s;display:flex;position:relative}.diagnostic-choices label:hover{border-color:var(--teal)}.diagnostic-choices label.is-selected{border-color:var(--teal);box-shadow:inset 0 0 0 1px var(--teal);background:#e9f6f4}.diagnostic-choices input{opacity:0;pointer-events:none;position:absolute}.diagnostic-choices label:has(input:focus-visible){outline:3px solid var(--teal);outline-offset:2px}.diagnostic-choices strong{color:var(--navy);font-size:.95rem}.diagnostic-choices span{color:var(--muted);font-size:.82rem;line-height:1.4}.diagnostic-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.diagnostic-actions .button[disabled]{opacity:.45;cursor:not-allowed}.diagnostic-result-head{border-bottom:1px solid var(--line);align-items:center;gap:28px;padding-bottom:24px;display:flex}.diagnostic-score{text-align:center;background:var(--navy);color:#fff;border-radius:50%;flex:none;place-content:center;width:128px;height:128px;display:grid}.diagnostic-score strong{font-size:2.6rem;line-height:1}.diagnostic-score span{color:var(--teal);font-size:.9rem}.diagnostic-groups{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;padding:24px 0;display:grid}.diagnostic-group>div:first-child{justify-content:space-between;gap:8px;margin-bottom:6px;font-size:.88rem;display:flex}.diagnostic-block{border-top:1px solid var(--line);padding:24px 0}.diagnostic-priorities{gap:14px;margin:0;padding:0;list-style:none;display:grid}.diagnostic-priorities li{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:16px 18px}.diagnostic-priorities strong{color:var(--navy);margin:6px 0 8px;display:block}.diagnostic-priorities p{margin:4px 0 0;font-size:.92rem}.diagnostic-tag{color:var(--teal-dark);background:#e9f6f4;border-radius:99px;padding:2px 10px;font-size:.75rem;display:inline-block}.diagnostic-label{text-transform:uppercase;letter-spacing:.06em;color:var(--teal-dark);font-size:.75rem;display:block}.diagnostic-plan{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.diagnostic-plan article{border:1px solid var(--line);border-radius:12px;padding:16px}.diagnostic-plan strong{color:var(--navy);margin:4px 0 8px;display:block}.diagnostic-plan ul{color:var(--muted);margin:0;padding-left:18px;font-size:.86rem}.diagnostic-plan li+li{margin-top:4px}.diagnostic-intro{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:end;gap:40px;margin-bottom:32px;display:grid}.diagnostic-intro ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.diagnostic-intro li{align-items:flex-start;gap:10px;display:flex}.diagnostic-intro li svg{color:var(--teal-dark);flex:none;margin-top:3px}@media (max-width:900px){.diagnostic-groups,.diagnostic-plan{grid-template-columns:repeat(2,minmax(0,1fr))}.diagnostic-intro{grid-template-columns:1fr;gap:20px}}@media (max-width:640px){.diagnostic-choices,.diagnostic-plan{grid-template-columns:1fr}.diagnostic-result-head{flex-direction:column;align-items:flex-start}.diagnostic-actions{justify-content:stretch}.diagnostic-actions .button{flex:auto;justify-content:center}}