.blog-markdown { line-height: 1.85; overflow-wrap: anywhere; }
.blog-markdown > :first-child { margin-top: 0; }
.blog-markdown > :last-child { margin-bottom: 0; }
.blog-markdown p { margin: 1em 0; }
.blog-markdown h1,.blog-markdown h2,.blog-markdown h3,.blog-markdown h4,.blog-markdown h5,.blog-markdown h6 { font-weight: 700; line-height: 1.4; margin: 1.5em 0 .6em; }
.blog-markdown h1 { font-size: 2em; }
.blog-markdown h2 { font-size: 1.6em; }
.blog-markdown h3 { font-size: 1.3em; }
.blog-markdown h4,.blog-markdown h5,.blog-markdown h6 { font-size: 1.1em; }
.blog-markdown ul,.blog-markdown ol { padding-left: 1.6em; margin: 1em 0; }
.blog-markdown ul { list-style: disc; }
.blog-markdown ol { list-style: decimal; }
.blog-markdown li { margin: .3em 0; }
.blog-markdown li > ul,.blog-markdown li > ol { margin: .25em 0; }
.blog-markdown a { color: #1763c4; text-decoration: underline; text-underline-offset: .18em; }
.blog-markdown blockquote { border-left: 4px solid #7ba7dd; padding: .1em 1em; margin: 1em 0; background: rgba(120,150,190,.08); border-radius: 0 12px 12px 0; }
.blog-markdown pre { overflow-x: auto; padding: 1em; border-radius: 14px; background: rgba(120,130,150,.12); margin: 1em 0; line-height: 1.6; }
.blog-markdown code { font-family: ui-monospace, monospace; font-size: .9em; padding: .12em .3em; border-radius: 4px; background: rgba(120,130,150,.12); }
.blog-markdown pre code { padding: 0; background: none; white-space: pre; overflow-wrap: normal; }
.blog-markdown table { display: block; overflow-x: auto; border-collapse: collapse; margin: 1em 0; }
.blog-markdown th,.blog-markdown td { border: 1px solid rgba(120,130,150,.4); padding: .5em .8em; }
.blog-markdown th { background: rgba(120,130,150,.1); font-weight: 600; }
.blog-markdown hr { border: 0; border-top: 1px solid rgba(120,130,150,.4); margin: 2em 0; }
.blog-markdown img { max-width: 100%; height: auto; border-radius: 14px; margin: 1em 0; }
@media (prefers-color-scheme: dark) { .blog-markdown a { color: #93c5fd; } }