Border proof

Two working angle systems.

These are isolated proofs, not patched into the current MandelaMap stylesheet. The point is to show that both a pure CSS single-source border and an SVG single-source border can work cleanly when they are the only border system in play.

Pure CSS

Single-source clipped border

The border is the outer element itself. No separate caps, no extra overlays, no rectangular border underneath it. The fill is just the inner clipped layer.

Neutral button Primary button

Current acceptedShared memory

PURE CSS PANEL

81%Split

12Families

2,431Signals

SVG

Single-path SVG stroke

The stroke is one actual vector path. No pseudo-element corner caps, no double lines. The fill is clipped to the same geometry inside the frame.

Neutral button Primary button

Current acceptedShared memory

SVG FRAME PANEL

64%Signal

84Regions

∞Variants

Recommendation: pick one of these approaches and use it everywhere. Do not mix them with rectangular borders, corner caps, or extra pseudo-element overlays.