/* ==========================================================================
   OCDIESEL — legal / long-form text pages
   ========================================================================== */
.legal{background:var(--surface-page);padding:64px 24px 80px}
.legal__inner{max-width:720px;margin:0 auto}
.legal h1{
  font-family:var(--font-heading);font-weight:800;
  font-size:clamp(28px,4vw,40px);color:var(--text-heading);
  letter-spacing:-.02em;margin:0 0 8px;
}
.legal__meta{
  font-family:var(--font-support);font-size:12px;font-weight:600;
  letter-spacing:var(--ls-label);text-transform:uppercase;
  color:var(--text-muted);margin:0 0 28px;
}
.legal__lede{
  font-size:16px;line-height:1.75;color:var(--text-body);
  padding:20px 22px;background:var(--surface-subtle);
  border-left:3px solid var(--navy-600);border-radius:0 8px 8px 0;
  margin:0 0 40px;
}
.legal h2{
  font-family:var(--font-heading);font-weight:700;font-size:20px;
  color:var(--text-heading);margin:40px 0 12px;
}
.legal h3{
  font-family:var(--font-heading);font-weight:600;font-size:15px;
  color:var(--text-heading);margin:24px 0 8px;
}
.legal p{font-size:15px;font-weight:300;line-height:1.8;color:var(--text-body);margin:0 0 14px}
.legal ul{margin:0 0 16px;padding-left:22px}
.legal li{font-size:15px;font-weight:300;line-height:1.8;color:var(--text-body);margin-bottom:6px}
.legal strong{font-weight:600;color:var(--text-heading)}
.legal a{color:var(--navy-600);text-decoration:underline}
.legal a:hover{color:var(--navy-400)}
.legal__contact{
  padding:20px 22px;background:var(--surface-subtle);
  border-radius:var(--radius-md);line-height:1.9;
}
@media (max-width:560px){
  .legal{padding:44px 18px 56px}
  .legal__lede{padding:16px 18px}
}