/* ─── Legal / policy pages ───────────────────────────────────────────────
   Long-form reading pages. Deliberately quieter than the marketing templates:
   one column, generous measure, no cards, no stat strips. Uses the shared
   #pg tokens from pg-base.css so it stays on the design system, and the
   hero/section-divider treatment from service.css so it does not read as a
   bolted-on page. */

#pg .legal{background:var(--cream);padding:clamp(64px,8vw,110px) 0}
#pg .legal__inner{max-width:780px;margin:0 auto;padding:0 32px}

#pg .legal__updated{
  font-family:var(--font-b);font-size:13px;color:var(--muted);
  padding-bottom:22px;margin-bottom:40px;border-bottom:1px solid var(--border);
}

#pg .legal__lede{
  font-size:clamp(17px,2vw,19px);line-height:1.7;color:var(--text);
  margin-bottom:14px;
}
#pg .legal__lede:last-of-type{margin-bottom:48px}

#pg .legal h2{
  font-family:var(--font-h);font-size:clamp(21px,2.4vw,27px);font-weight:700;
  letter-spacing:-.015em;color:var(--darker);
  margin:48px 0 16px;padding-top:8px;
}
#pg .legal h2:first-of-type{margin-top:0}

#pg .legal h3{
  font-family:var(--font-h);font-size:17px;font-weight:600;
  color:var(--darker);margin:28px 0 10px;
}

#pg .legal p{font-size:16px;line-height:1.75;color:var(--text);margin-bottom:16px}
#pg .legal ul{margin:0 0 20px;padding-left:22px}
#pg .legal li{font-size:16px;line-height:1.75;color:var(--text);margin-bottom:9px}
#pg .legal li::marker{color:var(--orange)}

#pg .legal a{
  color:var(--orange-a11y,#8A5600);font-weight:600;
  text-decoration:underline;text-underline-offset:2px;
}
#pg .legal a:hover{color:var(--darker)}

/* Contact block at the foot of the policy: the one piece of the page that
   should be findable at a glance rather than read in sequence. */
#pg .legal__contact{
  margin-top:52px;padding:32px;border-radius:20px;
  background:var(--white);border:1px solid var(--border);
  border-left:3px solid var(--orange);
  box-shadow:0 2px 10px rgba(0,0,0,.05),0 12px 32px rgba(0,0,0,.06);
}
#pg .legal__contact h2{margin-top:0}
#pg .legal__contact p:last-child{margin-bottom:0}

@media(max-width:640px){
  #pg .legal__inner{padding:0 20px}
  #pg .legal__contact{padding:24px 20px}
}