.privacy-brand {
  display: flex;
  align-items: center;
  gap: var(--rmlp-space-3);
  font-family: var(--rmlp-font-display);
  font-size: var(--rmlp-text-lg);
}

.privacy-page {
  --privacy-reading-width: 48rem;
  max-width: var(--privacy-reading-width);
  padding-block: var(--rmlp-space-8);
}

.privacy-page h1,
.privacy-page h2 {
  font-family: var(--rmlp-font-display);
  line-height: 1.25;
}

.privacy-page h2 { margin-top: var(--rmlp-space-8); }
.privacy-page a { text-decoration-color: currentColor; }
.privacy-updated { color: var(--rmlp-ink-muted); }

.privacy-page button {
  padding: var(--rmlp-space-3) var(--rmlp-space-4);
  border: 1px solid var(--rmlp-ink);
  border-radius: var(--rmlp-space-2);
  background: var(--rmlp-paper);
  color: var(--rmlp-ink);
  font: inherit;
  cursor: pointer;
}

.privacy-page button:disabled { cursor: wait; opacity: 0.6; }
.privacy-page dialog {
  width: min(var(--privacy-reading-width), calc(100% - var(--rmlp-space-8)));
  max-height: calc(100% - var(--rmlp-space-8));
  overflow: auto;
  padding: var(--rmlp-space-6);
  border: 1px solid var(--rmlp-ink);
  border-radius: var(--rmlp-space-3);
  background: var(--rmlp-paper);
  color: var(--rmlp-ink);
}
.privacy-page dialog h2 { margin-top: 0; }
.privacy-page dialog::backdrop { background: color-mix(in srgb, var(--rmlp-ink) 50%, transparent); }
.privacy-delete-actions { display: flex; flex-wrap: wrap; gap: var(--rmlp-space-3); }