:root { --ink: #2b2622; --paper: #f6f2ea; --rust: #a4451f; --rule: #ded5c6; }
body { font: 14px/1.6 ui-monospace, "DejaVu Sans Mono", monospace;
       max-width: 80ch; margin: 1.2rem auto; padding: 0 1rem;
       color: var(--ink); background: var(--paper); overflow-wrap: anywhere; }
a { color: var(--rust); }
h1 { font-size: 1.6em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1em; }
pre { overflow-x: auto; padding: 0.6rem; background: #ece5d8; }
#markdown { white-space: pre-wrap; overflow-wrap: anywhere; background: none; padding: 0; }
code { background: #ece5d8; }
blockquote { margin-left: 0; padding-left: 1rem; border-left: 2px solid var(--rule); }
hr { border: 0; border-top: 1px solid var(--rule); margin: 1.5rem 0; }
table { display: block; overflow-x: auto; border-collapse: collapse; }
th, td { padding: 0.4rem; border-bottom: 1px solid var(--rule); text-align: left; }
input, button { font: inherit; padding: 0.3rem; border: 1px solid var(--rule); }
input { max-width: 65%; }
button { cursor: pointer; }