/* Styles for the body text of a post. Used on the blog and in the admin preview. */
.prose { font-size: 1.05rem; line-height: 1.75; color: #1a1a1a; overflow-wrap: anywhere; }
.prose > :first-child { margin-top: 0; }
.prose h1, .prose h2, .prose h3, .prose h4 { font-family: Manrope, Inter, sans-serif; color: #000; line-height: 1.25; margin: 1.8em 0 .6em; }
.prose h2 { color: #bf6440; }
.prose h1 { font-size: 1.7rem; } .prose h2 { font-size: 1.4rem; } .prose h3 { font-size: 1.15rem; }
.prose p { margin: 0 0 1.1em; }
.prose a { color: #bf6440; text-decoration: underline; text-underline-offset: 3px; }
.prose img { display: block; max-width: 100%; height: auto; border-radius: 12px; margin: 1.4em auto; }
.prose ul, .prose ol { padding-left: 1.4em; margin: 0 0 1.1em; }
.prose li { margin: .3em 0; }
.prose blockquote { margin: 1.4em 0; padding: .6em 1.1em; border-left: 4px solid #bf6440; background: #f6efe9; border-radius: 0 10px 10px 0; color: #4b5563; }
.prose blockquote p:last-child { margin: 0; }
.prose code { background: #eef0f3; padding: .12em .4em; border-radius: 5px; font-size: .92em; }
.prose pre { background: #000; color: #e5e7eb; padding: 1em 1.2em; border-radius: 10px; overflow-x: auto; }
.prose pre code { background: none; padding: 0; color: inherit; }
.prose hr { border: 0; border-top: 1px solid #d9dce1; margin: 2em 0; }
.prose table { border-collapse: collapse; width: 100%; display: block; overflow-x: auto; margin: 0 0 1.2em; }
.prose th, .prose td { border: 1px solid #d9dce1; padding: .5em .8em; text-align: left; }
.prose th { background: #f3f4f6; }
/* videos (YouTube / Vimeo) */
.prose iframe { display: block; width: 100%; max-width: 100%; aspect-ratio: 16 / 9; height: auto; border: 0; border-radius: 12px; margin: 1.4em 0; background: #000; }