:root { --bg: #f6f1e7; --ink: #2f2a24; --mute: #8a7f70; --accent: #a4562a; --line: #e2d8c6; }
* { box-sizing: border-box; }
body {
  margin: 0; background: var(--bg); color: var(--ink);
  font: 17px/1.65 "Iowan Old Style", Georgia, serif;
  display: grid; grid-template-columns: 260px minmax(0, 640px); gap: 56px;
  padding: 64px 40px; justify-content: center;
}
.side { position: sticky; top: 64px; align-self: start; font-size: 15px; color: var(--mute); }
.logo { display: block; font-size: 26px; color: var(--accent); text-decoration: none; margin-bottom: 12px; }
.cats { list-style: none; padding: 0; margin: 24px 0 0; }
.cats li { padding: 6px 0; border-top: 1px solid var(--line); }
article { padding-bottom: 32px; margin-bottom: 32px; border-bottom: 1px solid var(--line); }
h2 { font-weight: normal; font-size: 24px; line-height: 1.3; margin: 0 0 6px; }
.when { font-size: 14px; color: var(--mute); margin-bottom: 14px; }
a { color: var(--accent); }
footer { font-size: 14px; color: var(--mute); }
body.lost { display: block; text-align: center; padding-top: 22vh; }
@media (max-width: 760px) {
  body { grid-template-columns: 1fr; gap: 24px; padding: 32px 16px; }
  .side { position: static; }
}