@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600&family=Noto+Serif+KR:wght@500;600&display=swap');

:root {
  --ink: #172820;
  --muted: #5d6b62;
  --paper: #f6f7f3;
  --line: #d7ddd6;
}

* { box-sizing: border-box; }
html, body { margin: 0; }
body {
  background: var(--paper);
  color: var(--ink);
  font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', sans-serif;
  font-size: 16px;
  line-height: 1.75;
}
a { color: inherit; }
header, article, footer {
  width: min(42rem, calc(100% - 2.4rem));
  margin: 0 auto;
}
header {
  padding: 2.4rem 0 1.4rem;
  border-bottom: 1px solid var(--line);
}
header a {
  color: var(--muted);
  text-decoration: none;
  font-size: 0.88rem;
}
h1 {
  margin: 0.7rem 0 0.35rem;
  font-family: 'Noto Serif KR', serif;
  font-size: 1.7rem;
  font-weight: 600;
  letter-spacing: -0.04em;
}
.updated { margin: 0; color: var(--muted); font-size: 0.88rem; }
article { padding: 1.8rem 0 3rem; }
h2 {
  margin: 2rem 0 0.6rem;
  font-size: 1.05rem;
  font-weight: 600;
}
p, li { color: #24332b; }
ul { padding-left: 1.15rem; }
li { margin: 0.25rem 0; }
footer {
  padding: 0 0 2.4rem;
  color: var(--muted);
  font-size: 0.88rem;
}
footer a { margin-right: 0.9rem; }