/*
 * Styles for the text an editor writes in Markdown (blog posts and gallery
 * descriptions). A plain file under public/ on purpose: the compiled Tailwind
 * build only contains classes found in Blade files, and Markdown output has no
 * classes, so these would otherwise be purged.
 */
.post-body { color: #4338ca; font-size: 1.0625rem; line-height: 1.8; overflow-wrap: anywhere; }
.post-body > * + * { margin-top: 1.25rem; }
.post-body h2 { color: #312e81; font-size: 1.625rem; font-weight: 800; line-height: 1.3; margin-top: 2.5rem; }
.post-body h3 { color: #312e81; font-size: 1.25rem; font-weight: 700; line-height: 1.4; margin-top: 2rem; }
.post-body h4 { color: #312e81; font-size: 1.0625rem; font-weight: 700; margin-top: 1.5rem; }
.post-body a { color: #4f46e5; text-decoration: underline; }
.post-body a:hover { color: #312e81; }
.post-body ul, .post-body ol { padding-left: 1.5rem; }
.post-body ul { list-style: disc; }
.post-body ol { list-style: decimal; }
.post-body li + li { margin-top: 0.4rem; }
.post-body blockquote { border-left: 4px solid #c7d2fe; padding-left: 1rem; font-style: italic; color: #4338ca; }
.post-body img { max-width: 100%; height: auto; border-radius: 0.75rem; }
.post-body code { background: #eef2ff; border-radius: 0.25rem; padding: 0.1rem 0.35rem; font-size: 0.9em; }
.post-body pre { background: #eef2ff; border-radius: 0.5rem; padding: 1rem; overflow-x: auto; }
.post-body pre code { background: none; padding: 0; }
.post-body hr { border-color: #e0e7ff; }
.post-body table { width: 100%; border-collapse: collapse; font-size: 0.95rem; }
.post-body th, .post-body td { border: 1px solid #e0e7ff; padding: 0.5rem 0.75rem; text-align: left; }

/* Images that carry width and height attributes (to avoid layout shift) but must scale with the page. */
.img-auto { height: auto; }