:root { color-scheme: light; }
body {
  margin: 0; padding: 2.5rem 1.5rem 5rem;
  background: #efe6cf; color: #3d2f1f;
  font-family: 'Iowan Old Style', 'Palatino', Georgia, serif;
  line-height: 1.6;
}
main { max-width: 760px; margin-inline: auto; }
header { text-align: center; margin-bottom: 1rem; }
h1 { font-size: 2rem; letter-spacing: 0.12em; margin: 0; }
h1 a { color: inherit; text-decoration: none; }
.tagline { font-style: italic; color: #6b5a40; margin: 0.3rem 0 0; }
nav { text-align: center; font-size: 0.8rem; letter-spacing: 0.12em;
  color: #857257; margin: 0.9rem 0 0; }
nav a { color: inherit; }
[aria-current="page"] { font-weight: 700; }
h2 { letter-spacing: 0.06em; border-bottom: 1px solid #b9a77f;
  padding-bottom: 0.3rem; margin-top: 2.8rem; }
.toc { background: #f4ecd8; border: 1.5px solid #b9a77f; border-radius: 4px;
  padding: 1rem 1.4rem; margin: 2rem 0 1rem; }
.toc strong { letter-spacing: 0.08em; font-size: 0.8rem; color: #857257;
  display: block; margin-bottom: 0.4rem; text-transform: uppercase; }
.toc ul { margin: 0; padding-left: 1.1rem; }
.toc a { color: #4a3826; }
.q { font-weight: 600; color: #4a3826; margin: 1.6rem 0 0.3rem;
  font-size: 1.08rem; }
.a { margin: 0; }
a { color: #6b5a40; }
code { background: #e6d9b8; padding: 0.1em 0.4em; border-radius: 3px;
  font-size: 0.9em; font-family: ui-monospace, 'SF Mono', Menlo, monospace; }
footer { margin-top: 4rem; text-align: center; letter-spacing: 0.22em;
  font-size: 0.72rem; color: #857257; }
footer a { color: inherit; }