:root {
--bg: #f7f8fa;
--card: #ffffff;
--text: #16181d;
--muted: #5b6474;
--brand: #0aa35a;
--line: #e7e9ef;
--container: min(900px, 92vw);
}


body {
margin: 0;
font-family: system-ui, -apple-system, Segoe UI, Roboto, Noto Sans JP, Helvetica, Arial, sans-serif;
line-height: 1.6;
color: var(--text);
background: var(--bg);
}


.container { width: var(--container); margin-inline: auto; padding: 20px; }
.site-header { border-bottom: 1px solid var(--line); padding: 10px 0; }
.brand a { color: var(--brand); text-decoration: none; font-size: 1.2rem; font-weight: 700; }


.hero { padding: 80px 0; text-align: center; }
.hero h1 { font-size: 2.2rem; margin-bottom: 10px; }
.lead { color: var(--muted); }


.section { padding: 40px 0; border-top: 1px solid var(--line); }
.section h2 { margin-bottom: 10px; }


.site-footer { border-top: 1px solid var(--line); padding: 20px 0; text-align: center; font-size: 0.9rem; color: var(--muted); }