/* Styles for privacy.html (a separate file because vercel.json's CSP blocks inline <style>) */
:root { color-scheme: light dark; }
body {
  margin: 0;
  padding: 24px 16px 48px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  line-height: 1.7;
  background: #f8fafc;
  color: #1e293b;
}
main { max-width: 680px; margin: 0 auto; }
h1 { font-size: 1.5rem; }
h2 { font-size: 1.1rem; margin-top: 2rem; }
a { color: #4f46e5; }
.meta { font-size: 0.85rem; opacity: 0.7; }
.hint { font-size: 0.9rem; opacity: 0.8; }
.notice { margin: 1.5rem 0; padding: 12px 16px; border-radius: 12px; background: #eef2f7; }
.notice b:first-child { display: block; }
.table { overflow-x: auto; }
table { width: 100%; min-width: 560px; border-collapse: collapse; font-size: 0.85rem; }
th, td { padding: 8px; border: 1px solid #cbd5e1; text-align: left; vertical-align: top; word-break: keep-all; }
thead th { background: #eef2f7; }
@media (prefers-color-scheme: dark) {
  body { background: #0f172a; color: #e2e8f0; }
  a { color: #a5b4fc; }
  .notice, thead th { background: #1e293b; }
  th, td { border-color: #334155; }
}