.legal { padding-block: 56px 72px }
.legal .doc { max-width: 760px; margin: 0 auto; padding-inline: 22px }
.legal h1 { font-size: clamp(32px, 4.4vw, 46px); font-weight: 800; margin-bottom: 8px }
.legal .updated { color: var(--muted); font-size: 15px; margin-bottom: 32px }
.legal h2 { font-size: clamp(20px, 2.2vw, 24px); margin: 36px 0 10px }
.legal p, .legal ul { margin-bottom: 14px }
.legal ul { padding-left: 22px }
.legal li { margin-bottom: 6px }
.legal address { font-style: normal; background: var(--wash); border: 1px solid var(--rule); border-radius: 8px; padding: 16px 20px }
.back { font-size: 15px; font-weight: 600; text-decoration: none }
.back:hover { text-decoration: underline }
.hd-back { display: flex; align-items: center; gap: 26px }
@media(max-width:700px) { .legal { padding-block: 36px 48px } }