body { background: linear-gradient(180deg, #e9f7ff, #fff9ef 320px); }
.legal-nav { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px clamp(16px, 4vw, 40px); background: #fff; box-shadow: 0 2px 0 #14102a0d; }
.legal { max-width: 860px; margin: 36px auto 60px; padding: 0 16px; }
.legal article { background: #fff; border-radius: 30px; padding: clamp(22px, 4vw, 48px); box-shadow: var(--shadow); }
.legal h1 { font-size: clamp(30px, 4vw, 44px); margin: 0 0 6px; }
.legal .updated { color: var(--muted); margin: 0 0 26px; font-weight: 600; }
.legal h2 { font-size: 22px; margin: 30px 0 8px; }
.legal p, .legal li { line-height: 1.7; color: #3d3570; }
.legal ul { padding-left: 22px; }
.legal a { color: var(--green-dark); font-weight: 700; }
.legal .note { background: #f3efff; border-radius: 16px; padding: 14px 18px; }
.legal-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }