/* Shared styles for privacy.html and terms.html (same tokens as the app). */
@import url('/style.css');
body { display: block; }
.topbar { max-width: 720px; }
.topbar a { display: inline-flex; align-items: center; min-height: 44px; text-decoration: none; color: inherit; }
.legal { display: block; flex: none; max-width: 720px; margin: 0 auto; padding: 8px var(--gutter) 64px; line-height: 1.6; font-size: 16px; overflow-wrap: break-word; }
.legal h1 { font-size: clamp(28px, 8vw, 34px); line-height: 1.15; letter-spacing: -0.02em; margin: 8px 0 6px; }
.legal h2 { font-size: 20px; line-height: 1.25; margin: 32px 0 8px; letter-spacing: -0.01em; }
.legal p, .legal li { color: var(--ink-2); }
.legal strong { color: var(--ink); }
.legal ul { padding-left: 20px; }
.legal li { margin: 6px 0; }
.legal a { color: var(--accent-text); text-underline-offset: 2px; }
.legal .updated { font-size: 14px; color: var(--ink-3); margin: 0 0 20px; }
.draft {
  border: 1px dashed var(--accent); border-radius: 14px; padding: 12px 16px; margin: 16px 0 8px;
  background: color-mix(in srgb, var(--accent) 8%, transparent); color: var(--ink); font-size: 14px;
}
.legal table { width: 100%; border-collapse: collapse; font-size: 14px; margin: 8px 0; }
.legal th, .legal td { text-align: left; vertical-align: top; padding: 8px 6px; border-bottom: 1px solid var(--line); color: var(--ink-2); overflow-wrap: anywhere; }
.legal th { color: var(--ink); font-weight: 600; }