:root { color-scheme: light; }
* { box-sizing: border-box; }
body { margin: 0; background: #f8fafc; color: #0f172a; font-family: -apple-system, BlinkMacSystemFont, "Pretendard", "Segoe UI", Roboto, sans-serif; line-height: 1.7; }
.legal { max-width: 760px; margin: 0 auto; padding: 24px 16px 64px; }
.legal h1 { font-size: 26px; margin: 12px 0; color: #147d78; }
.legal h2 { font-size: 18px; margin: 28px 0 6px; color: #173d39; }
.legal ul { padding-left: 20px; }
.legal a { color: #147d78; }
.legal-nav { font-size: 14px; margin: 0 0 8px; }
.plan-table { width: 100%; border-collapse: collapse; margin: 16px 0; background: #ffffff; }
.plan-table th, .plan-table td { border: 1px solid #cbd5e1; padding: 10px 12px; text-align: left; vertical-align: top; font-size: 14px; }
.plan-table thead th { background: #eef6f4; color: #173d39; }
@media (prefers-color-scheme: dark) {
  :root { color-scheme: dark; }
  body { background: #0b1220; color: #e2e8f0; }
  .legal h1 { color: #5eead4; }
  .legal h2 { color: #99f6e4; }
  .legal a { color: #5eead4; }
  .plan-table { background: #111827; }
  .plan-table th, .plan-table td { border-color: #334155; }
  .plan-table thead th { background: #132e2b; color: #99f6e4; }
}