/* One shared persona / recovery / network narrative across all directions. */
html[data-energy] .personas h2 em{font-style:italic}
.persona-composition,.network-composition{padding:24px 10px;text-align:center;min-width:0}
.persona-composition{margin:0}
.persona-composition img{display:block;width:100%;max-width:420px;height:auto;aspect-ratio:4/3;object-fit:contain;margin:0 auto}
.persona-composition>figcaption{display:block;margin-top:20px;font-size:12px;line-height:1.6;color:var(--muted)}
.persona-composition svg,.network-composition svg{display:block;width:100%;max-width:420px;margin:auto;overflow:visible;color:var(--accent);fill:none;stroke:currentColor;stroke-width:1.5}
.persona-composition>span,.network-composition>span{display:block;margin-top:20px;font-size:12px;line-height:1.6;color:var(--muted)}
.persona-links,.network-links{stroke-dasharray:3 7;opacity:.55}
.persona-outer{fill:var(--paper)}
.persona-faces{stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.identity-core{fill:var(--accent);stroke:none}
.identity-core-mark{stroke:var(--on-accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.network-ring{stroke-dasharray:1 9;opacity:.65}
.network-nodes{fill:var(--paper)}
.network-shield{fill:var(--paper);stroke-width:2}
.network-check{stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
html[data-energy=bold] .persona-composition svg,html[data-energy=bold] .network-composition svg{stroke-width:3;transform:rotate(-6deg)}
html[data-energy=bold] .persona-outer{stroke-dasharray:6 5}
html[data-energy=bold] .network-ring{stroke-dasharray:8 8}
html[data-energy=futuristic] .persona-composition svg,html[data-energy=futuristic] .network-composition svg{stroke-width:1;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--accent),transparent 65%))}
@media(max-width:600px){.persona-composition,.network-composition{margin-top:32px;padding-inline:10px}.persona-composition svg,.network-composition svg{max-width:330px}}