:root {
  --site-width: 1120px;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 40px;
  --space-5: 64px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --border-color: #e5e7eb;
  --text-main: #1f2937;
  --text-sub: #6b7280;
  --bg-main: #ffffff;
  --bg-soft: #f8fafc;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--text-main);
  background: var(--bg-main);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.7;
}
a { color: inherit; text-decoration: none; }
a:hover { opacity: 0.85; }
img { display: block; max-width: 100%; height: auto; }
p, ul, ol { margin: 0 0 var(--space-2); }
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 var(--space-2);
  line-height: 1.3;
}