body{font-family:system-ui,sans-serif;margin:0;color:#1a1a1a;background:#fafafa}
nav{display:flex;gap:1rem;align-items:center;padding:.6rem 1rem;background:#1a1a1a}
nav a,nav .who{color:#fff;text-decoration:none}
nav .who{margin-left:auto;opacity:.7}
main{max-width:56rem;margin:1rem auto;padding:0 1rem}
section{background:#fff;border:1px solid #ddd;border-radius:6px;padding:.75rem 1rem;margin:1rem 0}
h1,h2,h3{margin:.4rem 0}
.text{white-space:pre-wrap;margin:.25rem 0}
.why{color:#555}
.badge{font-size:.75rem;padding:.1rem .4rem;border-radius:4px;background:#eee}
.err{background:#fde8e8;border:1px solid #e0a0a0;padding:.5rem 1rem;border-radius:6px}
form.inline{display:inline;margin:0}
input[type=text],textarea,select{width:100%;box-sizing:border-box;font:inherit;padding:.3rem}
textarea{min-height:5rem}
button{font:inherit;padding:.25rem .7rem;cursor:pointer}
table{border-collapse:collapse;width:100%}
td,th{border-bottom:1px solid #eee;padding:.3rem;text-align:left;vertical-align:top}
code{font-size:.8rem;word-break:break-all}