:root {
  --bg: #f7fcff;
  --ink: #0f2a33;
  --muted: #4a6a74;
  --teal: #0d9488;
  --teal-dark: #0f766e;
  --line: #d7ebe8;
  font-family: "DM Sans", system-ui, sans-serif;
  color: var(--ink);
  line-height: 1.55;
}
body {
  margin: 0;
  background: var(--bg);
}
.wrap { max-width: 40rem; margin: 0 auto; padding: 1.25rem 1.25rem 4rem; }
.logo { font-family: Fraunces, Georgia, serif; font-size: 1.6rem; font-weight: 700; color: var(--ink); text-decoration: none; }
.logo span { color: var(--teal); }
nav { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem; }
nav a.contact { color: var(--muted); font-weight: 600; text-decoration: none; }
h1, h2 { font-family: Fraunces, Georgia, serif; }
h1 { font-size: 2.2rem; margin: 0 0 0.4em; }
h2 { font-size: 1.35rem; margin-top: 2rem; }
.updated { color: var(--muted); font-size: 0.9rem; }
footer { margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid var(--line); color: var(--muted); font-size: 0.9rem; }
footer a { color: var(--ink); font-weight: 600; margin-right: 1rem; }
a { color: var(--teal-dark); }