.coee-network{width:100%;position:relative;container-type:inline-size;--network-ink:#30302f}
.coee-network__stage{position:relative;width:100%;aspect-ratio:450/540;isolation:isolate;overflow:visible}
.coee-network__lines{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:visible}
.coee-network__lines line{stroke:var(--network-ink);stroke-width:1.6;vector-effect:non-scaling-stroke}
.coee-network__bubble{position:absolute;left:calc(var(--x)/450*100%);top:calc(var(--y)/540*100%);width:calc(var(--r)*2/450*100%);aspect-ratio:1;transform:translate(-50%,-50%);transform-origin:50% 50%;padding:0!important;border:0!important;border-radius:50%;background:#eee;display:block;cursor:pointer;touch-action:manipulation;z-index:1;box-shadow:none;transition:none;line-height:0}
.coee-network__bubble img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;pointer-events:none}
.coee-network__bubble:focus-visible,.coee-network__bubble[data-active="true"]{outline:3px solid #b37600;outline-offset:4px;z-index:2}
.coee-network__help{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:700px){
 .coee-network__stage{aspect-ratio:420/625}
 .coee-network__bubble{left:calc(var(--mx)/420*100%);top:calc(var(--my)/625*100%);width:calc(var(--mr)*2/420*100%)}
}
.coee-network-editor__note{font-size:13px;line-height:1.5;background:#f5f1eb;padding:12px}
.coee-network-editor .coee-network__bubble{cursor:default;pointer-events:none}
@media(prefers-reduced-motion:reduce){.coee-network__bubble{will-change:auto!important}}
/* The editor preview always shows the reference layout, independent of sidebar width. */
.coee-network-editor .coee-network__stage{aspect-ratio:450/540}
.coee-network-editor .coee-network__bubble{left:calc(var(--x)/450*100%);top:calc(var(--y)/540*100%);width:calc(var(--r)*2/450*100%)}
/* Hover anchors the photo. Only its SVG clip changes near the circular edge. */
.coee-network__bubble{background:transparent}
.coee-network__bubble[data-hovered="true"]{outline:none;z-index:3}
.coee-network__bubble:focus-visible{outline:3px solid #b37600!important;outline-offset:4px;z-index:4}