html, body { margin: 0; }
body {
  background: #f7f1ef;
  color: #3a1520;
  font: 16px/1.45 "Segoe UI", Tahoma, sans-serif;
}
main { max-width: 40rem; margin: 0 auto; padding: 3.4rem 1.15rem 4rem; }
h1 { margin: 0 0 0.3rem; font-size: 1.8rem; }
.lead { color: #8b2942; margin: 0 0 1.1rem; font-size: 0.92rem; }
textarea, pre {
  width: 100%;
  box-sizing: border-box;
  font: 13px/1.45 ui-monospace, Consolas, monospace;
  background: #fff;
  border: 1px solid #d9c5c8;
  padding: 0.7rem;
}
textarea { resize: vertical; }
h2 { font-size: 0.75rem; letter-spacing: 0.12em; margin: 1.2rem 0 0.4rem; color: #8b2942; }
pre { white-space: pre-wrap; word-break: break-word; min-height: 4rem; margin: 0; }
#err { color: #8b2942; }
.meta { color: #7a5360; font-size: 0.86rem; }