#legal { padding-top: calc(var(--nav) + 60px); padding-bottom: 80px; }
         #legal h2 { font-size: 1.7rem; font-weight: 700; margin: 56px 0 6px; color: var(--tx); scroll-margin-top: calc(var(--nav) + 24px); }
         #legal > .container > div:first-of-type h2 { margin-top: 0; }
         #legal h3 { font-size: 1.15rem; font-weight: 700; margin: 30px 0 12px; color: var(--tx); }
         #legal p, #legal li { font-size: .95rem; line-height: 1.75; color: var(--tx2); }
         #legal p { margin-bottom: 14px; }
         #legal ul { padding-left: 22px; margin-bottom: 14px; }
         #legal li { margin-bottom: 8px; }
         #legal strong { color: var(--tx); }
         #legal a { color: var(--pur); }
         .legal-meta { font-size: .82rem; color: var(--tx3); text-transform: uppercase; letter-spacing: .06em; margin-bottom: 24px; }
         .legal-tabs { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 10px; }
         .legal-tabs a { font-size: .85rem; font-weight: 600; padding: 8px 16px; border-radius: 100px; background: var(--sf); border: 1px solid var(--bd); color: var(--tx2) !important; }
         .legal-tabs a:hover { color: var(--tx) !important; border-color: var(--bd2); }
         .legal-divider { border-top: 1px solid var(--bd); margin: 50px 0 0; }