/* Legal pages — page-specific styles.
   Shared tokens, nav, footer, and language picker come from ../assets/base.css */

body{line-height:1.7}
.wrap{max-width:780px;margin:0 auto;padding:0 24px}

.legal-hero{padding:60px 0 24px}
.legal-hero .eyebrow{color:var(--primary);font-weight:700;font-size:.85rem;letter-spacing:1px;text-transform:uppercase}
.legal-hero h1{font-size:clamp(2rem,5vw,2.8rem);font-weight:800;letter-spacing:-1px;margin:12px 0 10px}
.legal-hero .updated{color:var(--muted);font-size:.9rem}

.prose{background:#fff;border:1px solid var(--line);border-radius:22px;padding:40px;margin:18px 0 70px;box-shadow:var(--shadow)}
.prose h2{font-size:1.2rem;font-weight:800;margin:30px 0 8px;display:flex;align-items:baseline;gap:10px}
.prose h2:first-child{margin-top:0}
.prose h2 .n{color:var(--primary);font-size:.95rem;font-weight:800;flex:none}
.prose p{color:#4a443c;margin:0 0 4px}
.prose ul{margin:6px 0 4px;padding-left:22px;color:#4a443c}
.prose li{margin:4px 0}
.prose a{color:var(--primary);font-weight:600}
.prose strong{color:var(--ink)}
#intro{color:#4a443c;margin-bottom:4px}