/* Legal pages (privacy policies): one readable column on the site's dark ground */
.legal { position: relative; z-index: 1; max-width: 820px; margin: 0 auto; padding: 40px 16px 72px; display: grid; gap: 28px; }
.legal__brand { justify-self: start; }
.legal__box { padding: clamp(24px, 5vw, 48px); border-radius: var(--radius); border: 1px solid var(--line-strong); background: var(--bg-2); color: var(--text); }
.legal__eyebrow { font-family: "IBM Plex Mono", ui-monospace, monospace; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: var(--accent); margin: 0 0 8px; }
.legal h1 { font-family: Montserrat, system-ui, sans-serif; font-size: clamp(26px, 4vw, 36px); font-weight: 800; letter-spacing: -0.02em; line-height: 1.15; margin: 0; text-wrap: balance; }
.legal__meta { color: var(--muted); margin: 10px 0 8px; font-family: "IBM Plex Mono", ui-monospace, monospace; font-size: 14px; }
.legal h2 { font-family: Montserrat, system-ui, sans-serif; font-size: 20px; font-weight: 700; margin: 34px 0 10px; }
.legal p, .legal li { line-height: 1.65; max-width: 70ch; color: var(--text); }
.legal ul { padding-left: 20px; display: grid; gap: 12px; }
.legal em { color: var(--muted); font-style: normal; font-weight: 600; }
.legal code { font-family: "IBM Plex Mono", ui-monospace, monospace; font-size: 13px; overflow-wrap: anywhere; color: var(--muted); }
.legal a { color: var(--accent); }
.legal__list { font-size: 17px; font-weight: 600; }
.legal__back { margin-top: 36px; color: var(--muted); }