:root {
  --cb-700: #0f4c81;
  --ink-900: #0f1b28;
  --ink-700: #32475c;
  --ink-500: #667c92;
  --line: #dde6ee;
  --canvas: #f4f7fb;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  padding: 48px 20px 80px;
  background: var(--canvas);
  color: var(--ink-900);
  font-family: 'Pretendard Variable', Pretendard, 'Apple SD Gothic Neo',
    ui-sans-serif, system-ui, sans-serif;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
}
main { max-width: 640px; margin: 0 auto; }
h1 { font-size: 24px; margin: 0 0 4px; letter-spacing: -0.01em; }
h2 { font-size: 16px; margin: 32px 0 8px; color: var(--cb-700); }
p, li { color: var(--ink-700); font-size: 15px; }
ul { padding-left: 20px; }
li { margin: 4px 0; }
a { color: var(--cb-700); }
.updated { color: var(--ink-500); font-size: 13px; margin: 0 0 28px; }
.card {
  background: #fff; border: 1px solid var(--line); border-radius: 18px;
  padding: 4px 24px 24px;
}
footer { margin-top: 32px; font-size: 13px; color: var(--ink-500); }