main{max-width:1200px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
@media(max-width:760px){.split{grid-template-columns:1fr}}
#src{height:70vh;min-height:260px;resize:vertical;line-height:1.5}
#out{height:70vh;min-height:260px;overflow:auto;overflow-wrap:anywhere}
@media(max-width:760px){#src,#out{height:50vh}}
.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}
.md h1,.md h2,.md h3,.md h4,.md h5,.md h6{margin:1.2em 0 .4em;line-height:1.25}
.md h1{font-size:1.5rem}.md h2{font-size:1.25rem}.md h3{font-size:1.1rem}.md h4,.md h5,.md h6{font-size:1rem}
.md p,.md ul,.md ol,.md pre,.md blockquote,.md table{margin:0 0 .9em}
.md ul,.md ol{padding-left:1.6em}
.md code{background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:0 4px}
.md pre code{border:0;padding:0;background:none}
.md blockquote{border-left:3px solid var(--accent);padding-left:12px;color:var(--muted)}
.md hr{border:0;border-top:1px solid var(--line);margin:1.2em 0}
.md table{width:auto;display:block;overflow-x:auto}
.md th,.md td{border:1px solid var(--line);padding:4px 10px}
.md li>ul,.md li>ol{margin:0}