/* Shared document layout, using the workspace colour and type tokens. */
body { margin: 0; height: auto; overflow: auto; background: var(--canvas); color: var(--ink); }
.legal-page { width: min(720px, calc(100% - 32px)); margin: 40px auto; padding: clamp(24px, 5vw, 48px); border: 1px solid var(--line); border-radius: 20px; background: var(--paper); }
.legal-page .legal-back { display: inline-flex; align-items: center; min-height: 44px; margin-bottom: 20px; color: var(--accent); text-decoration: underline; text-underline-offset: 4px; }
.legal-page h1 { margin: 0 0 16px; font-size: clamp(28px, 6vw, 38px); line-height: 1.2; }
.legal-page h2 { margin: 28px 0 10px; font-size: 20px; }
.legal-page p { margin: 0; color: var(--muted); font-size: 16px; line-height: 1.7; }
@media (max-width: 600px) { .legal-page { margin: 16px auto; } }