/* Legal pages. Same system as the home page: Inter, 4/8 spacing, 16 on 150% for text, 40 on 100% for the heading. */
.paint { background-clip: text; -webkit-background-clip: text; color: transparent; -webkit-text-fill-color: transparent; filter: drop-shadow(0 2px 14px rgba(0,0,0,.2)); }
.doc { position: relative; max-width: 640px; margin: 0 auto; padding: 48px 24px 96px; font-size: 16px; line-height: 150%; }
.doc .name { display: inline-block; font-weight: 500; color: var(--c-on-2); text-decoration: none; margin-bottom: 16px; }
.doc h1 { font-size: 40px; line-height: 100%; font-weight: 500; letter-spacing: -0.01em; text-shadow: 0 2px 24px rgba(0,0,0,.18); margin-bottom: 8px; }
.doc .date { margin: 0 0 48px; color: var(--c-on-2); }
.doc h2 { margin: 48px 0 8px; font-size: 16px; line-height: 150%; font-weight: 500; color: #fff; }
.doc p, .doc li { margin: 0 0 16px; color: var(--c-on-2); }
.doc ul { margin: 0 0 16px; padding-left: 24px; }
.doc li { margin-bottom: 8px; }
.doc a { color: #fff; text-underline-offset: 4px; text-decoration-color: rgba(255,255,255,.4); }
.doc a:hover { text-decoration-color: #fff; }
.doc .lead { color: #fff; }
.doc .more { display: flex; gap: 24px; margin-top: 48px; }
.doc .more a { color: var(--c-on-2); text-decoration: none; } .doc .more a:hover { color: #fff; }
@media (max-width: 719px) { .doc h1 { font-size: 32px; } }