/* Gather: the legal pages and the processing record. Every number is a token from tokens.css. */

.legal a { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }
.legal-link { display: inline-flex; align-items: center; min-height: var(--tap); }
.legal-heading { font-family: var(--font-voice); font-weight: 500; font-size: var(--size-lead); line-height: var(--leading-tight); margin: var(--s5) 0 var(--s2); }
.legal-list { margin: 0 0 var(--s3); padding-left: var(--s4); }
.legal-list li + li { margin-top: var(--s2); }
.legal-languages { display: flex; flex-wrap: wrap; gap: var(--s2); margin-top: var(--s5); padding-top: var(--s4); border-top: 1px solid var(--line); }
.legal-language { display: inline-flex; align-items: center; min-height: var(--tap); padding: 0 var(--s3); border: 1px solid transparent; border-radius: var(--corner-control); }
.legal-language.is-current { border-color: var(--ink); font-weight: 600; }

/* The processing record: a table that stacks into cards, so it reads at 360px without sideways scrolling. */
.legal-record h1 { font-family: var(--font-voice); font-weight: 500; font-size: var(--size-title); line-height: var(--leading-tight); margin: 0 0 var(--s3); }
.legal-record h2 { font-family: var(--font-voice); font-weight: 500; font-size: var(--size-lead); line-height: var(--leading-tight); margin: var(--s5) 0 var(--s2); }
.legal-record ul { padding-left: var(--s4); margin: 0 0 var(--s3); }
.legal-record li + li { margin-top: var(--s2); }
.legal-record code { font-family: var(--font-mono); font-size: 0.92em; overflow-wrap: anywhere; }
.table-wrap table, .table-wrap tbody, .table-wrap tr, .table-wrap td { display: block; width: 100%; }
.table-wrap thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.table-wrap tr { background: var(--card); border: 1px solid var(--line); border-radius: var(--corner-card); padding: var(--s3); margin-bottom: var(--s3); }
.table-wrap td { padding: var(--s1) 0; overflow-wrap: anywhere; }
.table-wrap td::before { content: attr(data-label); display: block; font-size: var(--size-caption); letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-soft); }