/* Privacy, terms and 404. Loaded after site.css, so it uses the same tokens. */
.legal { max-width: 680px; margin: 0 auto; padding: 32px var(--gr) 88px var(--gl); display: flex; flex-direction: column; gap: 32px; }
.legal h1 { font-size: clamp(36px, 5vw, 44px); line-height: 1.08; }
.legal .updated { margin: 8px 0 0; font-size: 13px; color: var(--muted); }
.legal .intro { margin: 16px 0 0; color: #CFCDC8; }
.legal section { display: flex; flex-direction: column; gap: 12px; }
.legal h2 { font-size: 18px; line-height: 1.3; letter-spacing: -0.01em; }
.legal p { margin: 0; color: #CFCDC8; }
.legal ul { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 8px; color: #CFCDC8; }
.legal li { padding-left: 4px; }
.legal b { color: var(--text); }
.legal a { color: var(--text); font-weight: 600; }
.draft { margin: 0 0 20px; padding: 10px 14px; border: 1px solid rgba(255,90,36,.45); border-radius: 12px; background: rgba(255,90,36,.12); color: var(--text); font-size: 13px; font-weight: 700; }

.lost { max-width: 680px; margin: 0 auto; padding: 72px var(--gr) 120px var(--gl); }
.lost h1 { font-size: clamp(36px, 5vw, 56px); line-height: 1.08; margin: 10px 0 18px; }
.lost p { margin: 0 0 28px; font-size: 18px; color: #CFCDC8; }