/* Privacy and terms pages: a readable single column of text on the paper background. */
.wrap { max-width: 720px; margin: 0 auto; padding: var(--sp-5) var(--sp-4) 48px; display: flex; flex-direction: column; gap: var(--sp-6); }
header.top { display: flex; align-items: center; min-height: 32px; }
.doc { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-3); box-shadow: var(--sh-1); padding: var(--sp-8) clamp(var(--sp-5), 5vw, 48px); animation: enter-up var(--dur-4) var(--ease-enter) both; font-size: 15px; line-height: 1.6; }
.doc h1 { font-size: var(--fs-display); line-height: 34px; }
.doc h2 { margin: var(--sp-6) 0 var(--sp-2); }
.doc p, .doc ul { margin: 0 0 var(--sp-3); }
.doc ul { padding-left: 22px; }
.doc li { margin-bottom: var(--sp-1); }
.doc .meta { color: var(--muted); font-size: var(--fs-ui); margin-top: var(--sp-1); }
.foot, footer.site { display: flex; gap: var(--sp-4); justify-content: center; font-size: var(--fs-meta); }
.foot a, footer.site a { color: var(--muted); text-decoration: none; }
.foot a:hover, footer.site a:hover { color: var(--ink); text-decoration: underline; }