:root {
  --cream: #f7f1e8;
  --ink: #2e2420;
  --muted: #6b5a4e;
  --clay: #a84f32;
  --line: #e3d6c5;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--cream);
  color: var(--ink);
  font: 17px/1.6 'Figtree', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
header { background: var(--ink); color: var(--cream); padding: 40px 20px 32px; }
header p { margin: 0 0 6px; color: #d9a85b; font-weight: 700; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; }
header h1 { margin: 0; font: 700 34px/1.1 'Bricolage Grotesque', 'Figtree', sans-serif; letter-spacing: -0.5px; }
main { max-width: 720px; margin: 0 auto; padding: 28px 20px 64px; }
h2 { font: 700 21px/1.25 'Bricolage Grotesque', 'Figtree', sans-serif; margin: 32px 0 8px; }
p, li { margin: 0 0 12px; }
ul { padding-left: 22px; }
a { color: var(--clay); }
.updated { color: var(--muted); font-style: italic; }
.short { background: #fffbf5; border: 1px solid var(--line); border-radius: 14px; padding: 14px 16px; }
footer { border-top: 1px solid var(--line); color: var(--muted); font-size: 14px; padding: 20px; text-align: center; }
.links a { display: block; padding: 14px 0; border-bottom: 1px solid var(--line); font-weight: 700; text-decoration: none; }