*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --green: #4a7c2f; --green-dark: #355c20; --green-light: #629940;
  --green-pale: #f0f7ea; --green-mid: #ddeecf;
  --bg: #faf9f7; --bg2: #f3f2ef; --text: #1a1a18;
  --muted: #5a5a54; --faint: #9a9a90; --border: #e4e2dc;
  --radius: 10px; --radius-lg: 16px;
  --font: 'Instrument Sans', system-ui, sans-serif;
}
html { scroll-behavior: smooth; }
body { font-family: var(--font); background: var(--bg); color: var(--text); line-height: 1.7; font-size: 16px; -webkit-font-smoothing: antialiased; }
a { color: var(--green); }
.container { max-width: 720px; margin: 0 auto; padding: 0 1.5rem; }

.legal-nav { position: sticky; top: 0; z-index: 100; background: rgba(250,249,247,0.95); backdrop-filter: blur(8px); border-bottom: 1px solid var(--border); padding: 0 1.5rem; height: 60px; display: flex; align-items: center; max-width: 100%; }
.legal-nav a { display: flex; align-items: center; gap: 0.5rem; font-weight: 700; font-size: 1.05rem; color: var(--green-dark); text-decoration: none; }
.legal-nav a i { width: 20px; height: 20px; color: var(--green); }
.legal-nav .logo-text > span { color: var(--green-light); }

.legal-header { padding: 3rem 0 2rem; border-bottom: 1px solid var(--border); }
.legal-header h1 { font-size: 2rem; font-weight: 700; letter-spacing: -0.03em; color: var(--text); margin-bottom: 0.5rem; }
.legal-header p { font-size: 0.9375rem; color: var(--muted); }

.legal-body { padding: 2rem 0 4rem; }
.legal-body h2 { font-size: 1.15rem; font-weight: 700; color: var(--text); margin: 2rem 0 0.5rem; padding-top: 1.5rem; border-top: 1px solid var(--border); }
.legal-body h2:first-child { border-top: none; padding-top: 0; margin-top: 0; }
.legal-body p { font-size: 0.9375rem; color: var(--muted); margin-bottom: 0.75rem; line-height: 1.7; }

footer { background: var(--green-dark); color: rgba(255,255,255,0.75); padding: 2rem 0; margin-top: 2rem; text-align: center; font-size: 0.825rem; }
footer a { color: rgba(255,255,255,0.6); }
footer a:hover { color: white; }
