body {
  font-family: system-ui, sans-serif;
  max-width: 720px;
  margin: 2rem auto;
  padding: 0 1rem;
}
fieldset { margin-bottom: 1rem; }
label { display: block; margin: 0.5rem 0 0.25rem; }
input, textarea { width: 100%; padding: 0.4rem; font: inherit; }
.row { display: flex; gap: 0.5rem; }
.row > * { flex: 1; }
.group {
  border: 1px solid #ccc;
  padding: 0.75rem;
  margin-bottom: 0.5rem;
  border-radius: 4px;
}
button { padding: 0.5rem 1rem; font: inherit; cursor: pointer; }
pre {
  background: #f4f4f4;
  padding: 1rem;
  white-space: pre-wrap;
}
nav { margin-bottom: 1.5rem; }
nav a { margin-right: 1rem; }

.intro {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 1rem;
  margin-bottom: 1rem;
}
.intro h2 { margin: 0 0 0.5rem; }
.delete-btn { float: right; background: #fee; color: #b00; border: 1px solid #fbb; }
.delete-btn:hover { background: #fbb; }
.meta { color: #666; font-size: 0.9rem; margin-bottom: 0.75rem; }
.section { margin: 0.5rem 0; }
.section-label { font-weight: 600; }
ul { margin: 0.25rem 0 0.5rem 1.25rem; padding: 0; }
blockquote {
  border-left: 3px solid #999;
  margin: 0.5rem 0;
  padding-left: 0.75rem;
  color: #444;
}
.empty, .error { color: #888; font-style: italic; }
.error { color: #b00; }
figure { margin: 0.75rem 0; }
figure img { max-width: 100%; border-radius: 4px; }
figcaption { color: #555; font-size: 0.9rem; margin-top: 0.25rem; }