/* Shared styling for the legal and trust pages: terms, privacy, cookies, sub-processors,
   security. One file so five documents cannot drift apart, and so a change to the register
   happens once. Inherits every token from main.css; defines nothing new. */

.legal { max-width: 760px; margin-inline: auto; padding: 130px 24px 90px; }
.legal h1 { font-family: var(--serif); font-weight: 400; font-size: clamp(1.9rem, 4vw, 2.4rem);
  line-height: 1.15; margin-block-end: 10px; text-wrap: balance; }
.legal h2 { font-family: var(--serif); font-weight: 400; font-size: 1.25rem;
  margin-block: 44px 12px; text-wrap: balance; }
.legal h3 { font-size: .95rem; font-weight: 500; margin-block: 24px 6px; }
.legal p, .legal li { color: var(--ink2); font-size: .95rem; line-height: 1.7; margin-block-end: 12px; }
.legal ul, .legal ol { padding-inline-start: 22px; margin-block-end: 16px; }
.legal li { margin-block-end: 7px; }
.legal strong { color: var(--ink); font-weight: 500; }
.legal a { color: var(--accent-ink); text-underline-offset: 3px; }

.legal .lede { font-size: 1.05rem; color: var(--ink2); margin-block-end: 22px; }
.legal .updated { font-size: .78rem; color: var(--ink3); letter-spacing: .04em;
  margin-block-end: 40px; padding-block-end: 22px; border-block-end: 1px solid var(--line); }

/* A claim that carries its own qualification, the same gesture as an evidence tag in the product. */
.legal .note { border-inline-start: 2px solid var(--accent); background: rgba(138,109,31,.06);
  padding: 14px 18px; border-radius: 10px; margin-block: 18px; }
.legal .note p:last-child { margin-block-end: 0; }
.legal .note strong { color: var(--accent-ink); }

.legal table { width: 100%; border-collapse: collapse; margin-block: 16px 22px; font-size: .9rem; }
.legal th, .legal td { text-align: start; padding: 10px 12px; border-block-end: 1px solid var(--line);
  vertical-align: top; color: var(--ink2); }
.legal th { font-size: .72rem; letter-spacing: .05em; color: var(--ink3); font-weight: 400;
  background: var(--sand); }
.legal tbody tr:last-child td { border-block-end: none; }
.legal .tablewrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 12px; }

.legal hr { border: none; border-block-start: 1px solid var(--line); margin-block: 60px; }
.legal [lang="en"] { direction: ltr; text-align: start; }
.legal .mono { font-family: var(--mono); direction: ltr; unicode-bidi: isolate; font-size: .88em; }

/* The entity block: what a procurement department asks for before it can pay an invoice. */
.entity { background: var(--paper2); border: 1px solid var(--line); border-radius: 12px;
  padding: 18px 20px; margin-block: 18px; }
.entity dl { display: grid; grid-template-columns: auto 1fr; gap: 6px 18px; margin: 0; font-size: .9rem; }
.entity dt { color: var(--ink3); }
.entity dd { margin: 0; color: var(--ink2); }