/* Legal page content styling — extends legal-shared.css */
.legal-hero{
  background:var(--dark-2);
  border-bottom:1px solid var(--line);
  padding:64px 0 40px;
}
.legal-hero .wrap{max-width:760px}
.legal-eyebrow{
  font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  color:var(--blue-2);margin-bottom:14px;
}
.legal-hero h1{
  font-size:clamp(30px,4vw,44px);font-weight:700;letter-spacing:-.03em;
  color:var(--white);margin-bottom:14px;
}
.legal-updated{font-size:14px;color:var(--ink-3)}

.legal-body{background:var(--white);color:#1f2937}
.legal-body .wrap{max-width:760px;padding-top:56px;padding-bottom:96px}
.legal-intro{font-size:16.5px;line-height:1.75;color:#374151;margin-bottom:16px}
.legal-intro:last-of-type{margin-bottom:48px}

.legal-section{padding:32px 0;border-top:1px solid #e5e7eb}
.legal-section:first-of-type{border-top:none;padding-top:0}
.legal-section h2{
  font-size:22px;font-weight:700;letter-spacing:-.02em;color:#0c1422;
  margin-bottom:16px;display:flex;align-items:baseline;gap:10px;
}
.legal-section h2 .num{color:var(--blue);font-variant-numeric:tabular-nums}
.legal-section h3{
  font-size:16px;font-weight:600;color:#0c1422;margin:20px 0 8px;
}
.legal-section p{font-size:15.5px;line-height:1.75;color:#374151;margin-bottom:14px}
.legal-section ul{margin:0 0 14px 20px;padding:0}
.legal-section li{font-size:15.5px;line-height:1.75;color:#374151;margin-bottom:6px}
.legal-section a{color:var(--blue);transition:color 120ms}
.legal-section a:hover{color:var(--blue-dk)}
.legal-contact{
  max-width:700px;margin:56px auto 0;
  text-align:center;
  padding:40px 32px;
  background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--r-lg);
}
.legal-contact h3{font-size:20px;font-weight:700;letter-spacing:-.02em;color:#0c1422;margin-bottom:8px}
.legal-contact p{font-size:15.5px;line-height:1.6;color:#475569;margin-bottom:24px}
.legal-contact .btn{margin:0 auto;color:#fff}
.legal-contact .btn:hover{color:#fff}

@media(max-width:640px){
  .legal-hero{padding:48px 0 32px}
  .legal-body .wrap{padding-top:40px;padding-bottom:64px}
  .legal-section{padding:24px 0}
  .legal-section h2{font-size:19px}
  .legal-contact{margin-top:32px;padding:32px 24px}
}