:root{font-family:system-ui,sans-serif;color:#202124;background:#fff}body{max-width:760px;margin:0 auto;padding:2rem 1.25rem;line-height:1.65}header{display:flex;justify-content:space-between;border-bottom:1px solid #ddd;padding-bottom:1rem}a{color:inherit}nav{display:flex;gap:1rem}article{margin:3rem 0}h1{line-height:1.15}img{max-width:100%;height:auto}pre{overflow:auto;background:#f4f4f4;padding:1rem}aside.callout{padding:1rem;background:#f2f4f7;border-left:4px solid #718096}footer{margin-top:5rem;color:#777;font-size:.85rem}.editor{min-height:60vh;border:1px solid #ccc;padding:1rem}.editor-toolbar{display:flex;gap:.5rem;position:sticky;top:0;background:white;padding:.5rem}.editor-toolbar button{padding:.4rem}.post-row{padding:1rem 0;border-bottom:1px solid #ddd}input,textarea{display:block;width:100%;box-sizing:border-box;padding:.7rem;margin:.4rem 0 1rem}button{padding:.7rem 1rem}
.ProseMirror{min-height:55vh;outline:none}.ProseMirror>*+*{margin-top:.8rem}.drag-handle{position:absolute;left:-2rem;border:0;background:transparent;color:#888;cursor:grab}.slash-menu{z-index:20;display:grid;min-width:180px;background:white;border:1px solid #ddd;box-shadow:0 6px 20px #0002;padding:.25rem}.slash-menu button{text-align:left;background:white;border:0;padding:.5rem}.slash-menu button:hover{background:#f0f0f0}