:root { color-scheme: light; }
* { box-sizing: border-box; }
body {
  margin: 0 auto; max-width: 42rem; padding: 1.5rem 1.25rem 3rem;
  font-family: Georgia, "Times New Roman", serif;
  color: #26241f; background: #faf8f3; line-height: 1.65;
}
.site-header {
  display: flex; justify-content: space-between; align-items: baseline;
  border-bottom: 1px solid #ddd5c3; padding-bottom: .8rem; margin-bottom: 2rem;
}
.brand { font-size: 1.5rem; font-weight: bold; color: #26241f; text-decoration: none; letter-spacing: .02em; }
nav a { margin-left: 1.1rem; color: color: #6b6450; text-decoration: none; font-size: .95rem; }
nav a:hover { text-decoration: underline; }
.intro { font-size: 1.08rem; color: #454136; }
.note { margin: 2.2rem 0; }
.note h2 { margin: 0 0 .3rem; font-size: 1.3rem; }
.note h2 a { color: #26241f; text-decoration: none; }
.note h2 a:hover { text-decoration: underline; }
.meta { color: #8a8268; font-size: .85rem; margin: 0 0 .6rem; text-transform: uppercase; letter-spacing: .08em; }
h1 { font-size: 1.7rem; }
footer { margin-top: 3.5rem; border-top: 1px solid #ddd5c3; padding-top: 1rem; color: #8a8268; font-size: .88rem; }
a { color: #4a5d7e; }