/* Optional shared page styles for the preview. Each SVG is self-contained and animated. */
:root { color-scheme: light; }
body { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; margin: 32px; background: #f8fafc; color: #0f172a; }
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 28px; }
.card { background: white; border: 1px solid #e2e8f0; border-radius: 18px; padding: 24px; text-align: center; box-shadow: 0 8px 28px #0f172a14; }
.card img { width: 160px; height: 160px; }
.name { font-weight: 700; margin-top: 12px; }
.note { max-width: 760px; line-height: 1.5; }