:root { --bg:#EEF2F5; --fg:#1E2329; --sub:#55606B; --line:#C9D3DC; --accent:#5E7184; }
body { margin:0; background:var(--bg); color:var(--fg); font:16px/1.65 "Segoe UI","Malgun Gothic",system-ui,sans-serif; }
main { max-width:720px; margin:0 auto; padding:40px 16px 64px; }
h1 { font-size:28px; margin:0 0 4px; } h2 { font-size:19px; margin:32px 0 8px; }
p, li { color:var(--fg); } .sub { color:var(--sub); margin-top:0; }
a { color:var(--accent); } nav { border-bottom:1px solid var(--line); padding-bottom:12px; margin-bottom:24px; }
nav a { margin-right:16px; } footer { margin-top:48px; border-top:1px solid var(--line); padding-top:12px; color:var(--sub); font-size:14px; }