.container {
  max-width: 720px;             /* limit width of content column */
  margin: 0 auto;               /* center container horizontally */
  padding: 0 1rem;               /* optional: add side padding if you want a gap from edges */
}

/* header image: truly centered, never cropped, no inherited floats */
header img {
  display: block;        /* stop inline baseline quirks */
  margin: 0 auto;        /* center horizontally */
  max-width: 100%;       /* responsive */
  height: auto;          /* keep aspect ratio */
  float: none;           /* override any legacy float */
}

body { background-color: cornsilk; }
h1   { text-align: center; color: #5d1308; }
.date { text-align: center; font-style: italic; }
header { text-align: center; }
.post-content p {
  text-align: left;             /* ensure normal paragraphs are left-aligned (default) */
}

.post-nav {
  display: flex;
  gap: 1rem;
  margin-top: 2rem;
}

.post-nav a {
  color: #5d1308;
  text-decoration: none;
}

.post-nav a:hover { text-decoration: underline; }

.post-nav a.prev { margin-right: auto; } /* pushes prev to far left */
.post-nav a.next { margin-left: auto; }  /* pushes next to far right */