:root {
  --ink: #1d2433;
  --muted: #5b6475;
  --accent: #2f5d8a;
  --ground: #f7f8fa;
  --rule: #dfe3ea;
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
  :root { --ink: #e8ebf1; --muted: #a3abba; --accent: #8db7e0; --ground: #151a23; --rule: #2a3242; }
}
* { box-sizing: border-box; }
body {
  margin: 0;
  min-height: 100vh;
  background: var(--ground);
  color: var(--ink);
  font: 16px/1.6 -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  padding: max(48px, env(safe-area-inset-top)) 20px max(48px, env(safe-area-inset-bottom));
}
main { max-width: 34rem; margin: 0 auto; }
.eyebrow { margin: 0; color: var(--accent); letter-spacing: 0.08em; text-transform: uppercase; font-size: 0.8rem; font-weight: 600; }
h1 { margin: 0.2rem 0 1rem; font-size: 2.2rem; letter-spacing: -0.01em; }
.lead { font-size: 1.1rem; margin: 0 0 1.5rem; }
ul { margin: 0 0 1.5rem; padding: 1rem 1.25rem 1rem 2.25rem; border: 1px solid var(--rule); border-radius: 10px; }
li + li { margin-top: 0.35rem; }
.note { color: var(--muted); font-size: 0.9rem; margin: 0; }