/* /terms and /privacy. Requires yinzider.css first. Read mode: one 66ch
   column, headings that step down clearly, nothing competing with the text. */

.legal{max-width:66ch;margin:0 auto;padding:clamp(30px,4.4vw,56px) clamp(16px,4vw,40px) clamp(40px,6vw,72px)}
.legal h1{font-family:var(--display);font-weight:400;font-size:clamp(30px,4vw,44px);line-height:1.05;margin:0}
.legal .legal-date{margin:14px 0 26px;padding:10px 0 0;border-top:2px solid var(--ink);font-size:12px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}
.legal h2{font-family:var(--display);font-weight:400;font-size:22px;line-height:1.2;margin:2.2em 0 .5em}
.legal p,.legal li{font-size:17px;line-height:1.6;color:var(--ink)}
.legal p{margin:0 0 1em}
.legal ul{margin:0 0 1em;padding-left:1.2em}
.legal li{margin:0 0 .45em}
.legal a{color:inherit;text-decoration-thickness:1px;text-underline-offset:2px}
.legal a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.legal strong{font-weight:700}