body { font: 17px/1.45 system-ui, sans-serif; margin: 0; background: #f6f6f4; color: #1d1d1b; }
main { max-width: 32em; margin: 0 auto; padding: 1.5em 1.2em 3em; }
h1 { font-size: 1.1em; color: #555; margin: 0 0 1em; }
h2 { font-size: 1.4em; margin: 0 0 .6em; }
pre { white-space: pre-wrap; word-break: break-word; background: #fff; border: 1px solid #ddd; border-radius: 8px; padding: .9em; font: 15px/1.4 ui-monospace, monospace; }
button { display: block; width: 100%; font: inherit; font-weight: 600; padding: .9em; margin: .6em 0; border: 0; border-radius: 10px; background: #1d4ed8; color: #fff; }
button.secondary { background: #e5e5e2; color: #1d1d1b; }
.error { color: #b91c1c; min-height: 1.4em; }