:root {
  --bg: #0e0f10;
  --fg: #e9e6df;
  --muted: #8d8a83;
  --line: #2a2b2d;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
  background: var(--bg);
  color: var(--fg);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 56px 20px;
  -webkit-font-smoothing: antialiased;
}
main { max-width: 640px; margin: 0 auto; }
.mark {
  display: block;
  color: var(--fg);
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 0.32em;
  font-weight: 600;
  padding-bottom: 28px;
  border-bottom: 1px solid var(--line);
  margin-bottom: 36px;
}
h1 { font-size: 30px; font-weight: 400; margin-bottom: 8px; }
h2 { font-size: 15px; font-weight: 600; letter-spacing: 0.04em; margin: 32px 0 10px; }
p { color: var(--muted); font-size: 16px; line-height: 1.65; margin-bottom: 12px; }
.meta { font-size: 13px; margin-bottom: 28px; }
a { color: var(--fg); }
footer {
  margin-top: 48px;
  padding-top: 20px;
  border-top: 1px solid var(--line);
  font-size: 12px;
}
footer a { color: var(--muted); text-decoration: none; margin-right: 18px; }
footer a:hover, footer a:focus-visible { color: var(--fg); }