.legal-tabs { display: flex; flex-wrap: wrap; gap: .3rem; margin-bottom: 2.2rem; border-bottom: 1px solid var(--border); }
.legal-tabs a {
  font-family: var(--fm); font-size: .76rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase;
  color: var(--text-2); text-decoration: none; padding: .8rem 1.2rem; border-bottom: 2px solid transparent;
  margin-bottom: -1px; transition: color .2s, border-color .2s;
}
.legal-tabs a:hover { color: var(--accent-readable); }
.legal-tabs a.is-active { color: var(--accent-readable); border-bottom-color: var(--accent); }
.legal-panel { display: block; }
.js .legal-panel { display: none; }
.js .legal-panel.is-active { display: block; animation: legalFade .25s ease; }
@keyframes legalFade { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }