/* legal.css: the policy pages rendered from docs/legal/*.md (scripts/build-legal.mjs).
   Tokens only. The draft banner and the placeholders are meant to look unfinished on purpose. */

.legal-intro .lead{max-width:var(--measure)}
.draft{display:grid;gap:var(--s2);max-width:var(--measure);margin-top:var(--s2)}
.draft-title{font:500 var(--t5)/var(--lh5) var(--f-body);color:var(--rose)}

/* placeholders: [LEGAL NAME], and rules still marked (default) */
.ph,.ph-note{padding:0 4px;border:1px dashed var(--rose);border-radius:var(--r-s);background:var(--deep);color:var(--rose);font-style:normal;font-family:var(--f-body)}
.ph{font-size:.9em;letter-spacing:.02em;-webkit-box-decoration-break:clone;box-decoration-break:clone}

.legal-body{padding-top:var(--s5)}
.legal h2{font-size:var(--t3);line-height:var(--lh3);font-weight:var(--w-heading)}
.legal h2:first-child{margin-top:0}
.legal strong{color:var(--cream);font-weight:500}
.legal blockquote{margin:0;padding-left:var(--s3);border-left:2px solid var(--gold);color:var(--cream)}
.legal blockquote > * + *{margin-top:var(--s2)}
.legal .table-scroll{max-width:100%}
.legal .table-scroll td{color:var(--cream-2);vertical-align:top;min-width:12ch}
.legal code{font-size:.9em}
.legal-links{margin-top:var(--s7);padding-top:var(--s4);border-top:var(--soft);max-width:var(--measure)}