/* Privacy policy and support pages: the site's header and a readable column of prose. */
.site-header { position: sticky; top: 0; z-index: 20; background: color-mix(in srgb, var(--bg) 82%, transparent); backdrop-filter: saturate(160%) blur(14px); -webkit-backdrop-filter: saturate(160%) blur(14px); border-bottom: 1px solid color-mix(in srgb, var(--line) 60%, transparent); }
.site-header .wrap { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 64px; }
.site-header nav { display: flex; gap: 18px; font-weight: 600; font-size: .95rem; }
.site-header nav a { color: inherit; text-decoration: none; }
.site-header nav a:hover, .site-header nav a[aria-current] { color: var(--accent); }
.prose { width: min(720px, 100% - 32px); margin: 48px auto 0; line-height: 1.6; }
.prose h1 { font-size: clamp(2rem, 5vw, 2.8rem); margin-bottom: 8px; }
.prose .updated { color: var(--muted); margin: 0 0 28px; }
.prose h2 { font-size: 1.3rem; margin: 36px 0 10px; }
.prose h3 { font-size: 1.08rem; margin: 24px 0 8px; }
.prose p, .prose ul { margin: 0 0 14px; }
.prose ul { padding-left: 1.2em; }
.prose li { margin-bottom: 6px; }
.prose .summary { background: color-mix(in srgb, var(--accent) 8%, var(--card)); border: 1px solid color-mix(in srgb, var(--accent) 22%, var(--line)); border-radius: 18px; padding: 16px 20px; }
.prose .summary ul { margin: 0; }
.prose code { font-size: .9em; }