:root {
  --paper: #f3efe6;
  --card: #fbf9f4;
  --ink: #1f1d1a;
  --muted: #6b665d;
  --rule: rgba(90, 84, 74, 0.22);
  --accent: #4d785c;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--paper);
  background-image:
    linear-gradient(rgba(115, 115, 102, 0.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(115, 115, 102, 0.12) 1px, transparent 1px);
  background-size: 16px 16px;
  color: var(--ink);
  font-family: "Gowun Dodum", -apple-system, "Apple SD Gothic Neo", sans-serif;
  line-height: 1.75;
}
main {
  max-width: 720px;
  margin: 0 auto;
  padding: 48px 16px 72px;
}
header { margin-bottom: 28px; }
.brand { font-size: 15px; letter-spacing: 0.14em; color: var(--muted); }
h1 { font-size: 30px; font-weight: 400; margin: 6px 0 4px; }
.date { color: var(--muted); font-size: 14px; }
section {
  background: var(--card);
  border: 1px solid var(--rule);
  border-radius: 10px;
  padding: 20px 20px 8px;
  margin: 16px 0;
}
h2 { font-size: 19px; font-weight: 400; margin: 0 0 8px; }
p, li { font-size: 16px; }
ul { padding-left: 20px; }
a { color: var(--accent); }
nav { margin-top: 32px; font-size: 15px; color: var(--muted); }
nav a { margin-right: 14px; }