:root { --fg:#222; --mut:#666; --bg:#fdfdfb; --acc:#2b6cb0; }
* { box-sizing: border-box; }
body { font-family: Georgia, 'Times New Roman', serif; color: var(--fg);
  background: var(--bg); max-width: 720px; margin: 0 auto; padding: 24px 16px; line-height: 1.6; }
header h1 { font-size: 1.5rem; margin-bottom: .2rem; }
header a { color: inherit; text-decoration: none; }
nav { border-bottom: 1px solid #ddd; padding-bottom: .6rem; margin-bottom: 1.4rem; }
nav a { margin-right: 1rem; color: var(--acc); text-decoration: none; font-size: .95rem; }
article { margin-bottom: 2rem; }
h2 { font-size: 1.15rem; margin-bottom: .1rem; }
.meta { color: var(--mut); font-size: .85rem; margin-top: 0; }
a { color: var(--acc); }
footer { border-top: 1px solid #ddd; margin-top: 2rem; padding-top: .8rem;
  font-size: .85rem; color: var(--mut); }