:root {
  --bg: #f4f1ea;
  --fg: #1c1a17;
  --muted: #5c574e;
  --line: #ddd6c8;
  --mark: #2a4a6b;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body {
  background: var(--bg);
  color: var(--fg);
  font-family: ui-sans-serif, system-ui, -apple-system, sans-serif;
  min-height: 100dvh;
}
a { color: var(--mark); text-decoration: none; }
a:hover { text-decoration: underline; }
.menu {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  align-items: center;
  padding: 14px 18px;
  border-bottom: 1px solid var(--line);
  font-size: 13px;
}
.menu a { color: var(--muted); text-decoration: none; }
.menu a:hover, .menu a.here { color: var(--fg); }
.wrap { max-width: 640px; margin: 0 auto; padding: 32px 18px 72px; }