.terms-intro { padding: 30px 0 0; }
.terms-intro > p { margin: 0 0 16px; color: #bdc8d6; font: 400 16px/1.7 Inter, system-ui, sans-serif; }
.terms-toc { display: flex; flex-wrap: wrap; gap: 10px; }
.terms-toc a { padding: 8px 12px; border: 1px solid rgba(164, 186, 214, .22); border-radius: 999px; color: #c7d3df; font: 600 12px/1.3 Inter, system-ui, sans-serif; text-decoration: none; }
.terms-toc a:hover,
.terms-toc a:focus-visible { border-color: rgba(0, 212, 170, .62); color: #00d4aa; outline: none; }
.terms-content { padding-top: 20px; }
.terms-content h2 { padding-top: 34px; border-top: 1px solid rgba(164, 186, 214, .18); }
.terms-content h3 { scroll-margin-top: 100px; }
.terms-content h4 { margin: 24px 0 8px; color: #dce5ed; font: 700 16px/1.35 "Space Grotesk", sans-serif; }
.terms-content ol { max-width: 76ch; margin: 0 0 22px; padding-left: 28px; color: #bdc8d6; }

@media (max-width: 640px) {
  .terms-toc { gap: 8px; }
  .terms-toc a { padding: 7px 10px; }
}