:root{--ink:#26221c;--paper:#faf7f1;--clay:#b3552e;--pine:#1f4a3d;--sand:#e9e2d4;--soft:#6b6355}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Iowan Old Style','Palatino Linotype',Palatino,Georgia,serif;background:var(--paper);color:var(--ink);line-height:1.65;font-size:17px}
header{background:var(--pine);padding:1.1rem 1.25rem}
header .wrap{max-width:880px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1.4rem}
.brand{color:#f2ead9;font-size:1.25rem;font-weight:700;letter-spacing:.02em;text-decoration:none}
nav{display:flex;flex-wrap:wrap;gap:.2rem 1.1rem}
nav a{color:#cfc4ab;text-decoration:none;font-size:.95rem}
nav a:hover{color:#fff;text-decoration:underline}
main{max-width:880px;margin:0 auto;padding:2.2rem 1.25rem 3rem}
h1{font-size:1.9rem;line-height:1.25;margin-bottom:1rem;color:var(--pine)}
h2{font-size:1.3rem;margin:2rem 0 .6rem;color:var(--clay)}
p{margin-bottom:1rem;max-width:64ch}
a{color:var(--clay)}
.lede{font-size:1.12rem;color:var(--soft)}
.note{background:var(--sand);border-left:4px solid var(--clay);padding:.9rem 1.1rem;margin:1.4rem 0;max-width:64ch}
footer{border-top:1px solid var(--sand);margin-top:2rem;padding:1.4rem 1.25rem 2.2rem;color:var(--soft);font-size:.9rem}
footer .wrap{max-width:880px;margin:0 auto}
ul{margin:0 0 1rem 1.2rem;max-width:62ch}
li{margin-bottom:.45rem}
@media(max-width:480px){body{font-size:16px}h1{font-size:1.55rem}}