/* The terms (/terms) and the privacy notice (/privacy), since 30 October 2026: the /docs reading layout (integration-docs.css)
   with both languages in the page. <html lang> says which one shows: the server sets it from ?lang=, legal.js from the saved
   choice and the switch. A crawler that asks /privacy?lang=it reads the Italian, the one the address names. */
html:not([lang="it"]) .legal-lang[lang="it"], html[lang="it"] .legal-lang[lang="en"] { display: none; }
.legal-index h2 { color: var(--muted); font-weight: 400; }
/* when the page last changed: the one line under the title, in the order the reader needs it */
.legal-date { margin: var(--s3) 0 0; color: var(--muted); font-size: var(--fs-small); line-height: var(--lh-small); }
/* the register of what is kept: what, where, for how long. Three columns of words, the first in ink */
.legal-keeps th:first-child { width: 38%; }
.legal-keeps th:nth-child(2) { width: 30%; }
.legal-keeps tbody th { font-weight: 500; white-space: normal; font-size: var(--fs-body); color: var(--text); }
.legal-keeps tbody th .small { display: block; margin-top: var(--s1); color: var(--muted); font-weight: 400; }
.legal-keeps td:last-child { color: var(--text); }
.legal-keeps tr.legal-forever td:last-child { font-weight: 500; }
.docs-article .legal-lead { font-size: var(--fs-section); line-height: var(--lh-section); max-width: 72ch; }
.legal-contact { font-size: var(--fs-section); line-height: var(--lh-section); }
/* app.css gives every th a 32px row height: these headers hold two lines and more */
.legal-keeps th { height: auto; }
@media (max-width: 600px) {
  .legal-keeps tbody tr { grid-template-columns: minmax(0, 1fr); gap: var(--s1); }
  .legal-keeps td:nth-child(2) { text-align: left; }
}
/* one h1 for both languages (the inspector, and a reader, look for the first one): its two names, one shown */
.legal-head .legal-lang[lang] { display: block; }
html:not([lang="it"]) .legal-head .legal-lang[lang="it"], html[lang="it"] .legal-head .legal-lang[lang="en"] { display: none; }
.docs-article.legal-lang > section:first-child { margin-top: 0; }
/* where the columns stack, the index is a short row of links under the title, not ten rows above it */
.legal-jump { display: none; }
@media (max-width: 960px) {
  .docs-page .docs-index { display: none; }
  .legal-jump { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--s2) var(--s4); margin: calc(-1 * var(--s3)) 0 var(--s6); font-size: var(--fs-small); line-height: var(--lh-small); }
  .legal-jump-k { color: var(--muted); }
}