* { box-sizing:border-box; } html { background:#e8e7e0; scroll-behavior:smooth; } body { margin:0; color:#222; background:#e8e7e0; font-family:Georgia,"Times New Roman",serif; font-size:16px; line-height:1.58; }.page { width:min(840px,calc(100% - 28px)); margin:22px auto; border:1px solid #8b8b85; background:#fffefa; box-shadow:0 1px 4px #a6a59c; }header { border-bottom:4px double #575751; }.utility { margin:0; padding:6px 22px; background:#e1e0d9; border-bottom:1px solid #aaa9a1; color:#494943; font-family:Arial,sans-serif; font-size:10px; font-weight:bold; letter-spacing:.08em; text-align:right; }.masthead { padding:32px 35px 25px; text-align:center; }.masthead h1 { margin:0; color:#263d39; font-family:Arial,sans-serif; font-size:58px; font-weight:normal; letter-spacing:.22em; line-height:1; }.masthead p { margin:13px 0 0; color:#555; font-size:18px; }.section-nav { position:sticky; top:0; z-index:2; display:flex; justify-content:center; gap:0; border-bottom:1px solid #85857e; background:#ebeae3; font-family:Arial,sans-serif; }.section-nav a { padding:8px 11px; border-right:1px solid #bbb9b0; color:#263d39; font-size:11px; text-decoration:none; }.section-nav a:last-child { border-right:0; }.section-nav a:hover { background:#263d39; color:#fffefa; }main { padding:0 57px; }section { padding:37px 0; border-bottom:1px solid #c5c4bd; scroll-margin-top:39px; }.opening { padding-top:43px; }.opening p:first-child { margin-top:0; font-size:21px; line-height:1.5; }p { margin:0 0 19px; }h2 { margin:0 0 25px; color:#263d39; font-size:29px; font-weight:normal; line-height:1.2; }h3 { margin:29px 0 7px; color:#263d39; font-size:18px; }.centered { margin:30px 35px; color:#263d39; font-size:20px; font-weight:bold; line-height:1.45; text-align:center; }blockquote { margin:31px 28px; padding:16px 24px; border-top:1px solid #a2a197; border-bottom:1px solid #a2a197; color:#334b46; font-size:19px; line-height:1.5; text-align:center; }.idea-map { margin:32px 0 25px; padding:8px; border:1px solid #a5a59d; background:#f1f0e9; }.idea-map img { display:block; width:100%; height:auto; border:1px solid #c7c6bd; }.idea-map figcaption { padding:11px 5px 3px; color:#4a514e; font-size:14px; line-height:1.45; }dl { margin:27px 0; border-top:1px solid #bcbcb5; }dt { padding:13px 0 2px; border-top:1px solid #d6d5cf; color:#263d39; font-weight:bold; }dt:first-child { border-top:0; }dd { margin:0; padding:0 0 12px; }ol { padding-left:25px; }li { padding-left:5px; margin:18px 0; }li p { margin:4px 0; }.last { border-bottom:0; }.closing { margin:42px 20px 4px; color:#263d39; font-size:25px; font-weight:bold; line-height:1.45; text-align:center; }footer { padding:16px 25px; border-top:4px double #575751; background:#e1e0d9; color:#4b4b46; font-family:Arial,sans-serif; font-size:11px; text-align:center; }footer .author { display:inline-block; margin-top:5px; }footer a { color:#263d39; }footer a:hover { color:#000; }@media(max-width:600px){.page{width:100%;margin:0;border-inline:0}.masthead{padding:26px 16px 21px}.masthead h1{font-size:42px;letter-spacing:.14em}.masthead p{font-size:16px}.section-nav{justify-content:flex-start;overflow-x:auto}.section-nav a{flex:none;padding:9px 10px;font-size:10px}main{padding:0 24px}section{padding:30px 0}h2{font-size:26px}blockquote{margin:25px 0;padding:14px;font-size:18px}.idea-map{margin-inline:0}.centered{margin:27px 8px;font-size:19px}.closing{margin-inline:4px;font-size:23px}}