/* Privacy policy page (public/privacy-policy.html). External file because the
   production CSP has no 'unsafe-inline' for styles (STO-392). Not to be confused
   with /legal/legal.css, which scripts/build-legal.mjs serves for counsel docs. */
@import "./tokens.css";

* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--color-bg);
  color: var(--color-text);
  font-family: var(--font-family-body);
  line-height: 1.65;
}
.wrap {
  max-width: 760px;
  margin: 0 auto;
  padding: 64px 24px 96px;
}
a { color: var(--color-accent); text-decoration: none; }
a:hover { text-decoration: underline; }
.home-link {
  display: inline-block;
  font-weight: 600;
  font-size: var(--type-small-size);
  margin-bottom: 40px;
}
.cobalt { color: var(--color-accent); }
.brand {
  font-family: var(--font-family-display);
  font-weight: 800;
  letter-spacing: -0.01em;
}
h1 {
  font-family: var(--font-family-display);
  font-weight: var(--type-h1-weight);
  font-size: var(--type-h1-size);
  letter-spacing: -0.02em;
  margin: 0 0 8px;
}
.updated {
  color: var(--color-text-muted);
  font-size: var(--type-small-size);
  margin-bottom: 32px;
}
.notice {
  border: 1px solid var(--color-border);
  background: var(--white);
  padding: 16px 20px;
  font-size: var(--type-small-size);
  color: var(--color-text-muted);
  margin-bottom: 40px;
}
h2 {
  font-family: var(--font-family-display);
  font-weight: var(--type-h2-weight);
  font-size: var(--type-h2-size);
  margin: 40px 0 12px;
  letter-spacing: -0.01em;
}
p, li { font-size: var(--type-body-size); color: var(--color-text); }
ul { padding-left: 20px; }
li { margin-bottom: 6px; }
table {
  width: 100%;
  border-collapse: collapse;
  margin: 16px 0;
  font-size: var(--type-small-size);
}
th, td {
  text-align: left;
  padding: 10px 12px;
  border-bottom: 1px solid var(--color-border);
  vertical-align: top;
}
th { color: var(--color-text-muted); font-weight: 600; }
footer {
  margin-top: 64px;
  padding-top: 24px;
  border-top: 1px solid var(--color-border);
  font-size: var(--type-small-size);
  color: var(--color-text-muted);
}