#knowledge-cloud{position:relative;margin:26px 0 12px;width:100%;min-width:0;--cloud-result:#397bae;--cloud-resource:#218777;--cloud-process:#bd6555;--cloud-document:#697991;--cloud-attribute:#927131;--cloud-value:#638946;--cloud-source:#6c70b0;--cloud-requirement:#9b5c85}
body.search-mode #knowledge-cloud,body.card-mode #knowledge-cloud{display:none!important}
.cloud-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;color:var(--muted);font-size:12px;font-weight:300}
#cloud-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.cloud-actions{display:flex;align-items:center;gap:4px;flex:none}
.cloud-actions .icon-button{width:32px;height:32px;padding:7px;color:var(--muted)}
#cloud-position{font-size:11px;font-variant-numeric:tabular-nums;margin-right:6px;min-width:34px;text-align:right}
.cloud-pause-icon{display:block;width:12px;height:14px;border-left:3px solid currentColor;border-right:3px solid currentColor;margin:auto}
[data-cloud-pause][aria-pressed=true] .cloud-pause-icon{width:0;height:0;border:7px solid transparent;border-left:11px solid currentColor;border-right:0}
.cloud-stage{position:relative;height:420px;min-height:320px;max-height:calc(100svh - 270px);width:100%;overflow:hidden;cursor:grab;touch-action:pan-y}
.cloud-stage:active{cursor:grabbing}
.cloud-stage,.cloud-stage *{-webkit-user-select:none;user-select:none}
.cloud-stage canvas{position:absolute;inset:0;display:block;width:100%;height:100%;outline:none}
.cloud-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.cloud-label{position:absolute;left:0;top:0;max-width:168px;line-height:1.4;font-size:12px;font-weight:300;color:var(--text);text-decoration:none;pointer-events:auto;overflow-wrap:anywhere;text-wrap:pretty;text-shadow:0 1px 3px var(--bg),0 -1px 3px var(--bg),1px 0 3px var(--bg),-1px 0 3px var(--bg);transition:opacity .15s}
.cloud-label[data-node-type=result],.cloud-label[data-node-type=resource],.cloud-label[data-node-type=process]{font-size:14px;font-weight:500;max-width:190px}
.cloud-label[data-node-type=requirement]{max-width:190px;font-size:11px}
.cloud-label,.cloud-label[data-node-type=result],.cloud-label[data-node-type=resource],.cloud-label[data-node-type=process]{font-style:normal;font-weight:300}
.cloud-label a{color:inherit}.cloud-label:hover,.cloud-label[href]:hover{color:var(--accent);text-decoration:none}
.cloud-label:not([href]){cursor:grab}
.cloud-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;padding:14px 0 6px;font-size:11px;font-weight:300;color:var(--muted)}
.cloud-legend span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.cloud-legend i{width:6px;height:6px;border-radius:50%;background:var(--node-color);flex:none}
:root[data-theme=dark] #knowledge-cloud{--cloud-result:#84b6df;--cloud-resource:#7abdaa;--cloud-process:#e79a89;--cloud-document:#a8b3c7;--cloud-attribute:#c9ae70;--cloud-value:#a5c47e;--cloud-source:#b1abe0;--cloud-requirement:#dba2c7}
.cloud-fallback{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:18px;padding:24px 0;min-height:280px}
.cloud-fallback .cloud-label{position:static;opacity:1!important;text-shadow:none;max-width:180px}
@media(max-width:680px){#knowledge-cloud{margin-top:18px}.cloud-stage{height:430px;max-height:none}.cloud-label{max-width:114px;font-size:11px}.cloud-label[data-node-type=result],.cloud-label[data-node-type=resource],.cloud-label[data-node-type=process]{max-width:132px;font-size:12px}.cloud-label[data-node-type=requirement]{max-width:132px;font-size:10px}.cloud-legend{gap:8px 12px}.cloud-topline{font-size:11px}}
@media(prefers-reduced-motion:reduce){.cloud-label{transition:none}}
