/* Legal page */
.legal__intro { padding-top: clamp(7rem, 16vh, 10rem); }
.legal__layout { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 3rem; align-items: start; padding: 1rem 0 5rem; }
.legal__toc { position: sticky; top: 6rem; display: flex; flex-direction: column; gap: .2rem; }
.legal__toc a { padding: .45em .8em; border-left: 2px solid var(--border); color: var(--muted); }
.legal__toc a:hover { color: var(--cream); border-color: var(--cream); }
.legal__toc p { margin-top: 1rem; font-size: .8rem; }
.legal__content { max-width: 760px; }
.legal__content section { scroll-margin-top: 6rem; padding-bottom: 2.5rem; margin-bottom: 2.5rem; border-bottom: 1px solid var(--border); }
.legal__content section:last-child { border-bottom: 0; }
.legal__content h2 { font-family: var(--font-display); font-weight: 400; color: var(--cream); font-size: 1.7rem; margin: 0 0 1rem; }
.legal__content h3 { font-size: 1.05rem; margin: 1.6rem 0 .5rem; }
.legal__content p, .legal__content li { color: #cfd4df; }
.legal__content ul { padding-left: 1.2rem; }
.legal__content li { margin-bottom: .4rem; }
.legal__content a { color: var(--cream); text-decoration: underline; text-underline-offset: 3px; }
.legal__facts { display: grid; grid-template-columns: max-content 1fr; gap: .6rem 1.5rem; margin: 0 0 1.5rem; padding: 1.2rem 1.4rem; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); }
.legal__facts dt { color: var(--muted); font-size: .85rem; text-transform: uppercase; letter-spacing: .1em; }
.legal__facts dd { margin: 0; overflow-wrap: anywhere; }
.legal__todo { color: var(--gold-light); font-style: normal; }

@media (max-width: 820px) {
  .legal__layout { grid-template-columns: 1fr; gap: 1.5rem; }
  .legal__toc { position: static; flex-direction: row; flex-wrap: wrap; }
  .legal__facts { grid-template-columns: 1fr; gap: .2rem; }
  .legal__facts dd { margin-bottom: .6rem; }
}