/* Terms and privacy: long reading on the marketing site's paper. */

.legal { padding: clamp(40px, 8vh, 88px) 0 var(--chapter); }
.legal .wrap { max-width: 760px; }
.legal-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.legal h1 { font-size: clamp(34px, 6vw, 52px); line-height: 1.05; letter-spacing: -0.03em; margin: 0; }
.legal .updated { margin-top: 12px; color: var(--graphite); font-size: 15px; }
.legal .intro { margin-top: 28px; font-size: 18px; line-height: 1.55; }
.legal h2 { margin: 44px 0 12px; font-size: 21px; letter-spacing: -0.01em; }
.legal p, .legal li { font-size: 16px; line-height: 1.65; color: #1d1f22; }
.legal p + p { margin-top: 12px; }
.legal ul { margin: 10px 0 0; padding-left: 22px; }
.legal li + li { margin-top: 6px; }
.legal a { color: var(--signal); }
.legal table { width: 100%; border-collapse: collapse; margin-top: 12px; font-size: 15px; }
.legal th, .legal td { text-align: left; vertical-align: top; padding: 10px 12px 10px 0; border-top: 1px solid var(--rule); }
.legal th { font-weight: 600; width: 34%; }
.legal .todo { background: #fff2b3; padding: 0 4px; border-radius: 4px; font-weight: 600; }
.legal-lang { display: flex; gap: 2px; padding: 3px; border: 1px solid var(--rule); border-radius: 999px; }
.legal-lang a {
  min-width: 40px; padding: 6px 10px; border-radius: 999px; text-align: center;
  font-size: 13px; font-weight: 600; color: var(--graphite); text-decoration: none;
}
.legal-lang a[aria-current='true'] { background: var(--ink); color: var(--paper); }
[data-lang] { display: none; }
html[lang='es'] [data-lang='es'], html[lang='en'] [data-lang='en'] { display: block; }
@media (max-width: 560px) {
  .legal th, .legal td { display: block; width: 100%; padding-right: 0; }
  .legal td { border-top: 0; padding-top: 0; }
}