.terms-page{
  background-color:var(--color-bg);
}
.hero-legal{
  padding-block:var(--space-12);
}
.hero-legal-inner{
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(0,1.4fr);
  gap:var(--space-8);
  align-items:flex-start;
}
.hero-legal-copy{
  max-width:40rem;
}
.hero-legal-aside{
  display:flex;
  flex-direction:column;
  gap:var(--space-4);
}
.hero-legal-age p{
  font-size:var(--text-sm);
  color:rgba(252,248,240,0.9);
}
.hero-legal-links{
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
  font-size:var(--text-sm);
}
.legal-content-section{
  padding-block:var(--space-12);
}
.legal-layout{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,2fr);
  gap:var(--space-8);
  align-items:flex-start;
}
.legal-toc h2{
  font-size:var(--text-lg);
  margin-bottom:var(--space-3);
}
.legal-toc-list{
  display:flex;
  flex-direction:column;
  gap:0.45rem;
  font-size:var(--text-sm);
  margin-bottom:var(--space-4);
}
.legal-toc-list a{
  color:var(--color-text-soft);
}
.legal-toc-list a:hover{
  color:var(--color-accent-burgundy);
}
.legal-toc-cta{
  margin-top:var(--space-2);
}
.legal-article{
  background:var(--color-surface);
  border-radius:var(--radius-lg);
  border:1px solid rgba(176,138,88,0.18);
  padding:var(--space-6);
  box-shadow:var(--shadow-soft);
}
.legal-block+.legal-block{
  margin-top:var(--space-6);
  padding-top:var(--space-6);
  border-top:1px solid rgba(176,138,88,0.18);
}
.legal-list{
  list-style:disc;
  padding-left:1.25rem;
  margin-bottom:var(--space-4);
}
.legal-list li{
  color:var(--color-text-soft);
  margin-bottom:0.35rem;
}
.legal-block-highlight{
  background:var(--color-surface-soft);
  border-radius:var(--radius-md);
  padding:var(--space-5);
  border:1px solid rgba(160,43,50,0.18);
}
.legal-block-highlight+.legal-block{
  border-top:none;
}
.legal-footer-note{
  background:var(--color-surface-soft);
  border-radius:var(--radius-md);
  padding:var(--space-5);
}
@media (max-width:1024px){
  .hero-legal-inner{
    grid-template-columns:1fr;
  }
  .legal-layout{
    grid-template-columns:1fr;
  }
}
@media (max-width:768px){
  .hero-legal{
    padding-block:var(--space-10);
  }
  .legal-article{
    padding:var(--space-4);
  }
}
