.kd-body-condition{border:1px solid var(--kd-border,#d5e1ef);border-radius:20px;background:var(--kd-surface,#fff);padding:24px;margin:22px 0;color:var(--kd-ink,#172b4d)}.kd-body-condition[hidden]{display:none!important}.kd-body-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.kd-body-heading h2{font-size:23px;margin:0 0 8px}.kd-body-heading p,.kd-body-note{color:var(--kd-text-muted,#52647d);font-size:13px;line-height:1.6;margin:0}.kd-body-count{white-space:nowrap;font-size:12px;background:var(--kd-surface-soft,#eaf2ff);color:var(--kd-light-link,var(--kd-link,#174d9d));border-radius:20px;padding:7px 10px}.kd-body-state{display:grid;gap:8px;font-size:14px;margin:20px 0}.kd-body-state select{padding:11px;border:1px solid var(--kd-border,#cedbea);border-radius:10px;width:100%;background:var(--kd-surface,#fff);color:inherit;font:inherit}.kd-body-workspace{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(180px,1fr);gap:24px;margin-top:20px}.kd-body-views{display:flex;gap:6px;flex-wrap:wrap}.kd-body-views button,.kd-body-reset{font:inherit;font-size:13px;padding:9px 11px;border:1px solid var(--kd-border,#d5e1ef);border-radius:10px;background:var(--kd-surface,white);color:inherit;cursor:pointer}.kd-body-views button[aria-pressed=true]{background:var(--kd-brand,#1768eb);border-color:var(--kd-brand,#1768eb);color:#fff}.kd-body-diagram{position:relative;width:100%;max-width:680px;margin:14px auto 5px;aspect-ratio:340/260;background:linear-gradient(var(--kd-surface,#fff),var(--kd-surface,#f3f7fc));border:1px solid var(--kd-border,#e4ecf7);border-radius:18px}.kd-body-diagram .kd-body-model{display:block;width:100%;height:100%;max-width:none;object-fit:contain;pointer-events:none;user-select:none}.kd-body-diagram .kd-body-leaders{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.kd-body-leaders line{stroke:var(--kd-text-muted,#8da6c5);stroke-width:1.1;vector-effect:non-scaling-stroke}.kd-body-leaders circle{fill:var(--kd-link,#517ba9);stroke:#fff;stroke-width:1;vector-effect:non-scaling-stroke}.kd-body-leaders line.is-current{stroke:var(--kd-link,var(--kd-brand,#1768eb));stroke-width:2}.kd-body-leaders circle.is-current{fill:var(--kd-link,var(--kd-brand,#1768eb))}
.kd-body-point{position:absolute;transform:translate(-50%,-50%);width:36px;height:36px;display:grid;place-items:center;border:2px solid var(--kd-border,#fff);border-radius:50%;background:var(--kd-surface,#fff);color:var(--kd-light-link,var(--kd-link,#174d9d));font-size:21px;line-height:1;box-shadow:0 2px 9px #203c6329;cursor:pointer}.kd-body-point.is-marked{background:var(--kd-brand,#1768eb);color:#fff}.kd-body-point.is-current{outline:3px solid var(--kd-border,#749bd3);outline-offset:2px}.kd-body-options h3{font-size:18px;margin:4px 0 15px}.kd-body-options label{display:flex;align-items:center;gap:10px;min-height:43px;border-bottom:1px solid var(--kd-border,#edf2f8);font-size:14px;cursor:pointer}.kd-body-options input{width:19px;height:19px;accent-color:var(--kd-brand,#1768eb)}.kd-body-reset{margin-top:18px;color:var(--kd-light-link,var(--kd-link,#174d9d))}.kd-body-summary{margin-top:18px;font-size:13px;line-height:1.7}.kd-body-summary p{margin:5px 0}.kd-body-message{font-size:13px;color:var(--kd-danger-text,#8b3b24);line-height:1.5}.kd-body-condition button:focus-visible,.kd-body-condition select:focus-visible{outline:3px solid var(--kd-brand,#1768eb);outline-offset:3px}.kd-body-declaration{font-size:14px;color:var(--kd-light-link,var(--kd-link,#174d9d))}.kd-body-note{font-size:12px}@media(max-width:650px){.kd-body-condition{padding:18px 14px;border-radius:16px}.kd-body-heading{flex-wrap:wrap;gap:8px}.kd-body-heading h2{font-size:21px}.kd-body-workspace{grid-template-columns:minmax(0,1fr);gap:17px}.kd-body-point{width:34px;height:34px}.kd-body-options label{min-height:46px}.kd-body-views button{flex:1;padding:9px 5px;font-size:12px}}

.kd-body-point::after{content:"";position:absolute;inset:-4px;border-radius:50%}.kd-body-point{z-index:2}.kd-body-model{border-radius:18px}.kd-body-workspace{grid-template-columns:minmax(0,1.55fr) minmax(180px,1fr)}@media(max-width:650px){.kd-body-workspace{grid-template-columns:minmax(0,1fr)}}
