/* Legal pages (Disclaimer). Uses tokens.css and the .hero-slab and .pill patterns in site.css. */
.legal-main{padding:24px 0 88px}
/* the header box is exactly as wide as the 720px text column below it, centered */
.legal-main .hero-slab{max-width:720px;margin:0 auto;padding:28px 32px}
.legal-main .hero-slab h1{font-size:clamp(30px,5vw,44px)}
.legal-main .hero-slab .lede{margin-top:12px;font-size:16px}
.legal{margin-top:40px}
.legal-body{max-width:720px;margin:0 auto;min-width:0;overflow-wrap:anywhere}
.legal-body h2{margin:48px 0 0;font:700 24px/30px "Syne","DM Sans",sans-serif;letter-spacing:-.03em}
.legal-body h2:first-child{margin-top:0}
.legal-body p{margin:16px 0 0;font-size:17px;line-height:28px;color:var(--ink)}
.legal-body h2+p{margin-top:12px}