.legal-page { background:var(--ink); color:var(--chalk); }
.legal-page .legal-wrap { max-width:760px; margin:0 auto; padding:clamp(40px,7vw,84px) clamp(16px,4vw,40px); }
.legal-page .eyebrow { color:var(--brass); font-size:.85rem; letter-spacing:.08em; text-transform:uppercase; font-weight:600; margin:0 0 .4rem; }
.legal-page h1 { font:700 clamp(2.2rem,5vw,3.4rem)/1.05 var(--font-display); letter-spacing:-.02em; margin:0 0 1rem; }
.legal-page h2 { font:600 clamp(1.3rem,2.4vw,1.6rem)/1.2 var(--font-display); margin:2.2rem 0 .6rem; padding-top:1.4rem; border-top:1px solid var(--line-ink); }
.legal-page h3 { font:600 1.05rem var(--font-display); margin:1.2rem 0 .4rem; color:var(--verdigris-2); }
.legal-page p, .legal-page li { color:var(--chalk-2); font-size:1.02rem; line-height:1.6; }
.legal-page .lede { font-size:1.15rem; color:var(--chalk); max-width:none; }
.legal-page ul { padding-left:1.2rem; }
.legal-page li { margin:.35rem 0; }
.legal-page li b, .legal-page p b { color:var(--chalk); }
.legal-page a { color:var(--brass-2); }
.legal-page blockquote { margin:1rem 0; padding:1rem 1.2rem; border-left:3px solid var(--brass); background:var(--ink-2); color:var(--chalk); font-size:1.08rem; line-height:1.5; border-radius:0 var(--r-tag) var(--r-tag) 0; }
.legal-page .callout { padding:1rem 1.2rem; background:var(--ink-2); border:1px solid var(--line-ink); border-radius:var(--r-tag); color:var(--chalk); }

/* sms.html: the picture of the build page's demo-text opt-in. */
.legal-figure { margin: 1rem 0 1.25rem; }
.legal-figure img { display: block; width: 100%; max-width: 345px; height: auto; border-radius: 10px; border: 1px solid rgba(233,238,243,.14); }
.legal-figure figcaption { margin-top: .45rem; font-size: .85rem; opacity: .75; }