:root { --ink: #24201c; --muted: #6f665d; --rule: #ddd5c9; --wine: #6d2b3a; }
* { box-sizing: border-box; }
body { margin: 0; background: #fdfcf9; color: var(--ink);
       font: 17px/1.75 "Iowan Old Style", Palatino, "Book Antiqua", Georgia, serif; }
.wrap { max-width: 700px; margin: 0 auto; padding: 0 24px; }
header { text-align: center; padding: 54px 0 26px; }
h1 { margin: 0; font-size: 32px; font-weight: 400; letter-spacing: .01em; }
.sub { color: var(--muted); font-size: 15px; font-style: italic; margin-top: 6px; }
hr { border: 0; border-top: 1px solid var(--rule); margin: 28px 0; }
h2 { font-size: 19px; font-weight: 600; margin: 30px 0 8px; }
p { margin: 0 0 15px; }
.meeting { background: #f4efe7; border-left: 3px solid var(--wine); padding: 14px 18px; margin: 18px 0; }
.meeting strong { display: block; }
ol { padding-left: 22px; }
li { margin-bottom: 10px; }
.book { font-style: italic; }
.who { color: var(--muted); font-size: 15px; }
blockquote { margin: 18px 0; padding-left: 18px; border-left: 2px solid var(--rule);
             color: #3f3831; font-style: italic; }
footer { text-align: center; color: var(--muted); font-size: 14px; padding: 30px 0 50px; }

/* Illustrations scale down rather than overflowing a phone. */
.figure { display: block; width: 100%; height: auto; margin: 18px 0 24px; border-radius: 6px; }