body{margin:0;font:18px/1.55 Georgia,serif;color:#1a1a1a;background:#f4efe4}
a{color:#0b3d2e}
.bar{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;padding:18px 22px;background:#1a1a1a;color:#f4efe4}
.bar a{color:#f4efe4;text-decoration:none}
.brand{font:700 20px/1 Georgia,serif;letter-spacing:.04em}
nav{display:flex;flex-wrap:wrap;gap:10px 14px;font:14px/1.3 sans-serif;justify-content:flex-end}
main{max-width:720px;margin:0 auto;padding:36px 22px 64px}
.kicker{font:13px/1.4 sans-serif;text-transform:uppercase;letter-spacing:.08em;color:#5a3b1a}
h1{font-size:34px;line-height:1.2;margin:.4em 0 .5em}
h2{font-size:22px;margin:1.4em 0 .4em}
h3{font-size:18px;margin:1.1em 0 .3em;font-family:sans-serif}
.lead{font-size:20px}
.btn{display:inline-block;margin:8px 10px 8px 0;padding:10px 16px;background:#1a1a1a;color:#f4efe4;text-decoration:none;font:15px/1.2 sans-serif}
.btn.ghost{background:transparent;color:#1a1a1a;border:1px solid #1a1a1a}
.cards{list-style:none;padding:0;margin:40px 0}
.cards li{border-top:1px solid #d7cbb8;padding:16px 0}
.cards h2{margin-top:0}
footer{max-width:720px;margin:0 auto;padding:0 22px 40px;font:14px/1.5 sans-serif;color:#444}
.note{background:#fff;border:1px solid #d7cbb8;padding:16px 18px;margin:28px 0}
.note h2{margin-top:0}
dl.facts{margin:14px 0 26px;font:15px/1.5 sans-serif}
dl.facts dt{font-weight:700;color:#1a1a1a;margin-top:12px}
dl.facts dd{margin:0;color:#333}
code{font:15px/1.4 ui-monospace,Consolas,monospace;background:#fff;border:1px solid #d7cbb8;padding:1px 5px}
ul,ol{padding-left:22px}
li{margin:.35em 0}