.legal-hero {
  position: relative;
  overflow: hidden;
  background: var(--hs-gradient-page);
}

.legal-hero-content {
  position: relative;
  z-index: 1;
}

.legal-content {
  position: relative;
  z-index: 1;
}

.legal-toc {
  position: sticky;
  top: 76px;
  padding: .75rem;
  border: 1px solid var(--hs-color-border);
  border-radius: var(--hs-radius-control);
  background: rgba(255, 255, 255, .88);
  box-shadow: 0 4px 18px rgba(17, 24, 39, .04);
  backdrop-filter: blur(8px);
}

.legal-toc a {
  display: block;
  padding: .35rem .5rem;
  border-radius: calc(var(--hs-radius-control) - .15rem);
  color: var(--hs-color-text);
  text-decoration: none;
}

.legal-toc a:hover,
.legal-toc a:focus-visible {
  background: rgba(134, 194, 166, .12);
  color: var(--hs-color-action);
}

.legal-content .list-check li::marker {
  color: var(--hs-color-action);
}

.legal-content .section-title {
  scroll-margin-top: 90px;
}

.legal-shape-pink {
  top: -80px;
  left: -80px;
}

.legal-shape-teal {
  right: -100px;
  bottom: -80px;
}

.legal-guidelines-shape-pink {
  top: -60px;
  left: -60px;
}

.legal-guidelines-shape-teal {
  right: -80px;
  bottom: -60px;
}

html[dir="rtl"] .legal-shape-pink {
  right: -80px;
  left: auto;
}

html[dir="rtl"] .legal-shape-teal {
  right: auto;
  left: -100px;
}

html[dir="rtl"] .legal-guidelines-shape-pink {
  right: -60px;
  left: auto;
}

html[dir="rtl"] .legal-guidelines-shape-teal {
  right: auto;
  left: -80px;
}

@media (max-width: 991.98px) {
  .legal-toc {
    position: static;
  }
}