/* Long-form legal pages (site/legal/). Built only from the kit's tokens; site.css is unchanged. */
.legal-banner { margin-top: var(--space-6); max-width: none; border-left: 3px solid var(--ink); }
.legal-meta { display: flex; flex-wrap: wrap; gap: var(--space-1) var(--space-4); }
.legal-meta a { color: var(--ink-muted); }
.legal-meta a[aria-current="page"] { color: var(--ink); font-weight: 600; text-decoration: none; }

/* Clause lists: the (a), (b) labels are in the text, so no bullet. */
.prose ul.clauses { list-style: none; padding-left: var(--space-5); }
.prose ul.clauses > li > ul.clauses { margin-top: var(--space-2); }

/* Drafting notes for counsel and the owner. */
.prose .legal-note { max-width: 72ch; display: grid; gap: var(--space-2); padding: var(--space-3) var(--space-4); border: 1px dashed var(--line-strong); border-radius: var(--radius-md); color: var(--ink-muted); font-size: 13px; line-height: 20px; }
.prose .legal-note strong { color: var(--ink); font-weight: 600; }

/* Bracketed placeholders still to be filled. */
.prose code.ph { background: transparent; box-shadow: inset 0 0 0 1px var(--line-strong); }
.prose table code.ph { box-shadow: none; }

.prose h3 { margin-top: var(--space-3); }
.prose td, .prose th { min-width: 12ch; }
@media print { .legal-note { display: none !important; } }