:root {
  --bg:    #F6F3EE;
  --ink:   #0B0B0B;
  --muted: #6F6A63;
  --card:  #EFEAE2;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  background: var(--bg); color: var(--ink); line-height: 1.6;
}
nav { padding: 24px; }
nav a { color: var(--muted); text-decoration: none; font-weight: 500; }
article { max-width: 720px; margin: 12px auto 80px; padding: 0 24px; }
article h1 { font-size: 40px; letter-spacing: -1px; font-weight: 800; margin: 0 0 6px; }
article h2 { font-size: 18px; margin: 28px 0 8px; letter-spacing: 1.4px; text-transform: uppercase; color: var(--muted); }
article p, article li { color: var(--ink); }
article .meta { color: var(--muted); margin-bottom: 32px; }
article ul { padding-left: 18px; }
article li { margin: 6px 0; }
article a { color: var(--ink); }