:root{
  --paper:#f6f2e9; --ink:#221d17; --muted:#6f665a;
  --line:#ddd4c4; --accent:#8b3a2f; --felt:#2f4034;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);
  font:17px/1.65 Georgia,"Iowan Old Style","Times New Roman",serif}
.wrap{max-width:720px;margin:0 auto;padding:56px 24px 80px}
header{border-bottom:2px solid var(--ink);padding-bottom:22px;margin-bottom:34px}
.kicker{font:600 12px/1 "Helvetica Neue",Arial,sans-serif;letter-spacing:.18em;
  text-transform:uppercase;color:var(--accent);margin-bottom:14px}
h1{font-size:42px;line-height:1.1;margin:0 0 10px;font-weight:normal;letter-spacing:-.01em}
.sub{color:var(--muted);font-style:italic;margin:0}
h2{font-size:23px;font-weight:normal;margin:38px 0 12px;letter-spacing:-.01em}
h2::after{content:"";display:block;width:44px;height:2px;background:var(--accent);margin-top:9px}
p{margin:0 0 16px}
ol,ul{margin:0 0 16px;padding-left:22px}
li{margin-bottom:8px}
figure{margin:26px 0 34px;text-align:center}
figure img{max-width:100%;height:auto}
figcaption{font-size:14px;color:var(--muted);font-style:italic;margin-top:10px}
.note{background:#fff;border-left:4px solid var(--felt);padding:16px 20px;
  margin:26px 0;font-size:16px;color:var(--muted)}
.note b{color:var(--ink);font-weight:600}
table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:16px}
th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line)}
th{font:600 12px/1 "Helvetica Neue",Arial,sans-serif;letter-spacing:.1em;
  text-transform:uppercase;color:var(--muted)}
footer{margin-top:52px;padding-top:20px;border-top:1px solid var(--line);
  color:var(--muted);font-size:14px}
@media(max-width:520px){h1{font-size:32px}.wrap{padding:36px 18px 60px}}