/* The terms of use and the notices (terms.html, notices.html): the front page's
   nave, vellum and gold (landing.css), as a column of reading. */
body.legal main { max-width: 760px; min-height: 0; display: block; text-align: left; }
body.legal h1 { font-size: clamp(30px, 5vw, 42px); margin: 0 0 14px; }
body.legal h2 { font-family: var(--label); font-size: 21px; letter-spacing: 0.05em; color: var(--gold); margin: 32px 0 8px; }
body.legal h3 { font-size: 18px; margin: 22px 0 6px; }
body.legal p, body.legal li { text-wrap: pretty; }
body.legal ul { padding-left: 1.3em; }
body.legal a { color: var(--gold); }
body.legal code { font-size: 0.88em; color: var(--dim); }
body.legal pre { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 12.5px; line-height: 1.45; color: var(--dim);
  background: var(--stone); border: 1px solid var(--line); border-radius: 8px; padding: 12px 14px; }
body.legal .legal-nav { font-family: var(--label); letter-spacing: 0.06em; color: var(--dim); margin-bottom: 26px; }
body.legal .legal-nav a { color: var(--dim); text-decoration: none; }
body.legal .legal-nav a:hover, body.legal .legal-nav a:focus-visible { color: var(--gold); }
body.legal .draft { color: var(--dim); font-style: italic; }
body.legal footer { margin-top: 40px; }