/* legal.css — long-form legal pages (privacy, terms) for imanna.ai. Loads AFTER styles.css and
   reuses its design tokens (--bg, --txt, --muted, --border, --c1, --grad2). Prose-focused; no JS,
   no intro animation, no particles — a legal page must load instantly and print cleanly. */

body.legal { background: var(--bg); }

.legal-nav { position: sticky; top: 0; z-index: 50; background: rgba(7,11,22,.72); backdrop-filter: blur(14px); border-bottom: 1px solid var(--border); }
.legal-nav .nav-in { display: flex; align-items: center; justify-content: space-between; height: 66px; }
.legal-nav .btn { padding: 9px 16px; font-size: 14px; }

.legal-wrap { max-width: 820px; margin: 0 auto; padding: 44px 24px 72px; position: relative; z-index: 2; }
.legal-wrap .eyebrow { display: block; margin-bottom: 12px; }
.legal-wrap h1 { font-family: 'Sora','Inter',sans-serif; font-size: clamp(28px,5vw,40px); line-height: 1.15; margin-bottom: 10px; }
.legal-meta { color: var(--dim); font-size: 14px; }
.legal-lead { color: var(--muted); font-size: 17px; margin: 20px 0 6px; line-height: 1.7; }

.legal-toc { background: var(--bg2); border: 1px solid var(--border); border-radius: 12px; padding: 16px 20px; margin: 26px 0 10px; }
.legal-toc strong { display: block; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; color: var(--c1); margin-bottom: 10px; }
.legal-toc ul { list-style: none; padding: 0; margin: 0; columns: 2; column-gap: 28px; font-size: 14px; }
.legal-toc li { margin-bottom: 7px; break-inside: avoid; }
.legal-toc a { color: var(--muted); text-decoration: none; }
.legal-toc a:hover { color: var(--txt); }
@media (max-width: 560px) { .legal-toc ul { columns: 1; } }

.legal-wrap h2 { font-family: 'Sora','Inter',sans-serif; font-size: 20px; margin: 40px 0 12px; padding-top: 22px; border-top: 1px solid var(--border); color: var(--txt); scroll-margin-top: 84px; }
.legal-wrap h3 { font-size: 16px; margin: 24px 0 8px; color: var(--txt); }
.legal-wrap p { color: var(--muted); margin: 0 0 14px; font-size: 15.5px; line-height: 1.75; }
.legal-wrap ul, .legal-wrap ol { color: var(--muted); margin: 0 0 14px; padding-left: 22px; font-size: 15.5px; line-height: 1.75; }
.legal-wrap li { margin-bottom: 7px; }
.legal-wrap a { color: var(--c1); text-decoration: underline; text-underline-offset: 2px; }
.legal-wrap a:hover { color: var(--c2); }
.legal-wrap strong { color: var(--txt); }
.legal-wrap code { background: var(--card); border: 1px solid var(--border); border-radius: 6px; padding: 1px 6px; font-size: 13.5px; color: var(--txt); }

.legal-callout { background: var(--card); border: 1px solid var(--border); border-left: 3px solid var(--c1); border-radius: 10px; padding: 16px 18px; margin: 20px 0; }
.legal-callout p:last-child { margin-bottom: 0; }
.legal-callout p:first-child { color: var(--txt); font-weight: 600; }

.legal-foot { border-top: 1px solid var(--border); margin-top: 56px; padding-top: 22px; color: var(--dim); font-size: 13.5px; display: flex; gap: 18px; flex-wrap: wrap; align-items: center; }
.legal-foot a { color: var(--muted); text-decoration: none; }
.legal-foot a:hover { color: var(--txt); }
.legal-foot .spacer { flex: 1; }