/* Terms / Privacy pages - same look as the web app (index.html): black page, white card. */
* { box-sizing: border-box; }
body {
  margin: 0; background: #000; color: #1e1e22;
  font-family: -apple-system, "Segoe UI", Pretendard, sans-serif; line-height: 1.6;
}
.wrap { max-width: 720px; margin: 0 auto; padding: 32px 16px 48px; }
.brand {
  display: block; text-align: center; margin-bottom: 24px; color: #fff; text-decoration: none;
  font-family: 'Silkscreen', sans-serif; font-weight: 700; font-size: 33px; letter-spacing: 0.06em;
}
.card { background: #fff; border: 1px solid #e2e4ea; border-radius: 12px; padding: 28px 28px 32px; }
h1 { font-size: 24px; margin: 0 0 4px; }
h2 { font-size: 17px; margin: 28px 0 8px; }
h3 { font-size: 14px; margin: 16px 0 4px; }
p, li { font-size: 14px; }
ul { padding-left: 20px; }
a { color: #0078d4; }
.updated { color: #6b6f7a; font-size: 13px; margin: 0 0 20px; }
.siteFooter { margin-top: 24px; text-align: center; font-size: 12px; color: #6b6f7a; }
.siteFooter a { color: #9a9ea8; text-decoration: none; }
@media (max-width: 480px) { .card { padding: 22px 18px 26px; } }