.privacy {
  padding-top: 44px;
  padding-bottom: 96px;
}
.privacy h1 {
  max-width: 16ch;
  margin-bottom: 24px;
  font-size: clamp(2.75rem, 8vw, var(--s5));
}
.privacy-body { max-width: calc(56rem + var(--gutter) * 2); }
.privacy-intro { max-width: var(--measure); }
.privacy-intro p { margin: 0 0 12px; }

.readout {
  max-width: 56rem;
  margin: 36px 0 0;
  border-top: 1px solid var(--g27);
}
.readout[hidden] { display: none; }
.readout div {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2px 28px;
  padding: 14px 0;
  border-bottom: 1px solid var(--g27);
}
@media (min-width: 760px) {
  .readout div { grid-template-columns: 12rem minmax(0, 1fr); align-items: baseline; }
}
.readout dt { color: var(--g92); font-size: var(--s-1); }
.readout dd { margin: 0; }
.readout-value {
  display: block;
  color: var(--white);
  overflow-wrap: anywhere;
}
code.readout-value { font-size: 0.9rem; }
.readout-note { display: block; margin-top: 2px; color: var(--g92); font-size: var(--s-1); }

.fingerprint { max-width: var(--measure); margin: 28px 0 0; }
.fingerprint[hidden] { display: none; }
.fingerprint code { color: var(--neon); }
.privacy-offline { max-width: var(--measure); margin: 28px 0 0; color: var(--g92); }