/*
 * The privacy notice. One screen, readable in under 30 seconds, no script.
 * Every colour and size is a token from theme.css (CLAUDE.md).
 */

body.privacy {
  margin: 0;
  background: var(--c-page);
  color: var(--c-text);
}

.privacy__main {
  max-width: 62ch;
  margin: 0 auto;
  padding: 24px 20px 48px;
}

.privacy__title {
  margin: 8px 0 12px;
  font-size: 30px;
}

.privacy__subtitle {
  margin: 26px 0 6px;
  font-size: 19px;
}

.privacy__lead {
  margin: 0 0 18px;
  font-size: 17px;
  line-height: 1.5;
}

.privacy__text {
  margin: 16px 0 0;
  line-height: 1.55;
  color: var(--c-text-dim);
}

.privacy__list + .privacy__text {
  margin-top: 22px;
}

.privacy__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

.item {
  background: var(--c-surface);
  border: var(--line-hairline) solid var(--c-border);
  border-radius: var(--radius-m);
  padding: 12px 14px;
}

.item__what {
  display: block;
  font-weight: 600;
  margin-bottom: 3px;
}

.item__where,
.item__how-long {
  display: block;
  color: var(--c-text-dim);
  font-size: 14px;
  line-height: 1.45;
}

/* The lifetime is the part people actually want, so it is not the smallest thing here. */
.item__how-long {
  margin-top: 4px;
  color: var(--c-accent);
}

.privacy__back {
  margin-top: 30px;
}

.privacy__back a {
  color: var(--c-accent);
}