/* File: privacy.css */
:root{
  --bg:#f7fafc;
  --card:#ffffff;
  --muted:#6b7280;
  --accent:#4f46e5;
  --max:900px;
  --radius:12px;
}
*{box-sizing:border-box}
body{
  font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  margin:0;
  background:var(--bg);
  color:#0f172a;
  -webkit-font-smoothing:antialiased;
}
.container{
  width:calc(100% - 40px);
  max-width:var(--max);
  margin:28px auto;
}
.site-header{
  background:linear-gradient(90deg, rgba(79,70,229,0.08), rgba(99,102,241,0.04));
  padding:24px 0;
  border-bottom:1px solid rgba(15,23,42,0.04);
}
.site-header h1{
  margin:0 0 4px 0;
  font-size:28px;
}
.tag{color:var(--muted);margin:0}
.updated{color:var(--muted);font-size:13px;margin-top:8px}
.notice{
  background:var(--card);
  border-radius:var(--radius);
  padding:28px;
  box-shadow:0 6px 18px rgba(2,6,23,0.06);
}
.notice h2{margin-top:20px}
.notice p, .notice li{line-height:1.6;color:#0f172a}
.notice ul{margin-left:18px}
.notice a{color:var(--accent);text-decoration:none}
.notice a:hover{text-decoration:underline}
.notice-footer{margin-top:22px;padding-top:18px;border-top:1px dashed rgba(15,23,42,0.06);color:var(--muted);font-size:14px}
.small-print{font-size:13px;color:var(--muted);margin-top:6px}
.code-block{background:transparent;margin-bottom:60px}
pre{background:#0b1220;color:#e6eef8;padding:16px;border-radius:10px;overflow:auto}
code{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, "Roboto Mono", "Courier New", monospace}

@media (max-width:560px){
  .container{width:calc(100% - 28px)}
  .site-header h1{font-size:22px}
  .notice{padding:18px}
}