/* Article text: used on /blog/<slug> and in the Admin > Blog preview. Colours come from ui.css or the admin theme (--tx, --mut, --acc, --bd, --surface2). */
.prose{font-size:18px;line-height:1.75;margin-top:26px;overflow-wrap:break-word}
.prose>*:first-child{margin-top:0}
.prose p{margin:0 0 1.25em}
.prose h2{font-size:28px;line-height:1.2;margin:1.8em 0 .6em;scroll-margin-top:84px}
.prose h3{font-size:22px;line-height:1.25;margin:1.6em 0 .5em;scroll-margin-top:84px}
.prose h4{font-size:18px;margin:1.4em 0 .4em;scroll-margin-top:84px}
.prose a{color:var(--acc);text-decoration:underline;text-underline-offset:3px}
.prose ul,.prose ol{margin:0 0 1.25em;padding-left:1.4em}.prose li{margin:.35em 0}
.prose blockquote{margin:1.6em 0;padding:.4em 0 .4em 1.2em;border-left:4px solid var(--acc);color:var(--mut)}.prose blockquote p{margin:0}
.prose img{max-width:100%;height:auto;border-radius:14px;display:block}
.prose figure{margin:1.8em 0}
.prose hr{border:0;border-top:1px solid var(--bd);margin:2.2em 0}
.prose code{font:.88em ui-monospace,Consolas,monospace;background:var(--surface2);padding:.15em .4em;border-radius:6px}
.prose pre{background:var(--surface2);padding:16px 18px;border-radius:12px;overflow-x:auto;margin:0 0 1.25em}.prose pre code{background:none;padding:0}
@media(max-width:600px){.prose{font-size:17px}.prose h2{font-size:24px}}