/* Imprint, privacy notice and terms: plain reading pages that work without JavaScript and without signing in. */
body { margin: 0; background: var(--paper); color: var(--ink); font: 18px/1.6 var(--font-sans); }
.legal { max-width: 46rem; margin: 0 auto; padding: var(--space-regular) max(16px, env(safe-area-inset-right, 0px)) var(--space-enormous) max(16px, env(safe-area-inset-left, 0px)); }
.legal__top { display: flex; flex-wrap: wrap; gap: var(--space-small); justify-content: space-between; align-items: center; margin-bottom: var(--space-regular); }
.legal__top a { color: var(--ink); font-weight: 500; }
.legal h1 { font-size: clamp(30px, 6vw, 44px); line-height: 1.1; letter-spacing: -0.02em; margin: 0 0 var(--space-tiny); text-wrap: balance; }
.legal h2 { font-size: 24px; line-height: 1.25; margin: var(--space-medium) 0 var(--space-tiny); text-wrap: balance; }
.legal h3 { font-size: 19px; margin: var(--space-regular) 0 var(--space-tiny); }
.legal p, .legal li { max-width: 68ch; }
.legal a { color: var(--terracotta); }
.legal__meta { color: color-mix(in srgb, var(--ink) 72%, var(--paper)); font-size: 16px; margin: 0; }
.legal__draft { background: var(--blush); border-left: 6px solid var(--terracotta); padding: var(--space-small); margin: var(--space-regular) 0; font-size: 17px; }
.legal__scroll { overflow-x: auto; margin: var(--space-small) 0; }
.legal table { border-collapse: collapse; width: 100%; font-size: 16px; line-height: 1.45; }
.legal th, .legal td { text-align: left; vertical-align: top; padding: 8px 10px; border-bottom: var(--hairline) solid var(--hairline-warm); }
.legal th { font-weight: 600; border-bottom-color: var(--ink); }
.legal code { font-size: 15px; overflow-wrap: anywhere; }
.todo { background: var(--sunflower); padding: 0 4px; font-weight: 600; }