/* Legal documents (privacy policy, terms of use)
   Prose styling built on the tokens in site.css so these pages read as part of the site. */
.legal-head{padding:50px 0 56px}
.legal-head .h2{margin-top:14px}
.legal-ver{margin-top:18px;font-size:15px}
.legal{padding:64px 0 96px}
.legal .wrap{max-width:880px}
.legal h2{font-family:var(--disp);font-weight:500;font-size:clamp(20px,2.2vw,26px);color:var(--head);letter-spacing:-.012em;line-height:1.3;margin:44px 0 14px}
.legal h2:first-child{margin-top:0}
.legal h3{font-family:var(--disp);font-weight:600;font-size:17px;color:var(--head);margin:26px 0 10px}
.legal p{color:var(--slate);font-size:16px;line-height:1.8;margin-bottom:14px}
.legal ul,.legal ol{margin:0 0 18px 24px;list-style:disc}
.legal ol{list-style:decimal}
html[dir="rtl"] .legal ul,html[dir="rtl"] .legal ol{margin:0 24px 18px 0}
.legal li{color:var(--slate);font-size:16px;line-height:1.75;margin-bottom:8px}
.legal a{color:var(--spark-ink);text-decoration:underline}
.legal a:hover{color:var(--spark-deep)}
.legal strong,.legal b{color:var(--head);font-weight:600}
.legal table{width:100%;border-collapse:collapse;margin:0 0 20px}
.legal th,.legal td{border:1px solid var(--line);padding:12px 14px;font-size:15px;text-align:start;color:var(--slate)}
.legal th{background:var(--alt);color:var(--head);font-family:var(--disp);font-weight:600}
@media(max-width:560px){.legal-head{padding:50px 0 44px}.legal{padding:48px 0 72px}}
