/* ---------- Global ---------- */

html,
body {
  margin: 0;
  padding: 0;
}

body {
  background-color: #f4f1ea;          /* page background (parchment-like) */
  color: #222;
  font-family: "Georgia", "Times New Roman", serif;
  line-height: 1.5;
}

/* Wrapper to keep the page narrow and centred */
.page-wrapper {
  max-width: 960px;
  margin: 0 auto;
  background-color: #fdfaf3;
  border-left: 1px solid #d6cbb8;
  border-right: 1px solid #d6cbb8;
  box-shadow: 0 0 6px rgba(0,0,0,0.12);
}


p.edtext (margin-left:30px; margin-right: 30px)

/* ---------- Links ---------- */

a {
  color: #003366;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* ---------- Banner ---------- */

.site-banner {
  position: relative;
  height: 128px;
  overflow: hidden;
  border-bottom: 1px solid #c9c0b3;
}

/* We are using the Highsmith image as a CSS background */
.banner-image {
  position: absolute;
  inset: 0;
  background-image: url("https://upload.wikimedia.org/wikipedia/commons/4/4a/Canterbury-west-Winter-Highsmith.jpeg");
  background-size: cover;
  background-position: center;
  height: 128px;
}

/* ---------- Main text area ---------- */

/* Put all main text inside the same centred column as the reference site */
body > p,
body > main,
.image-credit {
  max-width: 960px;
}


/* Space between banner and text */
.image-credit {
  font-size: 0.75rem;
  color: #666;
  padding: 0.5rem 2rem 0.5rem;
  border-bottom: 1px solid #d6cbb8;
  background-color: #f4f1ea;
}

/* Main content paragraphs */
body > p {
  padding: 0 2rem;
  font-size: 1rem;
}

/* First paragraph after the credit: a bit more space above */
body > p:nth-of-type(2) {
  margin-top: 1.5rem;
}

/* Space between “edition” entries */
body > p + p {
  margin-top: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #e2d8c7;
}

body > p:last-of-type {
  border-bottom: none;
}
/* Make the tale titles stand out a little */
body > p a strong {
  font-size: 1.05rem;
}
/* ---------- Small-screen tweaks ---------- */

@media (max-width: 700px) {
  .site-banner {
    height: 128px;
  }

  .image-credit,
  body > p {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}