/* ===== Krunal Capital — Legal / policy pages (Privacy, Terms, Refund) =====
   Chrome (header/footer, buttons, vars) comes from cars.css. This only styles
   the readable prose body shared by the three legal pages. */

.legal-hero{
  background:linear-gradient(135deg,#05153a,#0B5ED7);
  color:#fff;padding:56px 0 46px;
}
.legal-hero .container{max-width:900px;}
.legal-hero .lh-eyebrow{
  display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.5px;
  text-transform:uppercase;color:#9EC5FF;margin-bottom:12px;
}
.legal-hero h1{font-size:clamp(28px,4vw,42px);font-weight:800;line-height:1.15;margin-bottom:12px;}
.legal-hero p{font-size:15px;color:#CFE0FF;max-width:640px;line-height:1.7;}
.legal-hero .lh-updated{margin-top:16px;font-size:13px;color:#9EC5FF;}

.legal-wrap{max-width:900px;margin:0 auto;padding:48px 20px 64px;}
.legal-toc{
  background:#F8FAFF;border:1px solid #E3ECFF;border-radius:14px;
  padding:20px 24px;margin-bottom:40px;
}
.legal-toc h4{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--blue);margin-bottom:12px;}
.legal-toc ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;}
.legal-toc a{font-size:14px;color:var(--text);text-decoration:none;display:inline-flex;gap:8px;}
.legal-toc a:hover{color:var(--blue);}
.legal-toc a::before{content:'→';color:var(--blue-mid);}

.legal-body h2{
  font-size:20px;font-weight:800;color:var(--text);
  margin:38px 0 14px;padding-top:10px;scroll-margin-top:90px;
}
.legal-body h2:first-child{margin-top:0;}
.legal-body h3{font-size:15.5px;font-weight:700;margin:22px 0 8px;color:var(--text);}
.legal-body p{font-size:15px;line-height:1.85;color:var(--mid);margin-bottom:14px;}
.legal-body ul{margin:0 0 16px;padding-left:22px;}
.legal-body li{font-size:15px;line-height:1.8;color:var(--mid);margin-bottom:8px;}
.legal-body a{color:var(--blue);text-decoration:none;font-weight:600;}
.legal-body a:hover{text-decoration:underline;}
.legal-body strong{color:var(--text);font-weight:700;}

.legal-note{
  background:#FFF7ED;border:1px solid #FED7AA;border-left:4px solid var(--orange,#F97316);
  border-radius:10px;padding:16px 20px;margin:22px 0;
}
.legal-note p{margin:0;font-size:14.5px;color:#7C2D12;}
.legal-note strong{color:#7C2D12;}

.legal-contact{
  background:#F0F9FF;border:1px solid #BAE6FD;border-radius:14px;
  padding:24px 26px;margin-top:36px;
}
.legal-contact h3{margin-top:0;font-size:16px;font-weight:800;color:var(--text);}
.legal-contact p{margin-bottom:6px;font-size:14.5px;color:var(--mid);}
.legal-contact a{color:var(--blue);font-weight:600;text-decoration:none;}

@media(max-width:620px){
  .legal-toc ul{grid-template-columns:1fr;}
}