.symmetry-figure{margin:28px 0 34px;padding:24px 24px 20px;border:1px solid rgba(124,58,237,.16);border-radius:16px;background:linear-gradient(145deg,#fbf9ff,#f0eaf7)}.symmetry-portrait{position:relative;width:min(380px,100%);margin:0 auto 20px;overflow:hidden;border-radius:12px;box-shadow:0 10px 30px rgba(56,37,80,.1)}.symmetry-portrait img{display:block;width:100%;height:auto}.symmetry-portrait svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.symmetry-portrait-label{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:7px 11px;border-radius:6px;background:rgba(255,255,255,.92);color:#5f427b;font-size:9px;font-weight:700;letter-spacing:.09em}.symmetry-axis{fill:none;stroke:#b59af4;stroke-width:3;stroke-dasharray:8 10}.symmetry-pairs line{stroke:#99f0d4;stroke-width:2.5;stroke-dasharray:5 7;opacity:.9}.symmetry-points circle{fill:#147c5a;stroke:#fff;stroke-width:3}.symmetry-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 18px;margin:12px 0}.symmetry-legend span{display:inline-flex;align-items:center;gap:7px;color:#514d56;font-size:12px;font-weight:700}.symmetry-legend i{display:inline-block;width:12px;height:3px}.symmetry-legend i.axis{background:#b59af4}.symmetry-legend i.pair{background:#147c5a}.symmetry-figure figcaption{color:#635f69;font-size:13px;line-height:1.6;text-align:center}.symmetry-factors{margin-top:22px}.blog-article-body .symmetry-inline-link{color:#6d28d9;text-decoration:underline;text-underline-offset:3px}.blog-article-body .symmetry-inline-link:hover{color:#be185d}@media (max-width:600px){.symmetry-figure{padding:12px 12px 16px}.symmetry-legend{justify-content:flex-start}}