/* legal.css — generated legal pages (scripts/legal/generate-legal-pages.py).
 * Consumes ui-landing-saas tokens only: no raw colours, sizes from --type-*.
 * Classes: .draft-banner .legal .legal__wrap .legal__meta .legal__nav .todo
 */
.draft-banner { padding-block: var(--space-3); background: var(--negative-container); color: var(--text-emphasis); border-bottom: 2px solid var(--negative); font: var(--type-body-sm); }
.draft-banner strong { color: var(--text-emphasis); }

.legal__wrap { max-width: 72ch; }
.legal .section__title { margin-block: var(--space-2) var(--space-3); }
.legal__meta { font: var(--type-body-sm); color: var(--text-muted); margin-bottom: var(--space-7); }
.legal h2 { font: var(--type-h3); color: var(--text-emphasis); margin-block: var(--space-7) var(--space-3); }
.legal p, .legal ul, .legal table { margin-bottom: var(--space-4); }
.legal ul { list-style: disc; padding-left: var(--space-5); }
.legal li { margin-bottom: var(--space-2); }
.legal a { text-decoration: underline; text-underline-offset: 0.18em; }
.legal table { width: 100%; border-collapse: collapse; font: var(--type-body-sm); }
.legal th, .legal td { text-align: left; padding: var(--space-2) var(--space-3); border-bottom: 1px solid var(--stroke); vertical-align: top; }
.legal th { color: var(--text-emphasis); font-weight: 600; }
.legal__table { overflow-x: auto; }

.legal__nav { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-5); margin-bottom: var(--space-5); }
.legal__nav a { color: var(--text-muted); padding-block: var(--space-2); }
.legal__nav a[aria-current="page"] { color: var(--text-emphasis); }

/* TODO placeholders stay visible in drafts; approval is refused while any remain */
mark.todo { background: var(--negative-container); color: var(--text-emphasis); padding: 0 var(--space-1); border-radius: var(--radius-s); box-shadow: inset 0 0 0 1px var(--negative); }