/* Toll legal pages (privacy.html, terms.html) — long-form typography only.
   Reuses landing/style.css tokens (--disp, --sans, --hairline, --text, --text-2, --hairline-strong, --sp-*).
   No new colors, no external hosts, no @import. style.css itself is untouched. */

.back-link{
  display:inline-block;margin-top:32px;margin-bottom:var(--sp-4);
  font-family:var(--disp);font-size:13px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--text-2);text-decoration:none;
}
.back-link:hover{color:var(--text)}

.legal{padding-bottom:var(--sp-6)}
.legal h1{
  font-family:var(--disp);font-weight:800;text-transform:uppercase;letter-spacing:-.02em;
  font-size:clamp(32px,7vw,44px);line-height:1.05;margin-bottom:var(--sp-2);
}
.legal h2{
  font-family:var(--disp);font-weight:800;font-size:19px;
  margin:var(--sp-5) 0 var(--sp-2);padding-top:var(--sp-3);border-top:1px solid var(--hairline);
}
.legal h2:first-of-type{margin-top:var(--sp-4);border-top:none;padding-top:0}
.legal h3{font-family:var(--disp);font-weight:800;font-size:15px;color:var(--text-2);margin:var(--sp-3) 0 6px}
.legal p{color:var(--text-2);margin-bottom:var(--sp-2)}
.legal p strong,.legal li strong{color:var(--text)}
.legal ul,.legal ol{margin:0 0 var(--sp-2) var(--sp-3);color:var(--text-2)}
.legal li{margin-bottom:6px}
/* --hot по правилам проекта — только цифры, primary-CTA и штамп. Тут ни то, ни другое. */
.legal a{color:var(--text);text-decoration:underline;text-underline-offset:3px}
.legal .ph{color:var(--text);border-bottom:1px dashed var(--hairline-strong)}

.legal-footer-nav{margin-top:var(--sp-5);font-size:14px}
.legal-footer-nav a{color:var(--text-2);text-decoration:underline}
.legal-footer-nav a+a{margin-left:var(--sp-3)}