/* Privacy policy and terms of use: a plain reading page in the public page's look. */
.legal { max-width: 760px; margin: 0 auto; padding: 120px 20px 80px; }
.legal h1 { font-size: clamp(34px, 5vw, 52px); color: var(--indigo); margin-bottom: 10px; }
.legal .updated { font-family: var(--mono); font-size: 13px; letter-spacing: .08em; color: var(--muted); margin-bottom: 28px; }
.legal .summary { padding: 20px 22px; border-radius: 18px; background: #FFFFFF; border: 1px solid var(--line); box-shadow: var(--shadow); margin-bottom: 36px; }
.legal .summary h2 { font-size: 18px; letter-spacing: 0; margin-bottom: 10px; color: var(--teal); }
.legal .summary ul { margin: 0; padding-left: 20px; }
.legal .summary li { margin: 6px 0; }
.legal h2 { font-size: 24px; letter-spacing: -0.01em; color: var(--indigo); margin: 36px 0 10px; }
.legal p, .legal li { font-size: 17px; line-height: 1.65; color: var(--ink); }
.legal p { margin: 0 0 12px; }
.legal ul { padding-left: 22px; margin: 0 0 12px; }
.legal a { color: var(--teal); }
.legal-nav { display: flex; gap: 16px; margin-top: 44px; padding-top: 20px; border-top: 1px solid var(--line); font-size: 15px; }
.legal-nav a { color: var(--indigo); font-weight: 600; }