:root { --ink: #1d1c1a; --paper: #f7f4ee; --muted: #6b665d; --rule: #ddd6c8; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 17px/1.6 Georgia, "Times New Roman", serif; }
header, main, footer { max-width: 44rem; margin: 0 auto; padding: 0 1.25rem; }
header { display: flex; justify-content: space-between; align-items: baseline; padding-top: 2rem; padding-bottom: 1rem; border-bottom: 1px solid var(--rule); }
.mark { font-variant: small-caps; letter-spacing: .06em; color: var(--ink); text-decoration: none; font-size: 1.15rem; }
nav a { color: var(--muted); margin-left: 1rem; text-decoration: none; }
nav a:hover { color: var(--ink); }
h1 { font-weight: normal; font-size: 2rem; line-height: 1.25; margin: 2.5rem 0 1rem; }
h2 { font-weight: normal; font-size: 1.2rem; margin-top: 2.5rem; border-top: 1px solid var(--rule); padding-top: 1rem; }
ul { padding-left: 1.1rem; }
li { margin: .4rem 0; }
a { color: #6a3d1f; }
.meta { color: var(--muted); font-size: .9rem; }
footer { color: var(--muted); font-size: .85rem; margin-top: 4rem; padding-top: 1rem; padding-bottom: 3rem; border-top: 1px solid var(--rule); }