.legal{padding:8px 0 160px}.legal__inner{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:48px 72px;align-items:start}.legal__rail{position:sticky;top:calc(var(--header-h) + 32px);display:grid;gap:32px}.legal__toc-title{font-size:var(--text-sm);font-weight:600;color:var(--cream);margin-bottom:12px}.legal__toc ol,.legal__others ul{display:grid;gap:2px;border-left:1px solid var(--line)}.legal__toc a,.legal__others a{position:relative;display:block;padding:7px 0 7px 18px;margin-left:-1px;border-left:1px solid transparent;font-size:var(--text-sm);line-height:1.4;color:var(--cream-2);transition:color .25s,border-color .25s}.legal__toc a:hover,.legal__others a:hover{color:var(--cream);border-left-color:var(--accent)}.legal__toc a.is-active{color:var(--amber);border-left-color:var(--amber)}.legal__meta{display:grid;gap:8px;padding-top:24px;border-top:1px solid var(--line);font-size:var(--text-sm);color:var(--cream-2)}.legal__meta-label{display:block;color:var(--cream-3)}.legal__meta-draft{color:var(--amber)}.legal__body{max-width:68ch}.legal__body>h2:first-child{margin-top:0}.legal__body h2{scroll-margin-top:calc(var(--header-h) + 24px)}.legal__body table{width:100%;border-collapse:collapse;font-size:var(--text-sm);line-height:1.5;margin-top:1.5em}.legal__body th,.legal__body td{text-align:left;vertical-align:top;padding:12px 16px 12px 0;border-bottom:1px solid var(--line)}.legal__body th{color:var(--cream);font-weight:600;border-bottom-color:var(--line-strong)}.legal__body td{color:var(--cream-2)}.legal__body td:first-child{color:var(--cream)}.legal__contact{margin-top:3em;padding-top:24px;border-top:1px solid var(--line);color:var(--cream-3);font-size:var(--text-sm)}@media(max-width:1000px){.legal__inner{grid-template-columns:1fr;gap:32px}.legal__rail{position:static;gap:24px;padding:24px;border-radius:var(--radius);border:1px solid var(--line);background:#f4ece108}.legal__others{display:none}}@media(max-width:640px){.legal__body table,.legal__body thead,.legal__body tbody,.legal__body tr,.legal__body th,.legal__body td{display:block}.legal__body thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.legal__body tr{padding:16px 0;border-bottom:1px solid var(--line)}.legal__body td{padding:4px 0;border:0}.legal__body td:not(:first-child):before{display:block;font-size:.75rem;color:var(--cream-3);margin-bottom:2px}.legal__body td:nth-child(2):before{content:"Why we use it"}.legal__body td:nth-child(3):before{content:"Our lawful basis"}}