#original-headless-diagram{font-family:Arial,sans-serif;color:#f4f6f2;max-width:580px;margin:auto}
#original-headless-diagram .diagram{border:1px solid #45504e;border-radius:9px;background:#152228;overflow:hidden}
#original-headless-diagram .top,#original-headless-diagram .bottom{display:flex;justify-content:space-between;align-items:center;padding:17px 22px;font-size:12px;letter-spacing:1.5px}
#original-headless-diagram .top{border-bottom:1px solid #344047;color:#cbd5c8}
#original-headless-diagram .corners{color:#d2fb78;font-size:21px}
#original-headless-diagram .core{height:355px;position:relative;overflow:hidden;background-image:radial-gradient(#59716b55 .7px,transparent .7px);background-size:18px 18px}
#original-headless-diagram .bottom{border-top:1px solid #344047;letter-spacing:0;color:#b8c2c5}
#original-headless-diagram .bottom span:last-child{color:#d2fb78;font-size:22px}
#original-headless-diagram .orbit{position:absolute;border:1px solid #6d8a6238;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);width:240px;height:240px}
#original-headless-diagram .outer{width:350px;height:350px}
#original-headless-diagram .line{position:absolute;background:#8ca67455;left:50%;top:50%;transform:translate(-50%,-50%)}
#original-headless-diagram .horizontal{width:85%;height:1px}
#original-headless-diagram .vertical{width:1px;height:85%}
#original-headless-diagram .central{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:138px;height:138px;border:1px solid #78905d;background:#22352d;border-radius:50%;font-size:11px;text-align:center;line-height:1.5;letter-spacing:1.4px;color:#d2fb78}
#original-headless-diagram .symbol{font-size:38px;line-height:1}
#original-headless-diagram .node{position:absolute;display:flex;align-items:center;gap:10px;background:#1c2b31;border:1px solid #4a5a5b;border-radius:5px;padding:11px 13px;box-shadow:0 10px 25px #09171c55}
#original-headless-diagram .node strong{font-size:14px;display:block;font-weight:500}
#original-headless-diagram .node small{font-size:12px;display:block;color:#a8b7b9;margin-top:3px}
#original-headless-diagram .node-icon{color:#d2fb78;font-size:22px}
#original-headless-diagram .data{left:7%;top:11%}
#original-headless-diagram .context{right:4%;top:34%}
#original-headless-diagram .expertise{left:4%;bottom:23%}
#original-headless-diagram .agents{right:9%;bottom:7%}
@media(max-width:440px){#original-headless-diagram .node-icon{display:none}#original-headless-diagram .node{padding:9px}#original-headless-diagram .data{left:3%}#original-headless-diagram .context{right:2%}#original-headless-diagram .expertise{left:2%}#original-headless-diagram .agents{right:4%}}

#original-headless-diagram .torso-space{display:flex;align-items:center;justify-content:center;width:70px;height:70px;flex-shrink:0;perspective:260px;perspective-origin:50% 45%}
#original-headless-diagram .rotating-torso{display:block;width:48px;height:58px;object-fit:contain;transform-origin:50% 50%;animation:headless-turntable 12s linear infinite;backface-visibility:visible}
#original-headless-diagram .central{gap:4px}
#original-headless-diagram .motion-controls{margin-top:12px}
#original-headless-diagram.is-paused .rotating-torso{animation-play-state:paused}
@keyframes headless-turntable{from{transform:rotateY(0deg)}to{transform:rotateY(360deg)}}

#original-headless-diagram .turntable-volume{position:relative;width:48px;height:58px;transform-style:preserve-3d;animation:headless-turntable 12s linear infinite}
#original-headless-diagram .turntable-volume img{position:absolute;inset:0;width:48px;height:58px;object-fit:contain;animation:none;backface-visibility:visible}
#original-headless-diagram.is-paused .turntable-volume{animation-play-state:paused}

/* Dedicated top, center, and bottom rows keep all four cards outside the center. */
#original-headless-diagram .core{height:auto;min-height:450px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(80px,auto) 180px minmax(80px,auto);column-gap:38px;row-gap:30px;padding:20px;align-items:stretch}
#original-headless-diagram .node{position:relative;inset:auto;min-width:0;box-shadow:none;z-index:2;padding:12px;align-items:center;justify-content:center;text-align:center}
#original-headless-diagram .node-icon{display:none}
#original-headless-diagram .node strong{font-size:14px;line-height:1.3}
#original-headless-diagram .node small{font-size:12px;line-height:1.45;margin-top:5px}
#original-headless-diagram .data{grid-column:1;grid-row:1}
#original-headless-diagram .context{grid-column:2;grid-row:1}
#original-headless-diagram .expertise{grid-column:1;grid-row:3}
#original-headless-diagram .agents{grid-column:2;grid-row:3}
#original-headless-diagram .central{position:relative;inset:auto;transform:none;grid-column:1 / 3;grid-row:2;align-self:center;justify-self:center;width:148px;height:148px;z-index:2;letter-spacing:1.6px}
#original-headless-diagram .orbit{width:230px;height:230px;pointer-events:none}
#original-headless-diagram .outer{width:320px;height:320px}
#original-headless-diagram .line{opacity:.45}
#original-headless-diagram .connections{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible}
#original-headless-diagram .connections>path{stroke:#8ca674;stroke-width:1;vector-effect:non-scaling-stroke;fill:none;marker-start:url(#headless-arrow);marker-end:url(#headless-arrow)}
@media(max-width:440px){#original-headless-diagram .core{column-gap:24px;padding:16px;row-gap:28px;grid-template-rows:minmax(92px,auto) 180px minmax(92px,auto)}#original-headless-diagram .node{padding:10px 8px}#original-headless-diagram .bottom{padding:15px;font-size:11px}#original-headless-diagram .outer{width:290px;height:290px}}

#original-headless-diagram{width:100%;min-width:0}#original-headless-diagram .turntable-volume{will-change:transform}@media(prefers-reduced-motion:reduce){#original-headless-diagram .turntable-volume,#original-headless-diagram .rotating-torso{animation:none!important}}