.legal { max-width: 820px; margin: 0 auto; padding: 40px 20px 60px; }
.legal .back { color: var(--blue); font-weight: 700; display: inline-block; margin-bottom: 20px; }
.legal h1 { font-size: clamp(28px, 5vw, 42px); font-weight: 900; margin-bottom: 6px; }
.legal .updated { color: var(--muted); font-size: 14px; margin-bottom: 30px; }
.legal h2 { font-size: 20px; font-weight: 800; margin: 30px 0 10px; color: var(--blue); }
.legal p, .legal li { color: #c7d3ee; margin-bottom: 12px; font-size: 15px; line-height: 1.7; }
.legal ul { padding-left: 22px; margin-bottom: 12px; }
.legal-nav { display: flex; align-items: center; justify-content: space-between; padding: 14px 20px; max-width: 1180px; margin: 0 auto; }
.legal-nav img { height: 30px; width: auto; }