/* The privacy page. Same dark room as the pad, but this one is for reading:
   one narrow column, generous leading, and no ornament competing with the text.
   Self-contained on purpose — the page loads this file and nothing else, which
   is itself one of the claims it makes. */

:root {
  --bg: #0d1117;
  --ink: #e6edf3;
  --dim: #9aa4ae;
  --faint: #6e7681;
  --green: #7ee787;
  --line: rgba(139, 148, 158, .18);
}

* { box-sizing: border-box; }

body {
  margin: 0;
  min-height: 100vh;
  background:
    radial-gradient(1200px 600px at 50% -10%, #16211b 0%, transparent 60%),
    var(--bg);
  color: var(--ink);
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}

#page {
  max-width: 660px;
  margin: 0 auto;
  padding: 40px 24px 64px;
}

/* ---------- head ---------- */

#back {
  display: inline-block;
  font-size: 12px;
  letter-spacing: .03em;
  color: var(--faint);
  text-decoration: none;
}
#back:hover { color: var(--green); }

h1 {
  margin: 26px 0 18px;
  font-size: 30px;
  font-weight: 600;
  letter-spacing: -.015em;
}

#lead {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  margin: 0 0 8px;
  padding: 18px 20px;
  border: 1px solid rgba(126, 231, 135, .2);
  border-radius: 11px;
  background: linear-gradient(160deg, rgba(126, 231, 135, .08), rgba(126, 231, 135, 0) 65%);
  font-size: 15.5px;
  line-height: 1.65;
  color: var(--dim);
}
#lead strong { color: var(--ink); font-weight: 600; }
#lead .lockline { flex: 0 0 auto; margin-top: 4px; color: var(--green); line-height: 1; }

/* ---------- body ---------- */

section { margin-top: 34px; }

h2 {
  margin: 0 0 10px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--green);
}

p {
  margin: 0 0 12px;
  font-size: 14.5px;
  line-height: 1.72;
  color: var(--dim);
}
p strong { color: var(--ink); font-weight: 600; }
p em { color: var(--ink); font-style: italic; }

code {
  font: 12.5px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  color: #c9d1d9;
  background: rgba(139, 148, 158, .13);
  border: 1px solid var(--line);
  border-radius: 5px;
  padding: 2px 5px;
  white-space: nowrap;
}

#check {
  margin-top: 40px;
  padding: 20px 20px 10px;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: rgba(139, 148, 158, .05);
}

/* ---------- foot ---------- */

#foot {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 44px;
  padding-top: 16px;
  border-top: 1px solid var(--line);
  font-size: 11.5px;
  color: var(--faint);
}
#foot #brandline { color: var(--dim); font-weight: 600; }
#foot .sep { opacity: .5; }
#foot a { margin-left: auto; color: var(--dim); text-decoration: none; }
#foot a:hover { color: var(--green); }

@media (max-width: 620px) {
  #page { padding: 28px 18px 48px; }
  h1 { font-size: 25px; }
  code { white-space: normal; }
}