/* Minimal styles: readable text, nothing more. */
body {
  font-family: Georgia, serif;
  line-height: 1.5;
  max-width: 40rem;
  margin: 0 auto;
  padding: 1rem;
  color: #222;
  background: #fdfcf9;
}

nav {
  display: flex;
  gap: 1rem;
  align-items: center;
  border-bottom: 1px solid #ddd;
  padding-bottom: 0.5rem;
}

nav form { display: inline; margin: 0; }

button.link {
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  color: #0645ad;
  text-decoration: underline;
  cursor: pointer;
}

.notice { color: #276b2e; }
.alert { color: #a32020; }

input[type=text], input[type=email], input[type=password], input[type=url], textarea {
  width: 100%;
  max-width: 30rem;
  padding: 0.3rem;
  font: inherit;
}

table { border-collapse: collapse; width: 100%; margin-top: 1rem; }
th, td { text-align: left; padding: 0.3rem 0.5rem 0.3rem 0; vertical-align: top; }
.muted { color: #777; }

form.inline { display: inline; }
.actions { display: flex; gap: 1rem; align-items: center; }
.actions form { margin: 0; }
fieldset { border: 1px solid #ddd; margin: 1rem 0; }

blockquote.tail {
  margin: 1rem 0;
  padding: 0.5rem 1rem;
  border-left: 3px solid #ccc;
  font-style: italic;
}

.full-story { margin: 1.5rem 0; }
.contribution { margin-bottom: 1.5rem; }
.contribution .author { color: #777; font-style: italic; text-align: right; }

.admin-view { border: 1px dashed #c9a; padding: 0 1rem; margin: 1rem 0; }