/* Base styles */
body {
  font-family: Georgia, "Times New Roman", serif;
  line-height: 1.7;
  max-width: 560px;
  margin: 120px auto;
  padding: 0 24px;
  background: #f5f1e8;
  color: #2b2b2b;
  text-align: left;
}

/* Headings */
h1, h2 { font-weight: normal; text-wrap: balance; }

h1 {
  margin-bottom: 4px;
  text-align: right;  /* right-justify main title */
}

h1 a {
  color: inherit;
  text-decoration: none;
}

.masthead-subtitle {
  text-align: left;   /* optional: Instruments for Noticing aligns left */
  margin-bottom: 8px;
}

.subtitle {
  margin-top: -12px;
  font-style: italic;
  text-align: right;
}

.project-subtitle {
  font-size: 1.15em;  /* slightly larger than body text */
  text-align: left;    /* now left-aligned with the rest of the content */
}

h2 {
  margin-top: 40px;
  margin-bottom: 6px;
}

/* Links */
a { color: #7a5c1f; text-decoration: none; }
a:hover { text-decoration: underline; }

/* Sections */
.section { margin-top: 40px; }
.entry { margin: 4px 0; }
.small { color: #777; }
p { margin: 8px 0; }
time { color: #777; }

/* Attribution paragraph */
.attribution {
  margin: 70px 0;
}

/* Horizontal rules */
hr {
  border: none;
  border-top: 1px solid #2b2b2b;
  margin: 40px 0;
  width: 100%;
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
  body { background: #161616; color: #f2efe8; }
  a { color: #c6a85a; }
  .small, time { color: #aaa; }
}