/* terms.html — external so the site CSP (style-src 'self') allows it. */
:root { color-scheme: light; }
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  color: #1a1d21;
  background: #f2f4f7;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
main { max-width: 720px; margin: 0 auto; padding: 40px 20px 80px; }
h1 { font-size: 28px; letter-spacing: -0.02em; margin: 0 0 4px; }
.updated { color: #667085; font-size: 14px; margin: 0 0 32px; }
h2 { font-size: 18px; letter-spacing: -0.01em; margin: 32px 0 8px; }
p, li { font-size: 15px; color: #33383f; }
a { color: #0a84ff; }
ul { padding-left: 20px; }
li { margin: 4px 0; }
.card { background: #fff; border: 1px solid #e6e9ee; border-radius: 14px; padding: 4px 24px 24px; }
.notice { background: #fff8ec; border: 1px solid #f3d9a8; border-radius: 12px; padding: 12px 16px; margin: 16px 0; }
footer { color: #98a2b3; font-size: 13px; margin-top: 40px; text-align: center; }