.client-diagnostic{margin:2.8rem 0;padding:clamp(1.2rem,4vw,2.3rem);border:1px solid #dcd3ee;border-radius:24px;background:linear-gradient(135deg,#f4effc 0%,#fff 70%);color:#25202f;scroll-margin-top:110px;min-width:0}
.client-diagnostic[hidden]{display:none!important}
.article-body .client-diagnostic h2{font-size:clamp(1.5rem,3vw,2rem);line-height:1.2;margin:.65rem 0}
.article-body .client-diagnostic h3{font-size:clamp(1.15rem,2vw,1.35rem);line-height:1.4;margin:1.5rem 0 1rem}
.client-diagnostic h3:focus{outline:none}
.client-diagnostic .diagnostic-kicker{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:#6a469b;margin:0}
.client-diagnostic .diagnostic-intro{font-size:.95rem;color:#665d70;margin:.7rem 0 1.2rem}
.diagnostic-progress{display:flex;gap:1rem;align-items:center;justify-content:space-between;font-size:.78rem;color:#6a5c7c}
.diagnostic-progress progress{width:30%;height:5px;appearance:none;border:0;border-radius:5px;overflow:hidden;background:#e8e0f2}
.diagnostic-progress progress::-webkit-progress-bar{background:#e8e0f2}.diagnostic-progress progress::-webkit-progress-value{background:#8561b5}.diagnostic-progress progress::-moz-progress-bar{background:#8561b5}
.diagnostic-options{display:grid;gap:.65rem}
.diagnostic-options button{display:flex;align-items:center;gap:.8rem;width:100%;text-align:left;min-height:58px;padding:.9rem 1rem;border:1px solid #e0d9e8;border-radius:12px;background:#fff;color:inherit;font:inherit;font-size:.94rem;line-height:1.5;cursor:pointer;transition:border-color .15s,background .15s}
.diagnostic-options button:hover,.diagnostic-options button[aria-pressed=true]{border-color:#9c7bbf;background:#f7f2fc}
.diagnostic-options button:focus-visible,.client-diagnostic a:focus-visible,.diagnostic-back:focus-visible{outline:3px solid #8561b5;outline-offset:3px}
.diagnostic-letter{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:8px;background:#f1ebf8;color:#77539d;font-size:.75rem;font-weight:600}
.diagnostic-arrow{margin-left:auto;color:#9376b0}
.diagnostic-back{display:block;border:0;background:none;color:#73558f;font:inherit;font-size:.84rem;cursor:pointer;padding:.5rem 0;margin:1rem 0 0;text-align:left}
.client-diagnostic .diagnostic-context{font-size:.9rem;color:#6a5c7c}
.client-diagnostic ol{padding-left:1.4rem}.client-diagnostic li{padding-left:.2rem;margin:.5rem 0}
.diagnostic-product{padding:1rem 1.2rem;margin:1.4rem 0;border-radius:14px;background:#f1ebf8}.diagnostic-product p{margin:0 0 .65rem}.diagnostic-product a{font-weight:600}
.client-diagnostic .diagnostic-cta{display:inline-flex;white-space:normal;text-align:center;justify-content:center;font-size:.9rem;text-decoration:none;max-width:100%;box-sizing:border-box}
@media(max-width:600px){.client-diagnostic{border-radius:18px;margin:2rem 0}.diagnostic-options button{padding:.8rem;gap:.65rem}.diagnostic-arrow{display:none}.diagnostic-progress{font-size:.75rem}.client-diagnostic .diagnostic-cta{width:100%}}

.diagnostic-controls{display:flex;align-items:center;flex-wrap:wrap;column-gap:1.5rem;row-gap:.25rem;margin-top:1rem}.diagnostic-controls .diagnostic-back{margin:0;min-height:44px}
.article-body .client-diagnostic a.diagnostic-cta,.article-body .client-diagnostic a.diagnostic-cta:visited{background:#62408c;color:#fff;border-color:#62408c;text-decoration:none}
.article-body .client-diagnostic a.diagnostic-cta:hover,.article-body .client-diagnostic a.diagnostic-cta:active{background:#4c306f;color:#fff;border-color:#4c306f;text-decoration:none}