/* Terms and Privacy pages. Colours only from tokens.css. */
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; }
.show-dark { display: none !important; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .show-light { display: none !important; }
  :root:not([data-theme="light"]) .show-dark { display: block !important; }
}
:root[data-theme="dark"] .show-light { display: none !important; }
:root[data-theme="dark"] .show-dark { display: block !important; }

.lg-wrap { max-width: 860px; margin: 0 auto; padding-inline: var(--sqs-space-2); }
.lg-top { border-bottom: 1px solid var(--sqs-line); }
.lg-top .lg-wrap { display: flex; align-items: center; justify-content: space-between; gap: var(--sqs-space-2); padding-block: var(--sqs-space-2); }
.lg-logo img { height: 32px; width: auto; display: block; }
.lg-back { color: var(--sqs-ink); font: 600 0.9375rem/1 var(--sqs-font-sans); text-decoration: none; border: 1px solid var(--sqs-line); border-radius: var(--sqs-radius-md); padding: 10px 14px; }
.lg-doc { padding-block: var(--sqs-space-5); }
.lg-label { font: var(--sqs-label); letter-spacing: .06em; text-transform: uppercase; color: var(--sqs-muted); margin: 0 0 var(--sqs-space-1); }
.lg-doc h1 { font: 700 clamp(2rem, 1.5rem + 2vw, 2.75rem)/1.1 var(--sqs-font-sans); letter-spacing: -.02em; margin: 0; }
.lg-meta { font: var(--sqs-label); color: var(--sqs-muted); margin: var(--sqs-space-1) 0 var(--sqs-space-4); }
.lg-doc h2 { font: var(--sqs-h2); margin: 0 0 var(--sqs-space-1); }
.lg-doc section { padding: var(--sqs-space-3) 0; border-top: 1px solid var(--sqs-line); scroll-margin-top: 16px; }
.lg-doc p, .lg-doc li { max-width: var(--sqs-measure); line-height: 1.65; }
.lg-doc ul { padding-left: 1.2em; }
.lg-toc { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 6px var(--sqs-space-2); margin-bottom: var(--sqs-space-4);
  padding: var(--sqs-space-2); background: var(--sqs-mist); border-radius: var(--sqs-radius-lg); font: var(--sqs-small); }
.lg-toc a { color: var(--sqs-ink); }
.lg-summary { background: var(--sqs-mist); border-left: 4px solid var(--sqs-signal); border-radius: var(--sqs-radius-sm); padding: var(--sqs-space-2) var(--sqs-space-3); margin-bottom: var(--sqs-space-3); }
.lg-summary ul { margin: 0; }
.lg-table { width: 100%; border-collapse: collapse; font: var(--sqs-small); }
.lg-table th { background: var(--sqs-mist); text-align: left; }
.lg-table th, .lg-table td { padding: var(--sqs-space-1); border-bottom: 1px solid var(--sqs-line); vertical-align: top; }
.lg-foot { background: var(--sqs-inverse); color: var(--sqs-on-inverse); }
.lg-foot .lg-wrap { padding-block: var(--sqs-space-3); }
.lg-foot small { font: var(--sqs-small); }
.lg-foot a { color: inherit; }
@media (max-width: 600px) {
  .lg-table thead { display: none; }
  .lg-table tr { display: grid; padding: var(--sqs-space-1) 0; border-bottom: 1px solid var(--sqs-line); }
  .lg-table td { border: 0; padding: 2px 0; }
  .lg-table td:first-child { font-weight: 600; }
}