/* Whozit /privacy. Tokens, fonts, nav, footer and .prose come from whozit.css. */

.page { padding-block: clamp(28px, 6vw, 72px) 0; }
.page h1 { font-size: clamp(2.25rem, 6.4vw, 4.25rem); font-weight: 800; letter-spacing: -.045em; line-height: 1; margin: .3em 0 .35em; max-width: 18ch; }
.page h2 { font-weight: 800; scroll-margin-top: 16px; }
.page-head { margin-bottom: clamp(24px, 4vw, 40px); }
.page-head .eyebrow { margin: 0; }
.page .lede { margin: 0 0 8px; }
.updated { font: .8125rem var(--mono); color: var(--muted); margin: 0 0 20px; }

.toc { margin: 0 0 8px; padding: 0; list-style: none; columns: 2 260px; column-gap: 32px; max-width: 68ch; font-size: .9375rem; }
.toc li { break-inside: avoid; padding: 3px 0; }
.toc a { text-underline-offset: 3px; }

/* One plain line that says the audit exists. */
.note { border-left: 3px solid var(--blue); background: var(--chip); border-radius: 0 12px 12px 0; padding: 14px 18px; margin: 0 0 8px; max-width: 68ch; color: var(--muted); }

.privacy .prose ul { padding-left: 1.25em; }
.privacy .prose li { margin: .55em 0; }
.privacy .prose li > ul { margin-top: .5em; }
.privacy .prose a { text-underline-offset: 3px; }
.privacy .prose h2 { margin-top: 2.4em; }

/* Text still waiting to be set. */
.todo { font: .875em var(--mono); background: var(--chip); border: 1px dashed var(--muted); border-radius: 6px; padding: 1px 6px; }

@media (max-width: 760px) {
  .toc { columns: 1; }
}