@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;600&family=JetBrains+Mono:wght@600&display=swap');
:root { --accent: #0f766e; --ink: #191a16; --ink-2: #5f6157; --bg: #f4f4ef; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 400 1rem/1.6 'IBM Plex Sans', system-ui, sans-serif; }
a { color: color-mix(in srgb, var(--accent) 78%, var(--ink)); }
.syng-legal-top { max-width: 760px; margin: 0 auto; padding: 1.2rem 20px; }
.syng-legal-top a { font: 600 1.15rem/1 'JetBrains Mono', monospace; color: var(--ink); text-decoration: none; }
.syng-legal-top a::before { content: "> "; color: var(--accent); }
.syng-legal-main { max-width: 760px; margin: 0 auto; padding: 1rem 20px 3rem; }
.syng-legal h1, .syng-legal h2 { font-family: 'JetBrains Mono', monospace; letter-spacing: -.02em; line-height: 1.15; }
.syng-legal h1 { font-size: clamp(1.7rem, 4vw, 2.3rem); }
.syng-legal h2 { font-size: 1.2rem; margin-top: 2rem; }
.syng-legal p, .syng-legal li { max-width: 68ch; }
.syng-legal-top a { display: inline-flex; align-items: center; min-height: 44px; }
.syng-legal-meta, .syng-legal-draft { color: var(--ink-2); font-size: .92rem; }
.syng-legal-foot { max-width: 760px; margin: 0 auto; padding: 1.5rem 20px 2.5rem; border-top: 1px solid #cfcfc4; color: var(--ink-2); }