.legal { max-width: 46rem; margin: 0 auto; padding: 1.5rem 0 3rem; line-height: 1.7; }
.legal h1 { font-family: "Bricolage Grotesque", Inter, sans-serif; font-size: clamp(1.7rem, 4vw, 2.3rem); line-height: 1.15; margin: 0 0 .4rem; text-wrap: balance; }
.legal h2 { font-size: 1.15rem; margin: 2rem 0 .5rem; text-wrap: balance; }
.legal p, .legal li { text-wrap: pretty; }
.legal ul { padding-left: 1.25rem; list-style: disc; }
.legal li { margin: .3rem 0; }
.legal a { color: rgb(var(--a-400, 248 113 113)); text-underline-offset: 3px; }
.legal mark { background: rgb(var(--a-500, 229 37 42) / .18); color: inherit; padding: 0 .3em; border-radius: .25rem; }
.legal code { font-size: .85em; }
.legal-meta { color: var(--muted-foreground); font-size: .875rem; margin: 0 0 1rem; }
.legal-nav { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1rem; }
.legal-nav a { padding: .4rem .8rem; border: 1px solid var(--border); border-radius: 999px; font-size: .85rem; text-decoration: none; color: var(--muted-foreground); }
.legal-nav a[aria-current] { color: var(--foreground); border-color: rgb(var(--a-500, 229 37 42) / .6); }
.legal table { width: 100%; border-collapse: collapse; font-size: .875rem; margin: 1rem 0; display: block; overflow-x: auto; }
.legal th, .legal td { text-align: left; vertical-align: top; padding: .6rem .75rem; border-bottom: 1px solid var(--border); min-width: 10rem; }
.legal th { color: var(--muted-foreground); font-weight: 600; }