html { scrollbar-gutter: stable; }
body {
  line-height: 1.4;
  font-size: 16px;
  padding: 0 10px;
  margin: 50px auto;
  max-width: 650px;
}
img { max-width: 100%; height: auto; display: block; margin: 20px auto; }

a.plain-link { color: inherit; text-decoration: none; }
a.plain-link:hover { text-decoration: underline; }

.muted, time { color: #555; }

/* one row per entry: title left, date right */
.entry { display: flex; justify-content: space-between; gap: 1rem; }
.entry > :last-child { white-space: nowrap; }
ul.plain { list-style: none; padding: 0; }

/* Mechanize's scale: title = h2 size, sections = h3, items = h4 */
h1 { font-size: 1.5em; }
h2 { font-size: 1.17em; }
h3 { font-size: 1em; }