body { font: 16px/1.5 system-ui, sans-serif; margin: 0; background: #faf8f5; color: #222; }
main { max-width: 640px; margin: 2rem auto; padding: 0 1rem; }
h1 { font-size: 1.4rem; }
h2 { font-size: 1.15rem; margin-top: 1.5rem; }
label { display: block; font-weight: 600; margin-top: 1rem; }
input, textarea { width: 100%; box-sizing: border-box; padding: .5rem; font: 14px ui-monospace, monospace; border: 1px solid #bbb; border-radius: 4px; }
button { margin-top: 1rem; padding: .6rem 1.2rem; font-size: 1rem; border: 0; border-radius: 4px; background: #2d6a4f; color: #fff; cursor: pointer; }
button.secondary { background: #777; }
code { background: #eee; padding: 0 .25rem; border-radius: 3px; word-break: break-all; }
.note { background: #e9f5ee; padding: .5rem .75rem; border-radius: 4px; }
.small { font-size: .85rem; color: #555; }
details { margin-top: 1.5rem; border-top: 1px solid #ddd; padding-top: .75rem; }
summary { cursor: pointer; font-weight: 600; }