/* ===== legal pages (Termos de Uso / Política de Privacidade) ===== */

/* ===== utility bar: back to home + link to the other legal doc ===== */
.legal-nav{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;
  padding:22px 0;border-bottom:1px solid var(--border-default);
}
.legal-nav a{font-size:13.5px;font-weight:600;color:var(--blue-600);transition:color 150ms ease-out}
.legal-nav a:hover{color:var(--bg-brand-hover)}

/* ===== page shell ===== */
.legal-page{padding:56px 0 100px;background:var(--white)}
.legal-content{max-width:760px;margin:0 auto;overflow-wrap:anywhere}

/* ===== typography ===== */
.legal-content h1{
  font-family:var(--font-display);font-weight:700;font-size:34px;line-height:1.15;
  letter-spacing:-.01em;color:var(--navy-900);margin:0 0 10px;
}
.legal-content .legal-updated{font-size:13.5px;color:var(--gray-500);margin:0 0 40px}
.legal-content h2{
  font-family:var(--font-display);font-weight:700;font-size:22px;line-height:1.3;
  letter-spacing:-.005em;color:var(--navy-900);margin:46px 0 14px;
}
.legal-content h2:first-of-type{margin-top:0}
.legal-content h3{
  font-family:var(--font-display);font-weight:700;font-size:17px;line-height:1.35;
  color:var(--navy-900);margin:28px 0 10px;
}
.legal-content p{font-size:15px;line-height:1.7;color:var(--gray-700);margin:0 0 16px}
.legal-content ul,.legal-content ol{margin:0 0 16px;padding-left:22px;display:flex;flex-direction:column;gap:8px}
.legal-content li{font-size:15px;line-height:1.65;color:var(--gray-700)}
.legal-content strong{color:var(--navy-900);font-weight:700}
.legal-content code{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;
  background:var(--gray-100);border:1px solid var(--border-default);border-radius:5px;
  padding:1px 6px;color:var(--navy-900);
}
.legal-content a{color:var(--blue-600);text-decoration:underline;text-decoration-color:rgba(29,78,216,.35)}
.legal-content a:hover{color:var(--bg-brand-hover)}

@media (max-width:640px){
  .legal-page{padding:40px 0 72px}
  .legal-content h1{font-size:27px}
  .legal-content h2{font-size:19px;margin-top:36px}
  .legal-content h3{font-size:16px}
}