.diag{background:var(--color-bg);box-shadow:0 0 0 1px var(--color-border), 0 30px 60px -40px #0e0e104d;border-radius:26px;padding:32px}.diag__eyebrow{font-size:var(--fs-label);letter-spacing:.18em;text-transform:uppercase;color:var(--color-muted);align-items:center;gap:10px;font-weight:500;display:inline-flex}.diag__eyebrow:before{content:"";background:var(--grad);clip-path:polygon(0 100%,50% 0,100% 100%);width:10px;height:10px}.diag__title{letter-spacing:-.015em;margin-top:14px;font-size:1.4rem;font-weight:400;line-height:1.25}.diag__list{gap:4px;margin:22px 0 0;padding:0;list-style:none;display:grid}.diag__row{cursor:pointer;border-radius:12px;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:12px;margin-inline:-12px;padding:10px 12px;font-size:.92rem;line-height:1.45;transition:background-color .2s;display:grid}.diag__row:hover{background:var(--color-bg-soft)}.diag__checkbox{appearance:none;border:1.5px solid var(--color-border);background:var(--color-bg);cursor:pointer;border-radius:7px;place-items:center;width:22px;height:22px;margin:0;transition:background-color .2s,border-color .2s;display:grid}.diag__checkbox:checked{background:var(--color-brand-cta);border-color:var(--color-brand-cta)}.diag__checkbox:checked:after{content:"";border:0 solid #fff;border-width:0 0 2px 2px;width:10px;height:6px;transform:rotate(-45deg)translate(1px,-1px)}.diag__checkbox:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.diag__meter{background:var(--color-bg-soft);border-radius:99px;height:6px;margin-top:20px;overflow:hidden}.diag__meter i{background:var(--grad);width:0;height:100%;transition:width .6s var(--ease-out);display:block}.diag__count{font-variant-numeric:tabular-nums;color:var(--color-muted);margin-top:10px;font-size:.82rem}.diag__verdict{background:var(--color-bg-soft);border-radius:18px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;margin-top:18px;padding:20px;transition:background-color .5s,color .5s;display:grid}.diag__verdict-num{letter-spacing:-.02em;color:#fff;background:var(--grad);clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:.9rem;font-weight:600;line-height:1;display:flex}.diag__verdict-text{gap:4px;font-size:.9rem;display:grid}.diag__verdict-text strong{font-weight:600}.diag__verdict-detail{color:var(--color-muted)}.diag.is-alert .diag__verdict{background:var(--night);color:var(--on-night)}.diag.is-alert .diag__verdict .diag__verdict-detail{color:var(--on-night-muted)}
