:root {
  --ink: #17181a;
  --paper: #fbfaf8;
  --muted: #6b6f76;
  --rule: #dcd9d4;
  --accent: #1b4fa0;
}
@media (prefers-color-scheme: dark) {
  :root { --ink: #ecebe8; --paper: #16171a; --muted: #9aa0a8; --rule: #32353a; --accent: #9cb9ea; }
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font: 17px/1.55 Charter, Georgia, "Iowan Old Style", serif;
}
main { max-width: 42rem; margin: 0 auto; padding: 2rem 1.25rem 4rem; }
h1 { font-size: 1.5rem; font-weight: 600; margin: 0 0 1rem; }
h2 { font-size: 1.15rem; font-weight: 600; margin: 2rem 0 0.5rem; }
p { margin: 0 0 1rem; }
a { color: var(--accent); }
nav, footer, .meta, .hint, .error, label, button, input, textarea {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
}
nav { font-size: 14px; padding-bottom: 1.5rem; }
nav a, nav .flat { margin-right: 1rem; }
nav .right { float: right; }
nav .flat { color: var(--muted); }
footer { font-size: 14px; margin-top: 3rem; padding-top: 1rem; border-top: 1px solid var(--rule); }
.meta, .hint { color: var(--muted); font-size: 14px; }
.hint { margin: 0.25rem 0 1rem; }
.error { color: var(--ink); font-size: 14px; margin: 0.25rem 0 1rem; }
.item { margin: 0 0 1.5rem; }
.item p { margin: 0.15rem 0 0; }
.block { border-top: 1px solid var(--rule); padding-top: 1.25rem; margin-top: 1.25rem; }
.verbatim { white-space: pre-wrap; }
label { display: block; font-size: 14px; margin-bottom: 0.25rem; }
input, textarea, button { font-size: 17px; }
input, textarea { width: 100%; padding: 0.5rem; border: 1px solid var(--rule);
  background: var(--paper); color: var(--ink); }
input[type="submit"], button { width: auto; margin-top: 0.5rem; padding: 0.5rem 1.25rem;
  border: 1px solid var(--ink); background: var(--ink); color: var(--paper); cursor: pointer; }
form { margin-bottom: 1.5rem; }
.inline-actions { display: flex; gap: 1rem; align-items: center; }
.inline-actions form { margin: 0; }
code { font-size: 15px; word-break: break-all; }