/* Basic responsive styling for the privacy policy page */
:root{
  --bg:#f7f8fb;
  --card:#ffffff;
  --muted:#6b7280;
  --accent:#2563eb;
  --max-width:860px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  background:linear-gradient(180deg,var(--bg),#ffffff);
  color:#111827;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.site-header{
  background:var(--card);
  padding:20px 16px;
  border-bottom:1px solid #e6e9ef;
  text-align:center;
}
.site-header h1{margin:0;font-size:1.4rem}
.site-header .sub{color:var(--muted);margin-top:6px;font-size:0.95rem}
.container{
  max-width:var(--max-width);
  margin:28px auto;
  padding:24px;
  background:var(--card);
  border-radius:10px;
  box-shadow:0 6px 18px rgba(15,23,42,0.06);
}
article{line-height:1.7;color:#111827}
article h1,article h2,article h3{color:#0f172a;margin-top:1.2rem}
article p{margin:.7rem 0}
article ul{margin:.6rem 0 1rem 1.25rem}
article code{background:#f3f4f6;padding:0.15rem 0.35rem;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}
article pre{background:#0b1220;color:#e6eef8;padding:12px;border-radius:8px;overflow:auto}
.footer{max-width:var(--max-width);margin:18px auto;text-align:center;color:var(--muted);font-size:0.9rem}
@media (max-width:640px){
  .container{margin:18px 12px;padding:16px;border-radius:8px}
}
