:root { --bg:#F3F4F1; --ink:#2B3036; --sub:#6B7178; --fill:#C9D6CC; --surface:#FBFBF9; --ok:#5F7A68; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font-family:"Hiragino Maru Gothic ProN","Hiragino Sans",system-ui,sans-serif; line-height:1.8; -webkit-text-size-adjust:100%; }
main { max-width:640px; margin:0 auto; padding:48px 16px 64px; }
h1 { font-size:28px; margin:0 0 8px; }
h2 { font-size:18px; margin:32px 0 8px; }
p { margin:0 0 12px; }
.lead { color:var(--sub); }
.card { background:var(--surface); border-radius:16px; padding:20px; margin-top:24px; }
.button { display:inline-block; background:var(--ink); color:#fff; text-decoration:none; padding:12px 24px; border-radius:12px; font-weight:bold; }
a { color:var(--ok); }
footer { margin-top:48px; font-size:14px; color:var(--sub); }