.legal-hero{
  background:var(--pine); color:var(--cream);
  padding-top:clamp(7.5rem, 6.5rem + 3vw, 9.5rem);
  padding-bottom:clamp(2.5rem, 2rem + 2vw, 3.5rem);
}
.legal-hero .eyebrow{ color:var(--gold); }
.legal-hero h1{ margin-top:0.8rem; font-family:var(--font-display); font-weight:700; font-size:clamp(2rem,1.7rem + 1.5vw, 2.75rem); }

.legal-body{ background:var(--cream); padding-block:clamp(3rem, 2.5rem + 3vw, 5rem); }
.legal-content{ max-width:680px; margin-inline:auto; }
.legal-content h2{
  font-family:var(--font-display); font-weight:600; font-size:1.3rem;
  margin-top:2.75rem; margin-bottom:0.9rem;
}
.legal-content h2:first-child{ margin-top:0; }
.legal-content p{ margin-bottom:1rem; color:rgba(27,36,32,0.82); }
.legal-content a{ color:var(--gold-ink); text-decoration:underline; text-underline-offset:3px; }
.legal-content ul{ list-style:disc; padding-left:1.4rem; margin-bottom:1rem; }
.legal-content li{ margin-bottom:0.5rem; color:rgba(27,36,32,0.82); }

.legal-filled{
  background:var(--sand); border-left:3px solid var(--pine);
  padding:1.1rem 1.4rem; border-radius:0 var(--radius-sm) var(--radius-sm) 0;
  margin-bottom:1rem;
}
.legal-filled p{ margin-bottom:0; }

.legal-placeholder{
  border:1.5px dashed rgba(27,36,32,0.28); border-radius:var(--radius-sm);
  padding:1.1rem 1.4rem; margin-bottom:1rem; position:relative;
  background:rgba(184,137,62,0.04);
}
.legal-placeholder__tag{
  display:inline-block; font-family:var(--font-display); font-weight:600;
  font-size:0.68rem; letter-spacing:0.1em; text-transform:uppercase;
  color:var(--gold-ink); background:rgba(184,137,62,0.14);
  padding:0.25rem 0.6rem; border-radius:var(--radius-full); margin-bottom:0.6rem;
}
.legal-placeholder p{ margin-bottom:0; color:rgba(27,36,32,0.65); font-style:italic; }

.legal-back{ margin-top:3rem; display:inline-flex; align-items:center; gap:0.5rem; font-family:var(--font-display); font-weight:600; color:var(--pine); }
.legal-back:hover{ color:var(--gold-ink); }