.legal-intro{
  padding:clamp(40px, 6.5vw, 88px) 0 clamp(24px, 5.5vw, 56px);
}

.legal-intro__inner{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:0;
  width:100%;
}

.legal-section{
  padding:clamp(28px, 6vw, 56px) 0;
}

.legal-section__inner{
  display:flex;
  flex-direction:column;
  gap:clamp(1.2rem, 3.5vw, 2.2rem);
}

.legal-section__head{
  display:flex;
  flex-direction:column;
  gap:.2rem;
  max-width:36rem;
  position:static;
  padding:0;
}

.legal-meta{
  font-size:.85rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--muted);
  margin:0;
}

.legal-columns{
  display:grid;
  gap:clamp(1.1rem, 2.6vw, 2rem);
  grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
}

.legal-content{
  display:grid;
  gap:clamp(1rem, 2.6vw, 1.6rem);
}

.legal-article h3{
  margin:.08rem 0 .45rem;
  font-size:1.08rem;
}

.legal-article p{
  margin:0;
  color:color-mix(in oklab, var(--text), var(--muted) 22%);
}

.legal-article a{
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-decoration-color:color-mix(in oklab, currentColor, transparent 40%);
}

.legal-article a:hover,
.legal-article a:focus-visible{
  text-decoration-color:currentColor;
}

.legal-stand{
  margin:clamp(1.2rem, 2.6vw, 2rem) 0 0;
  color:var(--muted);
}

@media (min-width:960px){
  .legal-section__inner{
    gap:clamp(1.6rem, 2.6vw, 2.4rem);
  }

  .legal-content{
    column-gap:2.2rem;
    row-gap:clamp(1.2rem, 2.6vw, 2rem);
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .legal-article{
    display:flex;
    flex-direction:column;
    gap:.35rem;
  }
}