/* Minimal blog styles — safe to keep tiny and let your main site CSS do the heavy lifting */
.svgr-article { max-width: 72ch; margin: 2rem auto; padding: 0 1rem; }
.svgr-article article { display: block; }
.svgr-article h1 { font-size: clamp(1.8rem, 2.4vw, 2.4rem); line-height: 1.2; margin: 0 0 .5rem; }
.svgr-article h2 { margin: 2rem 0 .75rem; font-size: 1.4rem; }
.svgr-article h3 { margin: 1.5rem 0 .5rem; font-size: 1.15rem; }

.svgr-article .content p { margin: 1rem 0; }
.svgr-article .content ul, .svgr-article .content ol { margin: 1rem 0 1rem 1.25rem; }
.svgr-article .content li { margin: .25rem 0; }

.svgr-article img { max-width: 100%; height: auto; display: block; margin: 1rem auto; border-radius: 8px; }
.svgr-article figure { margin: 1.25rem 0; }
.svgr-article figcaption { font-size: .9rem; color: #666; text-align: center; margin-top: .35rem; }

.svgr-article pre { background: #0f172a0d; padding: .9rem 1rem; border-radius: 8px; overflow: auto; }
.svgr-article code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .95em; }

.svgr-article blockquote { border-left: 4px solid #e5e7eb; margin: 1rem 0; padding: .5rem 1rem; color: #555; }
.svgr-article .tags { margin-top: .5rem; }
.svgr-article .tags .tag, .svgr-article .tags a { background:#f1f3f5; border-radius:999px; padding:.15rem .55rem; margin-right:.35rem; text-decoration:none; color:inherit; }

/* (Optional) blog index card/grid helpers if you removed inline styles there */
.blog-grid { display:grid; gap:1rem; grid-template-columns:1fr; }
@media (min-width:720px){ .blog-grid { grid-template-columns:1fr 1fr; } }
.blog-card { border:1px solid #e6e8ec; border-radius:14px; padding:1rem; background:#fff; }
.blog-card .muted { color:#667085; }