:root {
  --ink: #1e2a24;
  --mute: #5a6b62;
  --line: #d4d8d6;
  --page: #e6e8ea;
  --surface: #eef0f2;
  --sst: #008c45;
  --sst-deep: #0d4a2c;
}
* { box-sizing: border-box; }
html, body { margin: 0; }
body {
  font-family: Nunito, system-ui, sans-serif;
  color: var(--ink);
  background: var(--page);
  line-height: 1.55;
}
a { color: var(--sst-deep); }
.nav {
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 28px;
  background: var(--surface);
  border-bottom: 1px solid var(--line);
}
.brand {
  display: flex; align-items: center; gap: 10px;
  text-decoration: none; color: var(--ink);
  font-weight: 800; font-size: 1.08rem;
}
.brand img { width: 40px; height: 40px; }
.wrap {
  max-width: 760px;
  margin: 0 auto;
  padding: 36px 24px 72px;
}
h1 { font-size: 1.8rem; font-weight: 800; margin: 0 0 8px; }
.date { color: var(--mute); margin: 0 0 28px; }
h2 { font-size: 1.15rem; font-weight: 800; margin: 28px 0 8px; }
p, li { color: #333; }
footer {
  padding: 18px 28px 28px; text-align: center;
  color: var(--mute); font-size: 0.8rem;
}
footer a { color: var(--mute); margin: 0 8px; }