/* Privacy page — a quiet reading column.
   Everything else comes from site.css. */

.legal{
  max-width:74ch;margin-inline:auto;
  padding:clamp(40px,6vw,80px) clamp(22px,4vw,64px);
}
.legal h1{
  font-size:clamp(38px,6vw,62px);line-height:1.05;
  margin:6px 0 0;
}
.legal-lede{
  color:var(--ink-soft);font-size:16px;line-height:1.75;
  margin:16px 0 clamp(28px,4vw,44px);
  padding-bottom:clamp(24px,4vw,36px);
  border-bottom:1px solid rgba(169,133,95,.35);
}
.legal h2{
  font-size:clamp(21px,2.6vw,27px);
  margin:clamp(30px,4vw,46px) 0 10px;
}
.legal p{color:var(--ink-soft);line-height:1.8;margin:0 0 14px}
.legal ul{margin:0 0 16px;padding-left:20px;color:var(--ink-soft)}
.legal li{line-height:1.8;margin-bottom:7px}
.legal li strong{font-weight:500;color:var(--ink)}
.legal a{color:var(--caramel);border-bottom:1px solid rgba(169,133,95,.5)}
.legal a:hover{color:var(--forest);border-bottom-color:currentColor}

.legal-back{
  margin-top:clamp(36px,5vw,56px);
  padding-top:clamp(22px,3vw,30px);
  border-top:1px solid rgba(169,133,95,.35);
}
.legal-back a{
  font-size:11.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;
  border:0;
}

@media (max-width:760px){
  .legal{padding:36px 20px 46px}
}