.terms-page{
  display:block;
}

.terms-hero-inner{
  max-width:720px;
  margin-inline:auto;
  display:flex;
  flex-direction:column;
  gap:var(--space-4);
  text-align:left;
}

.terms-lead{
  line-height:1.7;
}

.terms-warning{
  padding:var(--space-4);
}

.terms-wide{
  max-width:820px;
}

.terms-wide h3{
  margin-top:var(--space-4);
}

.terms-wide p,
.terms-wide ul{
  line-height:1.7;
}

.terms-narrow{
  max-width:760px;
  margin-inline:auto;
}

.terms-narrow h3{
  margin-top:var(--space-4);
}

.terms-narrow p{
  line-height:1.75;
}

.terms-highlight{
  max-width:700px;
  margin-inline:auto;
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
  background:var(--color-surface-alt);
}

.terms-end{
  max-width:720px;
  margin-inline:auto;
}

.terms-end h3{
  margin-top:var(--space-4);
}

@media (max-width:768px){
  .terms-hero-inner,
  .terms-wide,
  .terms-narrow,
  .terms-highlight,
  .terms-end{
    max-width:100%;
  }

  .terms-hero-inner{
    gap:var(--space-3);
  }
}