*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --blue: #2563EB; --blue-light: #EFF6FF; --gray-900: #111827;
  --gray-500: #6B7280; --gray-400: #9CA3AF; --gray-200: #E5E7EB;
  --gray-100: #F3F4F6; --white: #FFFFFF;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  background: var(--gray-100); color: var(--gray-900); line-height: 1.7;
  max-width: 680px; margin: 0 auto; padding: 0 20px 80px;
}

.top-bar {
  display: flex; align-items: center; justify-content: center; gap: 6px;
  height: 40px; background: var(--blue); color: var(--white);
  font-size: 13px; font-weight: 600; position: sticky; top: 0; z-index: 20;
}

.legal-back {
  display: inline-block; margin: 24px 0 8px;
  font-size: 14px; color: var(--blue); text-decoration: none; font-weight: 500;
}
.legal-back:hover { text-decoration: underline; }

.legal-page h1 {
  font-size: 24px; font-weight: 800; margin-bottom: 4px;
}

.legal-updated {
  font-size: 13px; color: var(--gray-400); margin-bottom: 32px;
}

.legal-page h2 {
  font-size: 18px; font-weight: 700; margin-top: 32px; margin-bottom: 10px;
  color: var(--gray-900);
}

.legal-page p {
  font-size: 15px; color: var(--gray-700); margin-bottom: 12px;
}

.legal-page ul {
  padding-left: 24px; margin-bottom: 12px;
}

.legal-page li {
  font-size: 15px; color: var(--gray-700); margin-bottom: 8px;
}

.legal-page strong { color: var(--gray-900); }