/* ============================================================
   LEGAL PAGES (Privacy Policy, Terms & Conditions)
   Shared, simple article layout -- readable long-form text
   rather than a marketing layout.
   ============================================================ */

.legal-hero{
  background:var(--bar-bg);
  padding:72px 0 48px;
}
.legal-hero .wrap{ max-width:820px; }
.legal-crumb{
  display:flex; align-items:center; gap:8px;
  font-size:12.5px; font-weight:600; color:var(--text-muted);
  margin:0 0 20px;
}
.legal-crumb a{ color:var(--blue-accent); }
.legal-crumb .sep{ opacity:.5; }
.legal-hero h1{
  font-family:'Crimson Pro', Georgia, serif; font-weight:600;
  font-size:clamp(30px,4vw,44px); color:var(--navy); margin:0 0 12px;
}
.legal-updated{ font-size:13.5px; color:var(--text-muted); margin:0; }

.legal-content{
  padding:56px 0 96px;
}
.legal-content .wrap{ max-width:820px; }
.legal-content h2{
  font-size:19px; font-weight:800; color:var(--navy);
  margin:40px 0 14px;
}
.legal-content h2:first-child{ margin-top:0; }
.legal-content p{
  font-size:15px; line-height:1.85; color:var(--text-muted); margin:0 0 16px;
}
.legal-content ul{
  margin:0 0 16px; padding-left:20px;
}
.legal-content li{
  font-size:15px; line-height:1.85; color:var(--text-muted); margin-bottom:8px;
}
.legal-content a{ color:var(--blue-accent); font-weight:600; }
.legal-content a:hover{ text-decoration:underline; }
.legal-content strong{ color:var(--navy); }

@media (max-width:700px){
  .legal-hero{ padding:52px 0 36px; }
  .legal-content{ padding:40px 0 64px; }
}