.legal-grid{
  grid-template-columns:repeat(12,1fr);
  align-items:start;
}

.legal-main{
  grid-column:span 8;
}

.legal-aside{
  grid-column:span 4;
}

.legal-toc{
  padding:var(--space-4);
  margin:0 0 var(--space-6);
}

.legal-toc__list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:10px 14px;
}

.legal-toc__link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:var(--text-14);
  line-height:var(--lh-normal);
  color:var(--color-text);
  text-decoration:none;
  padding:6px 10px;
  border-radius:var(--radius-pill);
  border:1px solid rgba(217,222,232,.9);
  background:rgba(238,243,255,.55);
}

.legal-toc__link:hover{
  text-decoration:none;
  background:rgba(238,243,255,.85);
}

.legal-links{
  margin:var(--space-4) var(--space-4) var(--space-4);
  padding-left:22px;
}

.legal-bullets{
  margin:0;
  padding-left:22px;
}

.legal-contact{
  margin:0;
  padding-left:22px;
}

.legal-main h2{
  margin-top:var(--space-8);
}

.legal-main h3{
  margin-top:var(--space-6);
}

.legal-main hr{
  margin:var(--space-8) 0;
}

@media (max-width: 899px){
  .legal-main{ grid-column:span 12; }
  .legal-aside{ grid-column:span 12; }
  .legal-toc{ padding:var(--space-3); }
  .legal-toc__list{ gap:10px; }
}

.legal-aside .notice{
  margin-bottom:var(--space-6);
}